目录
一、HTML5整体说明
论文可以分为:
- 声明规范
- 网页头部
- 网页主体
二、网页<title> </title>
书写规范
<title>文字显示</title>
三、网页主体 <body> </body>
1、书写规范
<body>
<!--主要内容-->
<!--其他标签-->
</body>
2、常用标签
项目 | Value | 写法 |
---|---|---|
h1、h2、h3、h4、h5、h6 | 标题标签 | <h1>标题</h1> |
p | 段落标签 | <p>段落</p> |
br | 换行标签 | <br /> |
img | 图像标签 | <img src=“图片路径” alt=“图片替换文字”> |
strong | 字体加粗标签 | <strong>文本</strong> |
em | 字体倾斜 | <em>文本</em> |
a | 超链接标签 | <a href=“目标地址”>链接提示语</a> |
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<p>一个段落</p>
<br /> <!--换行-->
<img src="" alt=""/>
<strong>加粗</strong>
<em>斜体</em>
<a>标签</a>
转义符 | 含义 |
---|---|
| 空格转义符 |
> | 大于号 > |
< | 小于号 < |
" | 双引号 " |
© | 版本符号 © |
四、超连接
1、页面链接
<a href="目标地址" target="">链接提示语</a>
<!--target: _swlf 是默认值,表示本页面跳转
_blank 表示新页面跳转
-->
2、锚连接
<img id="" src="" alt="" /> <!--id作为连接-->
<h1 id=""></h1> <!--id作为连接-->
<a herf="#"></a> <!--#后跟id-->
<a href="#"></a> <!--#后跟id-->
<!--举例-->
<h1 id="0">快乐</h1>
<a herf="#0">链接</a>
功能性链接
<!--电子邮箱、QQ、MSN等链接-->
<a href="mailto:c@gmail.com"联系我们</a>
五、行元素与快元素
1、块元素
特性:无论多少内容,该元素独占一行
如:p、h1~h6、…
2、行内元素
特性:内容撑开宽度,左右都是行内元素的可以排在一行
如:a、strong、img、em、…