• 我不知道的HTML

    普通类
    • 支持
    • 批判
    • 提问
    • 解释
    • 补充
    • 删除
    • HTML文本格式化

     pre 标签对空行和空格进行控制。

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

    <pre>

    for i = 1 to 10

         print i

    next i

    </pre>

    address标签

    <address>

      <a href="mailto:service@w3school.com.cn">用户服务信箱</a><br />

      上海赢科投资有限公司<br />

      金桥开发区 789 号<br />

    </address>

     

    显示缩写的acronym 标签

    <acronym title="World Wide Web">WWW</acronym>

    显示删除文本和插入文本

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

     

    处理空白符

    white-space 属性会影响到用户代理对源文档中的空格、换行和 tab 字符的处理。

     

    值空白符换行符自动换行
    pre-line合并保留允许
    normal合并忽略允许
    nowrap合并忽略不允许
    pre保留保留不允许
    pre-wrap保留保留允许

    指定字体

    font-family属性

     

    在 CSS 中，有两种不同类型的字体系列名称：

    • 通用字体系列 - 拥有相似外观的字体系统组合（比如 "Serif" 或 "Monospace"）
    • 特定字体系列 - 具体的字体系列（比如 "Times" 或 "Courier"）

    除了各种特定的字体系列外，CSS 定义了 5 种通用字体系列：

    • Serif 字体
    • Sans-serif 字体
    • Monospace 字体
    • Cursive 字体
    • Fantasy 字体

    文本粗细

    font-weight 属性设置文本的粗细。

    使用 bold 关键字可以将文本设置为粗体。
    关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。
    如果将元素的加粗设置为 bolder，浏览器会设置比所继承值更粗的一个字体加粗。与此相反，关键词 lighter 会导致浏览器将加粗度下移而不是上移。

    字体大小

    font-size 属性设置文本的大小。

     

    属性描述
    font简写属性。作用是把所有针对字体的属性设置在一个声明中。
    font-family设置字体系列。
    font-size设置字体的尺寸。
    font-size-adjust当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）
    font-stretch对字体进行水平拉伸。（CSS2.1 已删除该属性。）
    font-style设置字体风格。
    font-variant以小型大写字体或者正常字体显示文本。
    font-weight设置字体的粗细。
    • CSS

    没有下划线的链接

     

    <a href="/example/html/lastpage.html" style="text-decoration:none">

    这是一个链接！

    </a>

    使用外部样式表

    轮廓线

    轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
    CSS outline 属性规定元素轮廓的样式、颜色和宽度。

     

    属性描述CSS
    outline在一个声明中设置所有的轮廓属性。2
    outline-color设置轮廓的颜色。2
    outline-style设置轮廓的样式。2
    outline-width设置轮廓的宽度。2
    • 超链接

    锚

     

    <p>

    <a href="#C4">查看 Chapter 4。</a>

    </p>

    ……

     

    <h2><a name="C4">Chapter 4</a></h2>

    <p>This chapter explains ba bla bla</p>

    <h2>Chapter 5</h2>

    <p>This chapter explains ba bla bla</p>

     

    邮件链接

     

    <p>

    这是邮件链接：

    <a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>   //使用 %20 来替换单词之间的空格，显示为空格

    </p>

    • 列表

    无序列表

     

    <ul><li>Coffee</li><li>Milk</li></ul>

    有序列表

     

    <ol  type="i/A/a/I"> //type决定列表中内容的排序方式<li>Coffee</li><li>Milk</li></ol>

    自定义列表

    自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

     

    <dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>
    • 表单标签

     

    定义选项组

    <select>

    <optgroup label="Swedish Cars">

        <option value="volvo">Volvo</option>

        <option value="saab">Saab</option>

      </optgroup>

      <optgroup label="German Cars">

        <option value="mercedes">Mercedes</option>

        <option value="audi">Audi</option>

      </optgroup>

    </select>

    • 头部标签

    meta元素

    使用 <meta> 元素来描述文档。<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。

    典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

     

    元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

    <meta name="author"

    content="w3school.com.cn">

    <meta name="revised"

    content="David Yang,8/1/07">

    <meta name="generator"

    content="Dreamweaver 8.0en">

    </head>

    <body>

    <p>本文档的 meta 属性标识了创作者和编辑软件。</p>

    </body>

    </html>

     

    noscript 元素

    只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容：

    <script type="text/javascript">

    document.write("Hello World!")</script><noscript>Your browser does not support JavaScript!</noscript>
    • 标签：
    • 显示
    • 设置
    • 属性
    • meta
    • 字体
    • 元素
    • 文本
    • html
    • 标签
    • 列表
    • option
  • 加入的知识群：
    学习元评论 (0条)

    评论为空
    聪明如你，不妨在这 发表你的看法与心得 ~



    登录之后可以发表学习元评论。
      
暂无内容~~
顶部