使用HTML5进行页面布局
HTML
网页基本结构
HTML
标签都以
“< >”
开始、
“</ >”
结束
<head></head>网页头部
<body></body>主体部分
<body></body>等成对的标签,分别叫开放标签和闭合标签
单独呈现的标签(空元素) 如<hr/> 表示用/来关闭空元素
单独呈现的标签(空元素) 如<hr/> 表示用/来关闭空元素
标题标签
h1
最大,
h6
最小
段落标签
<p></p>
换行标签
<br/>
水平线标签
<hr/>
加粗<strong>...</strong>
斜体<em>...</em>
注释
<!---->
特殊符号
空格
大于号 >
小于号 <
引号 " 成对出现
版权符号@ ©
src:图片地址
相对路径 ../ 上一级目录 ../ 来定位文件
相对路径 ../ 上一级目录 ../ 来定位文件
绝对路径:从盘符开始写的完整路径
图像标签
<img src="图像地址" alt="如果图像错误显示的文字" title="鼠标悬停提示文字" width="图像宽度" height="图像高度">
<img src="图像地址" alt="如果图像错误显示的文字" title="鼠标悬停提示文字" width="图像宽度" height="图像高度">
链接标签
从一个页面链接到另一个页面
<a href="跳转链接地址" target="链接在哪个窗口打开"></a>
target="_blank" 在新网页中打开
target="_self" 在本页打开
锚链接
需要一个锚标记
跳转到标记
举例:
点击回到顶部回到页面最上方
<a name="top">顶部</a>
<a href="#top">回到顶部</a>
<a href="#top">回到顶部</a>