HTML常用格式标签_动力节点Java学院整理

发布时间：2020-03-18 10:18 所属栏目：116 来源：站长网

导读：副标题#e# 1.标题h/h HTML定义h1/h1到h6/h6六个h标签，分别用来不同大小字体的标题（Heading）。字体由大到小，h1最大，h6则最

1.标题<h></h>

　　HTML定义<h1></h1>到<h6></h6>六个<h>标签，分别用来不同大小字体的标题（Heading）。字体由大到小，<h1>最大，<h6>则最小。

Heading标签需要注意的是：a.浏览器会自动地在标题的前后添加空行。因为Heading标签属于块级元素，而在默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行（<br/>）。b.标题对整个页面来说很重要,应该将HTML heading 标签只用于标题，而不要仅仅是为了产生粗体或大号的文本而使用标题。因为Heading标签对SEO是很友好的，搜索引擎使用标题为您的网页的结构和内容编制索引，而且用户则以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。应该将 <h1> 用作主标题（最重要的），其后是 <h2>（次重要的），再其次是 <h3>，以此类推。

<h1> 中国一</h1> <h2> 中国二</h2> <h3> 中国三</h3> <h4> 中国四</h4> <h5> 中国五</h5> <h6> 中国六</h6>

　效果如下图，字体大小由大到小：　　

HTML常用格式标签_动力节点Java学院整理

2.换行<br/>、不换行<nobr></nobr>和分段<p></p>

　　关于HTML中的换行标签<br/>和分段标签<p></p>的区别是，换行标签<br/>只是回车，<p></p>则是分段。因为<p>标签属于块级元素，它的前后会有比较大的空白（自动添加<br/>），而<br/>标签属于行级元素，它只是简单的换行，前后没有空白。有一个与<br/>相对的标签<nobr></nobr>，它表示不换行，通常用于防止浏览器将程序代码等不需要换行的地方自动换行。

<p> 这是第一段<br />  用到了换行标签<br /> 请看效果<br /> 很容易理解</p> <p> 这是第二段</p>  <p> 这是第三段</p> <p> <nobr>  int i =0,j=10; </nobr> </p>

3.水平线标签<hr/>

　　<hr /> 标签在 HTML 页面中创建水平线。使用水平线 (<hr> 标签) 来分隔文章中的小节是一个办法。<hr/>标签可以设置宽度width和高度height，这两个属性又分别有像素和百分比的表示方式。此外，<hr/>标签还有size（厚度）、color（颜色）和noshade（无阴影）的属性。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <title></title> </head> <body> <hr size="5" color="#FF0000" />  <hr width="60" />  <hr width="60%" />  <hr size="10" />  <hr size="10%" />   <hr width="20%" align="left" /> <hr width="20%" align="right" /> <hr width="20%" align="center" /> <hr color="#FF0000" />  <hr noshade="noshade" /> </body> </html>

4.文本格式化标签

<center>博客园</center>居中显示 <b>Hello，World！</b>粗体，推荐使用<strong>标签。 <i>斜了吧</i>斜体。 <u>我是一个下划线标签</u>带下划线。 <em>强调，斜体</em> <sub>2</sub>下标，如：H<sub>2</sub>O <sup>2</sup>上标，如：10<sup>2</sup>     <font></font>字体标签，<font color=“red“ size=“7” face=“隶书”>红色</font>

5.预格式化标签<pre>

　　<pre> 预格式化标签，保持网页的内容原样展示。可以用于某些特殊内容的展示，也可以用于显示计算机编程的源代码（比如博客园的源代码就是通过<pre>标签来显示的）。

<p>pre 标签显示某些特殊的希望原样展示的内容：</p> <pre> 我是个好孩子，我喜欢中啊啊啊啊这是一个预格式化标签 ____ (. \ \ | \ |___(\--/) __/ ( . . ) "'._. '-.O.' 你好，我是一只小猫！ '-. \ "|\ '.,,/'.,, (⊙_⊙)？你说什么呢？？？？ </pre> <p>pre 标签很适合显示计算机代码：</p> <pre> for i = 1 to 10 print i next i </pre>

6.<marquee></marquee>标签

　　<marquee></marquee>标签对告诉浏览器移动显示其中的文本和图像。

（编辑：ASP站长网）