首页 > 代码库 > 2016年10月24日--HTML常用标签

2016年10月24日--HTML常用标签

body的属性:

bgcolor                页面背景色

background             背景壁纸、图片

text                     文字颜色

topmargin               上边距

leftmargin                左边距

rightmargin            右边距

bottommargin           下边距

格式控制标签:

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

<font size="+4" color="#FF0000">字体格式控制标签:</font>

效果展示: 字体格式控制标签

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


 

<b></b>                字体加粗

<b>文字加粗方式1,b标签</b>

效果展示: 文字加粗方式1,b标签


 

<strong></strong>     字体加粗

<strong>文字加粗方式2,strong标签</strong>

效果展示: 文字加粗方式2,strong标签


 

<i></i>                    倾斜

<i>文字倾斜方式1,i标签</i>

效果展示: 文字倾斜方式1,i标签


 

<em></em>             倾斜

<em>文字倾斜方式2,em标签</em>

效果展示: 文字倾斜方式2,em标签


 

<u></u>                下划线

<u>文字加下划线,u标签</u>

效果展示: 文字加下划线,u标签


 

<center></center>      居中

<center>center 居中。前后若有其他执行前后换行。保证自身是一个整体,然后进行居中显示</center>

效果展示: 

center 居中。前后若有其他执行前后换行。保证自身是一个整体,然后进行居中显示

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

内容容器标签:

  <h1></h1>            标题,会自动换行。HTML标题是通过<h1>到<h6>等标签来定义的。

前后若有其他执行前后换行。并且空开一行根据所在区域的默认文字大小,来决定增加多少字号,减少多少字号

<h1>111111</h1><h2>222222</h2><h3>333333</h3><h4>444444</h4><h5>555555</h5><h6>666666</h6>

 效果展示: 

111111

222222

333333

444444

555555
666666

   <p></p>              段落标签(段落之间空行)

111<p>p标签,段落标签。默认,前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体。</p>111

   效果展示:

 111

p标签,段落标签。默认,前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体。

111


 

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

<div style="background-color:#0F0">div层标签,默认一上来就占用一整行</div>

   效果展示:

div层标签,默认一上来就占用一整行

 

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

<span style="background-color:#63C">span层标签,默认使用多少就占用多少</span>

    效果展示:span层标签,默认使用多少就占用多少


<ol type="1">        有序列表

    <li>内容<li>

    <li>内容<li>

</ol> 

<ol type="A">ol有序列表<li>自带序号</li><li>自动换行</li><li>默认,前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</li></ol>

    效果展示:

    ol有序列表
  1. 自带序号
  2. 自动换行
  3. 默认,前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

 <ul type="1">        无序列表

    <li>内容<li>

    <li>内容<li>

</ul> 

<ul>ul无序列表<li>不自带序号</li><li>自动换行</li><li>默认,前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</li></ul>

     效果展示:

    ul无序列表
  • 不自带序号
  • 自动换行
  • 默认,前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

 

 <a href="http://www.mamicode.com/超链接地址">超链接的文字</a>        超链接标签

<a href="http://www.baidu.com" target="_blank">超链接标签 target="_blank"新窗口打开</a><br /><a href="http://www.baidu.com" target="_parent">超链接标签 target="_parent"在当前页面打开</a><br />

      效果展示:超链接标签 target="_blank"新窗口打开
        超链接标签 target="_parent"在当前页面打开


 

 <img src="http://www.mamicode.com/图片地址" alt="文字" width="" height="" />      图片标签

<img src="http://image.mamicode.com/info/201610/20180110212609899807.ico" height="100" alt="这是啥" title="这是一张图" />

       效果展示:技术分享

2016年10月24日--HTML常用标签