Html标签总结(一)

    接着上次的Html接触,下面是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> &nbsp;&nbsp;&nbsp;三个空格</p>
    <font face="Arial">写版权时要用到的特殊符号&copy;</font>
    &lt;左括号,右括号&gt;&yen;人民币符号
  • [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">写版权时要用到的特殊符号&copy;</font>
    <左括号,右括号>¥人民币符号
    
    </body>  
    </html>  

    运行结果如下:

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值