HTML标签

格式控制标签

<html>    --开始标签

<head>

网页上的控制信息

<title>页面标题</title>

</head>

<body>

页面显示的内容

</body>

</html>    --结束标签

body的属性

bgcolor                页面背景色

background             背景壁纸、图片

text                     文字颜色

topmargin               上边距

leftmargin                左边距

rightmargin            右边距

bottommargin           下边距

格式控制标签

<font color="" face="" size=""></font>

分别控制字体的颜色、字体和大小。

<b></b>                字体加粗

<strong></strong>     字体加粗

<i></i>                    倾斜

<em></em>             倾斜

<u></u>                下划线

<center></center>      居中

<br>或<br/>            相当于回车

&nbsp;                  表示空格,Ctrl+shift+space

 1 <body bgcolor="#33FFCC">
 2 <a name="top"></a>
 3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
 4 天气<br />
 5 不错
 6 <br />
 7 <font size="+4" color="#FF0000">
 8 字体格式控制标签:<br/>
 9 <b>文字加粗方式1,b标签</b><br />
10 <strong>文字加粗方式2,strong标签</strong><br />
11 <i>文字倾斜方式i,i标签</i><br/>
12 <em>文字倾斜方式2,em标签</em><br />
13 <u>文字加下划线,u标签</u>
View Code

内容容器标签

<h1></h1>……<h6></h6>  标题(会自动换行)。HTML标题(Heading)是通过<h1> - <h6> 等标签进行定义的。

1 <h1>h1-h6标签,标题控制标签</h1>
2 <h2>重要性依次减弱</h2>
3 <h3>自动换行,默认,前后若有其他,执行前后换行,并且空开一行</h3>
4 <h4>根据所在区域默认文字大小来进行增加几个尺寸或者减去几个尺寸</h4>
5 <h4>123</h4>
6 <h5>456</h5>
7 <h6>789</h6>
View Code

<div></div>             层标签(默认占一行)

<span></span>           层标签(默认用多大空间占多大空间)

1 <div style="background:#0F0">div层标签,默认一上来就占用一整行列</div>
2 <span style="background:#CF3">span层标签,默认使用多少就占用多少</span>
View Code

<ol type="1">    --有序列表,序号为1,2,3……,引号中可以更改序号形式

    <li>内容</li>

    <li>内容</li>

  </ol>    --上面“ol”改为“ul”则为无序列表

1 <ol type="1">ol有序列表
2 <li>自带序号</li>
3 <li>自动换行</li>
4 <li>li默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</li>
5 <li>123</li>
6 </ol>
OL
1 <ul>ul无序列表
2 <li>不自带序号</li>
3 <li>自动换行</li>
4 <li>默认前后若有其他,执行前后换行,并且空开一行,保证自身是个整体</li>
5 </ul><br />
UL

常用标签

超链接标签

  <a href="超链接地址" target=“_blank”>超链接的文字</a>     --href(hyperlink reference);_blank是在新窗口打开。

1 <a href="http://baidu.com" target="new">百度一下</a>
View Code

锚点

第一步:做锚点的标签。<a name=""></a>

1 <a name="top"></a>
View Code

第二步:做锚点链接。<a href="目标链接的name的值"></a>

1 <a href="#top">返回最顶端</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
View Code

图片标签

<img src="图片地址" alt="文字" width="" height="" />     --高跟宽设置一个即可,显示图片会按比例缩放。alt在图片无法加载时,显示文字,还可帮助搜索引擎搜索。

1 <img src="百度一下,你就知道_files/u=2188851923,1631902460&fm=80&w=179&h=119&img.JPEG" alt="qqqqaaa" width="150"
2 
3 
4 
5 <a name="ol">
View Code

图片的超链接

1 <a href="http://baidu.com"><img src="百度一下,你就知道_files/bd_logo1_31bdc765.png" /><a><br />
View Code
原文地址:https://www.cnblogs.com/1030351096zzz/p/5994401.html