HTML基础

meta标签

设置页面元信息||charset:设置字符串编码，推荐：utf-8

文本标签

​ em、strong、del、ins、sub、sup、span

空标签

空元素就是不需要闭合的标签

<col>
<colgroup>when the span is present
<command>
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<area>
<base>
<br>
<meta>
<param>
<source>
<track>
<wbr> 

iframe标签

• 引入多种文件资料

a标签

• 属性值：href:设置链接地址
  • target:设置目标窗口。
  • _self:设置当前窗口打开。默认值
  • _blank:设置在新窗口打开。

设置锚点

• 给标签设置id属性，该标签就可以作为锚点，id属性的值就是锚点名。

跳转到锚点

• 通过超链接跳转

• 跳转到本页锚点
  <a href="#锚点名"></a>
  跳转到指定页锚点
  <a href="页面的地址#锚点名"> </a>
  

列表标签

ul ol li dl dt dd

• dl 定义列表
• dt 定义标题
• dd 定义释义

表格标签

• table 表格的包裹标签
  • cellspacing：设置单元格的距离
  • cellspacing：设置单元格边框与里面文本的内容的距离
• caption 表格标题
• thead 表头
  • valign垂直方向对齐：top、middle、bottom
  • align水平方向对齐：right、left、center
• tbody 表主题
  • valign
  • align
• tfoot 表尾
  • valign
  • align
• tr 行
  • valign
  • align
  • height
• th 表头单元格
  • align
  • valign
  • width
  • height
  • rowspan跨行
  • colspan跨列
• td 普通单元格
  • valign
  • align
  • width
  • height
  • rowspan
  • colspan

表格样式

• table-layout 设置列宽固定
  • auto：列宽自动，默认值。
  • fixed：列宽固定。
• border-spacing 设置单元格之间的距离
• border-collapse

表单控件

• input输入框
• button提交按钮
• textarea文本域
  • rows设置行数，实际影响的区域高度，
  • 设置列数，实际影响区域的宽度
• select下拉框
  • option下拉选项

    •  <option value="3" selected>内蒙古自治区</option>
      

    • option的value属性设置的是真正提交的数据，如果没有value，会将标签包裹的内容提交
    • option设置selected属性可以默认选中。

HTML元素默认显示样式

子属性和复合属性的关系

1. 如果复合属性写在子属性的后面，不论复合属性中有没有与子属性对应的设置，子属性都会被覆盖（失效）
2. 如果子属性写在符合属性的后面，会覆盖掉复合属性中对应的设置

文本样式

1. letter-spacing 设置字间距 长度
2. word-spacing 设置词间距（中文无效）长度
3. text-indent 设置首行缩进
4. text-decoration 设置文本修饰线
   1. none
   2. underline
   3. overline
   4. line-throuth
5. vertical-align 不可继承
   1. 实现行内块或行内元素与同行的文本如何对齐
   2. 设置上标字和下标字
   3. 设置单元格（td和th）中内容的垂直对齐方式
   4. beseline 基线对齐
   5. top
   6. bottom
   7. middle
   8. sub
   9. super