一.HTML文档类型：
1.<!DOCTYPE>生命必须是HTML文档的第一行，位于<html>标记前。该行声明了该HTML文档的文档类型，即告诉web浏览器该HTML文档是依据哪个版本的HTML规范来编写的。
2.HTML5规范对应的文档类型声明只有一种：<!DOCTYPE html>
二.HTML head及相关Tags:定义了文档的一些说明信息，这些元素本身不会显示在浏览器的视图中
1.定义document编码：<meta charset="UTF-8"/>
2.定义document的title和小图标icon：
<title>what is the title of this document</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
3.为SEO定义keywords和description
<meta name ="keywords" content ="keyword1,keyword2,keyword3"/>
<meta name="description" content="how to describe the document"/>
4.定义document的CSS样式规则
<link rel ="stylesheet" type="text/css" href="some.css"/>
<style type ="text/css">put your css rules here </style>
5.定义document的Javascript代码
<script type="text/javascript" src="some.js"> </script>
<script type="text/javascript" >put some js code here</script>
三.HTML标题、段落和文本格式化
1.文档的分级标题 : <h1>、<h2>、<h3>、<h4>、<h5>、<h6>
2. 段落元素：<p>
3.换行 ： <br>
4.分割线：<hr>
5.加粗文本 ：<b>Bold text</b>
6.斜体文本 ：<i>ltalic text</i>
7. 重要的文本(加粗) : <strong>Important text</strong>
8.强调的文本(斜体) : <em>Emphasized text</em>
9.字体更小 : <small>Smaller text</small>
10.删除的文本(对文本加上中划线) : <del>deleted text</del>
11. 插入的文本(对文本加上下划线) : <ins>inserted text</ins>
四.HTML图片
1.完整的URL，可以加载显示web上的任何一张图片 : <img src="http://tp4.sinaimg.cn/1938166551/50/5638454901/1" />
2.相对路径，在当前HTML文档所在的目录下 ：<img src="a.jpg" width="100" height="200" />
3.绝对路径，目标图片的地址与HTML文档所在目录无关： <img src="/img/a.jpg" width="100" height="200" alt="这里是加载失败时的替换文字"/>
4. alt 属性：目标图片加载失败时候，替换的文字；或者给图片添加说明性文字
五.HTML超链接
1.文档外链接：
<a href="http://www.baidu.com" target="_blank"><img src="..."/></a>
target属性: 默认值为_self ，在当前浏览器窗口中打开目标文档页面
_blank, 在新的窗口中打开目标文档页面
类似绝对路径 : <a href="/course/202">学习学习</a>
打开一个本地邮件客户端，引导用户发送邮件: <a href="mailto:xxxxx@gmail.com">Email to us </a>
2.文档内导航：
跳转到ID为FAQ的文档元素所在的区域 : <a href="#FAQ">常见问题</a>
跳到页面底部 ：<a href="#button-section">去底部</a>
回到页面顶部 ：<a href="#">回顶部</a>
第一步加载页面，第二步跳转到FAQ元素所在的区域 : <a href="http://abc.com/course/202#FAQ">常见问题</a>
扫一扫
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
