HTML文档结构与常用标签-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43689100/article/details/84071315

一、HTML文档结构及说明：

<!DOCTYPE html>        
<html>
<head>      					
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
</html>

head标签内放置头部信息，包括：
1.标题：放置于title标签内，显示文档标题。
2.文档本身的元信息：使用meta标签，其作用是在html文件中模拟http的响应头报文，是实现元数据的主要标记。鉴别作者；鉴别内容和关键字；设定页面字符集；刷新等。
3.放置css样式：style标签内
body标签内放置网页的主体部分，即要在页面上显示的内容。

二、HTML中的常用标签及使用：

<p></p>                           <!--段落标签-->
<b></b>				  <!--文字加粗-->
<i></i>	                          <!--文字斜体-->
 <br/>	                          <!--换行符-->
<a href=""></a>	                  <!--超链接标签，href属性值为链接地址-->
<img src="" alt=""/>	          <!--图像链接，src属性值显示图像的URL地址， 
                                    alt属性值表示图像代替文本-->
<div></div>        		  <!--区隔标记-->
<ul> 				  <!--无序列表-->
    <li></li>		          <!--列表项-->
</ul>
<ol>                              <!--有序列表-->		
    <li></li>                     <!--列表项-->
</ol>
<span></span>                     <!--文字标签-->
<iframe src="" frameborder="0"></iframe>
			          <!--网页中插入框架-->
<sub></sub>     		  <!--下标-->		
<sup></sup>      		  <!--上标-->
<table>                           <!--表格-->
    <tr>                          <!--表格中的行-->
        <td></td>                 <!--单元格-->
    </tr>
</table>                
<h></h>                           <!--标题标签，有h1~h6六个-->
<pre></pre>       		  <!--预定义格式标签-->

补充说明：
（1）HTML标签一般配对使用，不区分大小写;
（2）标签都具有属性。属性提供关于网页上HTML元素的附加信息;
（3）定义锚来实现同页面的跳转：<a href ="#锚名">目录</a>.
<a href ="......" name="锚名">目录</a>.