html基本结构
2018-10-18 本文已影响0人
f6d8ee519880
1、html基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
网页显示内容
</body>
</html>
2、html标题，段落，换行与字符实体
- html标题
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
- html段落
<p>内容</p>
- html换行
<p>内容<br/>内容<br/>内容</p>
- html实体
<p> <br />内容<br />内容</p>
3、html块，含样式的标签
- html块
1、div标签 块元素，表示一块内容，没有具体的语义。
2、span标签 行内元素，表示一行中的一小段内容，没有具体的语义。
- html含样式的标签
1、em标签 行内元素，表示语气中的强调词
2、i标签 行内元素，原本没有语义，w3c强加了语义，表示专业词汇
3、b标签 行内元素，原本没有语义，w3c强加了语义，表示文档中的关键字或者产品名
4、strong标签 行内元素，表示非常重要的内容
4、html图像，绝对路径和相对路径
- html图像
<img src="images/pic.jpg" alt="产品图片" />
- 绝对路径和相对路径
1、 绝对地址：相对于磁盘的位置去定位文件的地址
1、相对地址：相对于引用文件本身去定位被引用的文件地址
5、html链接
<a href="#"></a> <!-- # 表示链接到页面顶部 -->
<a href="http://www.itcast.cn/" title="跳转的传智播客网站">传智播客</a>
<a href="2.html">测试页面2</a>
- 定义页面内滚动跳转
<a href="#mao1">标题一</a>
......
......
<h3 id="mao1">跳转到的标题</h3>
