400-700-1307

【Html5基础教程】Html标签总结(一)

2019-01-29 15:15
下面是html标签比较全的总结.
 
<font></font>标签:<font color="red" size="6" face="隶书">将这几个文字变成红色、6号大小和字体为楷体 </font>
<b></b>标签:这几个字会被<b>加粗</b></br>
这几个字也会被<strong>加粗</strong></br><!--关键字,标题性的,强调是用这个加粗--强调是用这个加粗-->
<i>倾斜</i>标签:这几个字会被<i>倾斜</i></br>
这几个字也会被<em>倾斜</em></br><!--强调语气的倾斜-->
<u>下划线</u>标签:这几个字会被加上<u>下划线</u></br>
这几个字也会被加上<ins>下划线</ins></br><!--一般用于“*”和“|”-->
<sub>下标</sub><sup>上标</sup>标签:x的<sub>下标</sub>
x的<sup>上标</sup>
<pre></pre>标签:<pre>保留原有的换行和空格  
换行        空格</pre>
<Div></Div>标签:<Div>是网站上使用的最多的标签之一,本身没有任何意义,让自己独占一行,结合css样式一起使用,构成相应的效果,划分网页,块标签(输入完标签之后,自己独占一行就属于块标签)</Div>
<Span></Span>标签:<Span>是网站上使用的最多的标签之一,本身没有任何意义,结合css样式一起使用,构成相应的效果,行内标签(输入完标签之后,自己不会独占一行就属于行内标签)</Span>
<p></p>和<h1></h1>标签<p align="center">段落居中</p>
<h1 align="center">标题1</h1>
<h2 align="left">标题2</h2>
<h3 align="right">标题3</h3>
<h4><font color="red" size="6" face="楷体">标题4</font></h4><!--行内标签一般在块标签里面,其他标签顺序不作要求-->
<h5>标题5</h5>
<h6>标题6</h6>
无序列表标签:<ul type="circle">
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
</ul>
有序列表标签:<ol>
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
</ol>
自定义列表标签:<dl>
<dt>自定义列表标题</dt>
<dd>标题描述内容1</dd>
<dd>内容描述内容2</dd>
<dd>内容描述内容3</dd>
</dl>
特殊符号空格、版权符号、左括号和右括号、人民币标签:<p>    三个空格</p>
<font face="Arial">写版权时要用到的特殊符号©</font>
<左括号,右括号>¥人民币符号
 
[html] view plain copy
<!DOCTYPE html>  
<html>  
<head lang=""en>  
    <meta charset="UTF-8">  
    <title>第一个的网页</title>  
</head>  
<body>  
欢迎进入我的网页,祝大家开心愉快  
<!这是注释,不会被解析>  
<p>我的第一个段落。</p>  
<h1>我的第一个标题</h1>
<font color="red" size="6" face="楷体">将这几个文字变成红色、6号大小和字体为楷体  </font></br>
这几个字会被<b>加粗</b></br>
这几个字也会被<strong>加粗</strong></br><!--关键字,标题性的,强调是用这个加粗--强调是用这个加粗-->
这几个字会被<i>倾斜</i></br>
这几个字也会被<em>倾斜</em></br><!--强调语气的倾斜-->
这几个字会被加上<u>下划线</u></br>
这几个字也会被加上<ins>下划线</ins></br><!--一般用于“*”和“|”-->
x的<sub>下标</sub></br>
x的<sup>上标</sup></br>
<pre>保留原有的换行和空格  
换行        空格</pre></br>
<Div>是网站上使用的最多的标签之一,本身没有任何意义,让自己独占一行,结合css样式一起使用,构成相应的效果,划分网页,块标签(输入完标签之后,自己独占一行就属于块标签)</Div>
<Span>是网站上使用的最多的标签之一,本身没有任何意义,结合css样式一起使用,构成相应的效果,行内标签(输入完标签之后,自己不会独占一行就属于行内标签)</Span>
<p align="center">段落居中</p>
<h1 align="center">标题1</h1>
<h2 align="left">标题2</h2>
<h3 align="right">标题3</h3>
<h4><font color="red" size="6" face="楷体">标题4</font></h4><!--行内标签一般在块标签里面,其他标签顺序不作要求-->
<h5>标题5</h5>
<h6>标题6</h6>
<ul type="circle">
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
</ul>
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
</ol>
<dl>
<dt>自定义列表标题</dt>
<dd>标题描述内容1</dd>
<dd>内容描述内容2</dd>
<dd>内容描述内容3</dd>
</dl>
<p>    三个空格</p>
<font face="Arial">写版权时要用到的特殊符号©</font>
<左括号,右括号>¥人民币符号
 
</body>  
</html> 

开班信息

当前校区

北京校区
  • 北京校区
  • 上海校区
  • 广州校区
  • 沈阳校区
  • 杭州校区
  • 南京校区
  • 郑州校区
  • 成都校区
  • 深圳校区
  • 西安校区
  • 苏州校区
  • 深圳沙井
  • 深圳观澜
  • 深圳龙岗
  • 武汉校区
  • 西宁校区
  • 石家庄校区
  • 湖北咸宁
  • 广东惠州
  • 广东佛山

                    Copyright © 2007-2019 IT兄弟连教育 版权所有 京ICP备11018177号  京公网安备 11010802026987号