注意:
文档注释 html5 的表示方式
<!--文字--> 支持单行和多行注释
Html5 必须使用小写
字符实体需借助字符名称或数字代码输出
如:< 小于号 < <
<head>首部标签里面包含
<title>标签 用于显示网页标题
<base>标签 为网页设置默认URL地址或 目标target
<meta>元数据标签 机器可读,不显示在页面上
<style>样式标签 定义文档中指定区域的风格样式
<link>链接标签 用于链接外部资源 (只出现在<head>标签内)
<script> 脚本标签 使用脚本内容
<body>标签里面包含
基础标签
<p> 段落标签</p>
<h1>标题标签</h1>
<hr>水平线标签<hr>
<br>换行标签</br>
文本格式标签
<i>斜体字</i>
<b>粗体字</b> or <strong>区别是strong内被认为是重要内容</strong>
上标标签 X<sup>5</sup> 下标标签 SO <sub>2 </sub>
修订标签
<del>添加删除线</del>
<ins>添加下划线</ins>
由于<ins>下划线效果容易与链接弄混,所以使用<del>配合使用
(html4.01使用<strike>和<u>)
预格式化标签
<pre>保留文本原格式效果</pre>
列表标签(常用)
<ol>定义带有编号的有序列表</ol>
<ol><li>缩进显示效果</li></ol>
<ol type= "类型值"> </ol>
<ul>定义不带编号的无序列表</ul>
栗:<ul type="square"> 定义带方形编号标志 </ul>
<dl>用于进行特殊词条定义的特殊列表</dl>
图像标签(常用)
<img src= “图像文件URL”/>
超链接
<a href = “URL地址”>链接文本或图片</a>
栗子:
图片示意
<a href = “www.cc.com”> <img src= “ccc.png”> </a>
内部链接
<a href = “#指定区域名“> 链接文本或图像</a>
<a name =“区域名”>目标内容</a>
表格标签(常用)
<table>定义一个完整的表格</table>
<tr>行标签</tr>
<td>一个单元格,默认左对齐</td>
<th>表头标签</th>
<caption>表格标题标签,默认居中对齐并显示在表格顶部</caption>
框架标签
<iframe src = ”news.html“>用于在网页框架定义子窗口,
src用于指定框架内部的网页来源</iframe>
容器标签(常用)
<div>将页面分割成不同部分(该标签是一个块级元素,会在前后自动放置换行符)</div>
栗子:
<body>
<div style = “color:blue; bg:yellow”>
内容
</div>
</body>
<span>作为文本容器,与CSS同时使用(内联元素与块级元素相反)</span>
HTML5新增
文档结构标签
<header>页眉标签 通常为网站名称</header>
<nav>导航标签定义导航菜单</nav>
<section>节标签 专题区域</section>
<article>文章标题 可以包含多个<p></article>
<aside> 侧栏标签 定义正文两侧的内容</aside>
<footer>页脚标签 通常为署名之类的</footer>
格式标签
<mark>记号标签 类似高光标记</mark>
<progress>进度标签,类似进度条 属性 当前值value 最大值max</progress>
<meter>度量标签,通常用于显示磁盘使用量等</meter>
版本转换:
html4.01转化为html5
1.化简doctype声明方式
2.化简charset字符集描述方式
3.若存在外部css文件或js文件的引用,可以直接省略其中的type描述