HTML常用知识总结

       HTML（Hyper Text Mark-up Language）意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页。

1.HTML的文档类型——xhtml 1.0和html5

xhtml1.0 用 sublime text创建方法： html:xt + tab；

html5 用sublime text创建方法： html:5 + tab 或者 ! + tab。

2.HTML的注释

<!-- 注释的内容  -->

3.HTML常用标签及其特点

<!-- 成对出现的标签  -->
<body>......</body>
<p>......</p>
<div>......</div>
<b>......</b>

<!-- 单个出现的标签  -->
<br />
<img src="..." />
<input type="..." />

<!-- 标签之间的嵌套  -->
<p>
    <span>...</span>
    <a href="...">...</a>
</p>
<div>
      <h3>...</h3>
      <div>
              <span>...</span>
              <p>...</p>
      </div>
</div>

（1）<p>标签定义了一个文本段落

（2）<h1>、<h2>、<h3>、<h4>、<h5>、<h6>标签定义了6种级别的标题

（3）在代码的段落中插入<br />来表示换行

（4）表示空格的字符实体&nbsp;

（5）<与>的字符实体为&lt;和&gt;

（6）div标签 块元素，表示一块内容，没有具体的语义

（7）span标签 行内元素，表示一行中的一小段内容，没有具体的语义

（8）em标签 行内元素，表示语气中的强调词

（9）i标签 行内元素，原本没有语义，w3c强加了语义，表示专业词汇

（9）b标签 行内元素，原本没有语义，w3c强加了语义，表示文档中的关键字或者产品名

（10）语义化标签h1标签是表示标题，p标签是表示段落，ul、li标签是表示列表，a标签表示链接，dl、dt、dd表示定义列表

（11）<img>标签插入一张图片，通过“alt”属性定义图片加载失败时显示的文字

（12）HTML的链接 <a>标签可以在网页上定义一个链接地址

（13）定义列表，<dl>标签表示列表的整体，<dt>标签定义术语的题目，<dd>标签是术语的解释。

4.HTML表格

常用标签：

table标签——声明一个表格；

tr标签——定义表格中的一行；

td和th标签：定义一行中的一个单元格，td代表普通单元格，th表示表头单元格

常用属性：

border——定义表格的边框；

cellpadding——定义单元格内内容与边框的距离；

cellspacing——定义单元格与单元格之间的距离；

align——设置单元格中内容的水平对齐方式,设置值有：left | center | right；

valign——设置单元格中内容的垂直对齐方式 top | middle | bottom；

colspan——设置单元格水平合并；rowspan——设置单元格垂直合并

5.HTML表单

<form action='表单数据提交地址'  method属性定义提交的方式>

<！---lable标签定义表单控件的文字标注，

input类型为text定义一个单行文本输入框，

input类型为password定义了一个密码输入框，

input类型为radio定义一个单选框，

input类型为checkbox定义一个复选框，

input类型为file定义上传照片或文件资源，

input类型为testarea定义多行文本输入，

input类型为select定义下拉列表选择，

input类型为submit定义提交按钮，

input类型为reset定义重置按钮 --->