html初学日记3

来源:互联网 发布:美得惊为天人知乎 编辑:程序博客网 时间:2024/05/21 20:27

<blockquote>标签,长文本引用

      <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。

      等等,上一节<q>标签不是也是对文本的引用吗?不要忘记<q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签。

      如想在我的文章中引用李白《关山月》中的诗句,因为引用文本比较长,所以使用<blockquote>

语法:

<blockquote>引用文本</blockquote>

浏览器对<blockquote>标签的解析是缩进样式。

使用<br>标签分行文本

<br><br/>相当于word文档中的回车

在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />

使用&nbsp在网页中添加一些空格

例:<h2>标题<h2/>

<p>乱&nbsp;&nbsp;&nbsp;七八糟<p/>

多少个&nbsp;表示多少个空格

使用<hr>标签,添加水平横线

注意:

1. <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。

2. <hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改。

使用<address>标签,为网页加入地址信息

一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份

语法:

<address>联系地址信息</address>

使用<code>标签,加入一行代码

在介绍语言技术的网站中,避免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了,如下面例子:

<code>var i=i+300;</code>

注意:在文章中一般如果要插入多行代码时不能使用<code>标签了。

语法:

<code>代码语言</code>

注:如果是多行代码,可以使用<pre>标签。

语法:

<pre>语言代码段</pre>

<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

如下代码:

<pre>    var message="欢迎";    for(var i=1;i<=10;i++)    {        alert(message);    }</pre>
注意:<pre> 标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。
使用ul,添加新闻信息列表

ul-li是没有前后顺序的信息列表。

语法:

<ul>  <li>信息</li>  <li>信息</li>   ......</ul>

举例:

<ul>  <li>精彩少年</li>  <li>美丽突然出现</li>  <li>触动心灵的旋律</li></ul>

ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,



0 0
原创粉丝点击