zoukankan      html  css  js  c++  java
  • html元素

    HTML 标题

    标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

    <h1> 定义最大的标题。<h6> 定义最小的标题。

    实例

    <h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>

    注释:浏览器会自动地在标题的前后添加空行。

    注释:默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。

    标题很重要

    请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。

    搜索引擎使用标题为您的网页的结构和内容编制索引。

    因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

    应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

    HTML 水平线

    <hr /> 标签在 HTML 页面中创建水平线。

    hr 元素可用于分隔内容。

    实例

    <p>This is a paragraph</p>
    <hr />
    <p>This is a paragraph</p>
    <hr />
    <p>This is a paragraph</p>

    提示:使用水平线 (<hr> 标签) 来分隔文章中的小节是一个办法(但并不是唯一的办法)。

    HTML 注释

    可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

    注释是这样写的:

    实例

    <!-- This is a comment -->

    HTML 段落

    段落是通过 <p> 标签定义的。

    实例

    <p>This is a paragraph</p>
    <p>This is another paragraph</p>

    注释:浏览器会自动地在段落的前后添加空行。(<p> 是块级元素)

    HTML 折行

    如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:

    <p>This is<br />a para<br />graph with line breaks</p>

    <br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。

    文本格式化标签

    标签描述
    <b> 定义粗体文本。
    <big> 定义大号字。
    <em> 定义着重文字。
    <i> 定义斜体字。
    <small> 定义小号字。
    <strong> 定义加重语气。
    <sub> 定义下标字。
    <sup> 定义上标字。
    <ins> 定义插入字。
    <del> 定义删除字。
    <s> 不赞成使用。使用 <del> 代替。
    <strike> 不赞成使用。使用 <del> 代替。
    <u> 不赞成使用。使用样式(style)代替。
    <b>This text is bold</b>
    <br />
    <strong>This text is strong</strong>
    <br />
    <big>This text is big</big>
    <br />
    <em>This text is emphasized</em>
    <br />
    <i>This text is italic</i>
    <br />
    <small>This text is small</small>
    <br />
    This text contains
    <sub>subscript</sub>
    <br />
    This text contains
    <sup>superscript</sup>

    预格式文本:pre 标签对空行和空格进行控制。

    <pre>
    这是
    预格式文本。
    它保留了 空格
    和换行。
    </pre>

    <p>pre 标签很适合显示计算机代码:</p>

    <pre>
    for i = 1 to 10
    print i
    next i
    </pre>

    缩写和首字母缩写

    <abbr title="etcetera">etc.</abbr>
    <br />
    <acronym title="World Wide Web">WWW</acronym>

    <p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p>

    <p>仅对于 IE 5 中的 acronym 元素有效。</p>

    <p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

    删除字效果和插入字效果

    <p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

    <p>大多数浏览器会改写为删除文本和下划线文本。</p>

    <p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>

    文字方向

    <p>
    如果您的浏览器支持 bi-directional override (bdo),下一行会从右向左输出 (rtl);
    </p>

    <bdo dir="rtl">
    Here is some Hebrew text
    </bdo>

  • 相关阅读:
    资源积累二
    给页面减减肥!
    需求决定设计,设计来源于需求
    项目经理是这样当的
    项目经理之我思员工能动性
    实现性能目标的几种方法
    大项目中项目经理的作用(转自csdn)
    atlas学习实践系列之三(远程web services调用)
    窥视设计模式之组合模式(composite)
    FredCK.FCKeditorV2和vs2005中RequiredFieldValidator配合使用的问题
  • 原文地址:https://www.cnblogs.com/james2015/p/4930723.html
Copyright © 2011-2022 走看看