html网页基础教程之html标签解析上

html网页基础教程

html网页基础教程之html标签解析上

1.<q>标签,短文本引用
想在你的html中加一段引用吗?比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么<q>标签是你所需要的。
<q>引用文本</q>
2.<blockquote>标签,长文本引用
<blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段文字,这时需要这个标签。
语法:
<blockquote>引用文本</blockquote>
3.<address>标签,为网页加入地址信息
一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。
语法:
<address>联系地址信息</address>
4.想加入一行代码吗?使用<code>标签
在介绍语言技术的网站中,避免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了,如下面例子:
<code>var i=i+300;</code>
注意:在文章中一般如果要插入多行代码时不能使用<code>标签了。
语法:
<code>代码语言</code>
注:如果是多行代码,可以使用<pre>标签
5.使用<pre>标签为你的网页加入大段代码
需要加入大段代码的
语法:
<pre>语言代码段</pre>
<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
如下代码:
<pre>
var message=”欢迎”;
for(var i=1;i<=10;i++)
{
alert(message);
}
</pre>
注意:<pre> 标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码
6.让句子后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车
语法:
xhtml1.0写法:
<br />
html4.01写法:
<br>
7.在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入&nbsp;。
语法:
&nbsp;
8.认识<hr>标签,添加水平横线
在信息展示时,有时会需要加一些用于分隔的横线,这样会使文章看起来整齐些
语法:
html4.01版本 <hr>
xhtml1.0版本 <hr />
9.使用ul,添加新闻信息列表
在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表
这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。
语法:
<ul>
<li>信息</li>
<li>信息</li>
……
</ul>
举例:
<ul>
<li>网络自学网</li>
<li>linux学习入门</li>
<li>网络工程师</li>
</ul>
10.使用ol,添加图书销售排行榜
如果想在网页中展示有前后顺序的信息列表,怎么办呢?如,当当网上的书籍热卖排行榜,如下图所示。这类信息展示就可以使用<ol>标签来制作有序列表来展示
语法:
<ol>
<li>信息</li>
<li>信息</li>
……
</ol>
举例:
下面是一个热点课程下载排行榜:
<ol>
<li>html教程</li>
<li>零基础学习html</li>
<li>mysql教程</li>
</ol>
<ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始

html网页基础教程之常用html标签解析上

成为第一个发表评论的人

发表评论

您的电子邮件地址不会被公开.


*