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.特殊符号
| 特殊符号 |
字符实体 |
示例 |
| 空格 |
|
<a href="#">百度</a> | <a href="#">新浪</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:ke@kgc.cn">联系我们</a>
7.行内元素与块元素
行元素：无论内容多少，该元素独占一行（h1，p）
块元素：内容撑开宽度，左右都是行内元素的可以排在一行（a，strong，em）