HTML教程

于 2019-04-30 14:45:09 发布
阅读量488 收藏 2
点赞数 1
分类专栏： HTML 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/SSM_spring/article/details/89709089
版权

 

  1. HTML概述
    1. 什么是 HTML 文件？
  1. HTML(Hyper Text Markup Language)指超文本标签语言。
  2. 这些标签告诉 WEB 浏览器如何显示页面.
  3. HTML 文件必须使用 htm 或者 html 作为文件扩展名.
  4. HTML 文件可以通过简单的文本编辑器或集成工具来创建.
  5. 我们一般称它为静态页面

first.html

<html>

    <head>

       <title>第一个HTML标题</title>

    </head>

    <body>

       这是内容部分, 去<a href="http://www.atguigu.com">尚硅谷官网</a>

    </body>

</html>

    1. 为什么要用HTML?
  2. HTML最初被设计出来, 就是用来设计网页的一门语言, 它不依赖于任何语言, 它其中很重要的东西就是可以包含超链接,图片,音频与视频等数据
  3. 为什么不用TXT?
    1. txt不能包含超链接.
  4. 为什么不用word?
    1. 太重了.
  5. 为什么不用XML?
    1. XML是在HTML的基础上进一步抽象的产物. 但不是为了要替换HTML
    1. Web2.0简述
  2. Web2.0是目前主流的Web页面开发标准
  3. Web2.0对Web页面构成的描述：
    1. 结构：数据的组织形式，实现方式：HTML 超文本标记语言
    2. 表现：数据的表现形式，实现方式：CSS 层叠样式表
    3. 行为：用户交互动作，实现方式： JavaScript 脚本文件
  4. 遵守Web2.0标准的好处：
    1. 根据不同的功能将HTML、CSS、JavaScript代码分开，使代码更加优雅简洁，可读性更高，更易于维护，特别是让开发工程师和UI设计师能够更好的分工合作
  1.  HTML的语法
    1. HTML 标签(元素Element)
  1. HTML 文档是由 HTML 元素构成的文本文件。
  2. HTML 元素是通过使用 HTML 标签进行定义的。
    1. HTML 标签是用来标记 HTML 元素的。
    2. HTML 标签被 < 和 > 符号包围。
    3. 这些包围的符号叫作尖括号。
    4. HTML 标签是成对出现的。例如 <b> 和 </b>。
    5. 位于起始标签和终止标签之间的文本是元素的内容。
    6. HTML 标签对大小写不敏感，<b> 和 <B> 的作用的相同的
    1. HTML 标签的属性(Attribute)
  2. HTML 标签拥有属性。属性为 HTML 元素提供附加信息。
  3. 属性总是以名称/值对的形式出现，
    1. 如：name="value"或 name=’value’
    1. HTML文本标签体(Text)
    2. HTML文档(D)
    3. HTML节点(Node)
    4. HTML特殊字符与转义字符(理解)
  2. 特殊字符: 一些字符在 HTML 中拥有特殊的含义, 如: <, &. 如果要显示不能直接使用
  3. 转义字符: 每个特殊字符都对应一个固定的字符序列.

  1.  HTML的常用标签

3.1. 基本标签

基本的标签

描述

<html>

定义 html 文档

<body>

定义 body 元素

<h1> to <h6>

定义标题 1 到标题 6

<p>

定义段落

<br>

插入一个换行

<!--...-->

定义注释

3.2. 字符格式化标签

<font>

定义文字的字体、尺寸和颜色

 

3.3. 链接

<a>

定义超链接

<link>

定义CSS文件的引用

 

3.4. 输入

<form>

定义提交请求的表单

 

 

 

 

<input>

type属性

 

text

文本框

password

密码框

submit

提交按钮

reset

重置按钮

radio

单选按钮

checkbox

多选框

button

普通按钮

file

文件上传框

hidden

表单隐藏域

<button>

定义按钮

<select>

定义下拉式菜单

<option>

定义下拉列表中的可选项

 

3.5. 图像

<img>

定义图像

 

3.6. 表格

<table>

定义表格

<tr>

表格的行

<td>

定义表格列

3.7. 样式

<style>

定义样式

<div>

定义文档中的块分区

<span>

用来组合文档中的行内元素

 

3.8. 元信息

<head>

定义关于文档的信息

<title>

定义文档的标题

<meta>

定义元信息

 

3.9. Programming

<script>

定义js脚本

3.10. 框架

<frame>

定义框架的子窗口

<frameset>

定义框架结构

<iframe>

定义内联框架

 

  1. 其它
    1. HTML事件属性

1). 窗口事件 (Window Events)

属性

值

描述

onload

脚本

在页面或图像加载完成后执行脚本

onunload

脚本

当文档被卸下时执行脚本

 

2). 表单元素事件 (Form Element Events)

属性

值

描述

onchange

脚本

当元素改变时执行脚本

onsubmit

脚本

当表单被提交时执行脚本

onreset

脚本

当表单被重置时执行脚本

onselect

脚本

当元素被选取时执行脚本

onblur

脚本

当元素失去焦点时执行脚本

onfocus

脚本

当元素获得焦点时执行脚本

 

3). 键盘事件 (Keyboard Events)

属性

值

描述

onkeydown

脚本

当键盘被按下时执行脚本

onkeypress

脚本

当键盘被按下后又松开时执行脚本

onkeyup

脚本

当键盘被松开时执行脚本

 

4). 鼠标事件 (Mouse Events)

属性

值

描述

onclick

脚本

当鼠标被单击时执行脚本

ondblclick

脚本

当鼠标被双击时执行脚本

onmousedown

脚本

当鼠标按钮被按下时执行脚本

onmousemove

脚本

当鼠标指针移动时执行脚本

onmouseout

脚本

当鼠标指针移出某元素时执行脚本

onmouseover

脚本

当鼠标指针悬停于某元素之上时执行脚本

onmouseup

脚本

当鼠标按钮被松开时执行脚本

 

 

    1. HTML 颜色

颜色由红色、绿色、蓝色三个色相混合而成 RGB

1). 颜色值

用一个以#开头的十六进制数据来表示.

每个色相的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。

其表示一般是: #00 00 00到#FFFFFF

1). 颜色名称

一些常见的颜色被定义了一对应的名称, 可以通过其名称来表示. 如: red, blue等

 

    1. HTML相关概念(了解)
  2. XHTML:
  1. EXtensible HyperText Markup Language可扩展超文本标记语言
  2. 表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。
  3. XHTML是HTML向XML的一个过渡语言

 

  1. DHTML:
  1. DHTML是Dynamic HTML的简称，就是动态的html
  2. 其实并不是一门新的语言，它只是HTML、CSS和JavaScript的一种集成

 

 

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值