HTML5学习心得总结(推荐)

2019-01-28 14:30:13于海丽

2. hr 分割线
- 属性:width宽度 100px或者30%
- align:对齐方式
- size:粗细
- color:颜色

3. 有序列表ol  li
- type:列表前的序标号
- start:从第几个开始

4. 无序列表ul li

5. 自定义列表
- dl:表示自定义列表
- dd:表示自定义列表项
- dt:表示自定义列表标题

6. 区域
- div:声明一块区域
- span:声明一块区域 一般用于用户名密码之后的提示,例如:该用户名已被注册。
- div与span的区别:div一长列,自动换行,span一短列,不换行。

7. 图片区域
- figure图片区域,里边套img标签和figcaption和a标签等
- figcaption:表示对图片的描述<a href="http://item.jd.com/2600210.html" target="_blank"><figcaption><font size="2" color="red">华为P9:3999带回家</font></figcaption></a>8. pre:格式化一段文字或者添加代码表格元素(重要)
- 作用:格式化数据

- table 声明一个表格属性:
1.border 边框 border=1
2.width 宽度
3.cellpadding 文字与内边框的距离 cellpadding=10
4.cellspacing 单元格间距 cellspacing=0

•tr 行
1.align:对齐方式

•td 列
1.width/height
2.colspan 合并列
3.rowspan 合并行

•th 表头,会加粗,并且会居中

•caption 表格的标题

•给表格划分区域(不常用)

1.thead、tbody、tfoot

语义元素(不多用)

•h1~h6:表示标题
•header:表示头部
•nav:表示导航
•footer:表示尾部
•address:表示文档或article的联系信息
•aside:表示侧边栏
•section:表示主题区域
•article:表示一段独立的内容

XML/HTML Code复制内容到剪贴板
  1. <article>           <h3>Internet Explorer 9</h3>  
  2.         <p>Windows Internet Explorer 9(简称 IE9)于 2011 年 3 月 14 日发布.....</p>   </article>  
  3.        <!--header的使用方法-->  
  4.     <header>           <h3>Welcome to my home page</h3>  
  5.         <p>My name is Luogg</p>       </header>  
  6.       <!--section的使用方法-->  
  7.     <font color="blue" size="4">3.<section>的定义</font><br/>       <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。<br/><br/>