HTML基础标签总结(一)

  1. HTML基础框架
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
这是一个最简单的基础框架
</body>
</html>
  1. HTML的特殊符号
特殊符号 符号码
空格 &nbsp
回车
" &quot
& &amp
& &amp
< &lt
> &gt
  1. 元素标签

    <html></html>         <!--html元素定义了整个html文档  -->
    <body></body>         <!--body元素定义了整个html主体  -->
    <p></p>               <!--p元素定义了html中的一个段落  -->
    
  2. 文字标签

<h1>标签标题,h1-h6逐渐减小</h1>

<!--注释标签 -->

<b>定义粗体文本</b>

<em>定义着重文字</em>

<i>定义斜体字</i>

<small>定义小号字</small>

<strong>定义加重语气</strong>

<sub>定义下标字</sub>

<sup>定义上标字</sup>

<ins>定义插入字</ins>

<del>定义删除字</del>

<font size="字号"color=”字体颜色“face="字体">修饰字体标签</font>

  1. 段落标签
<p>段落标签</p>

<nobr>不换行显示文字</nobr>

<p align="">段落对齐属性</p>

<pre>保留原始排版</pre>
  1. 图片标签
<img src="图像的存储位置" alt="当图片无法载入时的提示">

<img src="存储路径"width="宽" height="高">
  1. 列表标签
    HTML基础标签总结(一)
<!--定义一个有序列表-->
<ol start="起始数值" type="排序类型">
<li>第一项</li>
<li>第二项</li>
</ol>

<!--定义一个无序列表-->
<ul type="排序类型">
<li>第一项</li>
<li>第二项</li>
</ul>

<!--定义一个定义列表-->
<dl>
<dt>名词1<dd>解释1
<dt>名词2<dd>解释2
</dl>
  1. 链接标签
<a href="#">链接文字</a>   <!--#为空链接-->

<a href="链接地址">链接入口文字(或图片等)</a>

<!--建立书签链接-->

<a id="建立的链接名">建立的文本</a>