1.HTML网页结构
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8"/>
<title>我的第一个网页</title>
</head>
<body>
我的第一个网页
</body>
</html>
2.基本标签
|-------------|------------------------------------|--------------------------------------------------|
| 名称 | 标签 | 示例 |
| 标题标签 | <h1>~<h6> | <h1>静夜思</h1> |
| 段落和换行标签 | <p>...</p>、<br/> | <p>床前明月光<br/>疑是地上霜</p> |
| 水平线标签 | <hr/> | <hr/> |
| 斜体 | <em>...</em> | <em>举头望明月</em> |
| 字体加粗 | <strong>...</strong> | <strong>低头思故乡</strong> |
3.特殊符号
|-----------------|---------------------|---------------------------------------------------------------------------------------------------------------------|
| 特殊符号 | 字符实体 | 示例 |
| 空格 | | <ahref="#">百度</a> | <ahref="#">新浪</a> |
| 大于号**(>)** | > | 如果时间**>晚上6点，就坐车回家** |
| 小于号(<)** | < | 如果时间<早上7点，就走路去上学** |
| 引号(")** | " | **W3C规范中，HTML的属性值必须用成对的**"引起来 |
| 版权符号©** | © | ©2018课工场 版权所有 |
4.图像标签
语法 <img src="path" alt="text" title="text" width="x" height="y"/>
src图像地址 alt图像的替代文字 width图像宽度 height图像高度
5.链接标签
语法 <a herf="" target="">链接文本或图像</a>
6.超链接的应用
1、页面间链接：A页到B页，网上常见链接
<a href="detail.html" target="_blank">姑娘，欢迎降落在这残酷的世界</a>
2、锚链接：跳至自身固定位置，或A页跳到B页固定位置，需锚标记
创建跳转标记 <a name="marker">乙位置</a>
创建跳转标签 <a herf="#marker">甲位置</a>
3、功能性链接：电子邮件、QQ、MSN等链接
<a href="mailto:[email protected]">联系我们</a>
7.行内元素与块元素
行元素：无论内容多少，该元素独占一行（h1，p）
块元素：内容撑开宽度，左右都是行内元素的可以排在一行（a，strong，em）