首页 > 代码库 > 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>
效果展示:
<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>
效果展示:
<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有序列表
- 自带序号
- 自动换行
- 默认,前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体
<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常用标签