html-note-2

列表标签

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<!--    清除样式-->
    <style>
        li{
            list-style: none;
        }
/*        可以注意到小黑点和前面的编号都消失了*/
    </style>
</head>

<body>
<!--    列表标签-->
<!--    ul无序列表-->
    <ul type="square">
<!--        type用于改变li标签的样式（即前面的小点）-->
        <li>i'm first</li>
        <li>i'm second</li>
        <li>i'm third</li>
    </ul>
<!--    ol有序列表-->
    <ol type="A">
<!--        type用于改变li标签的样式-->        
        <li>听妈妈的话</li>
        <li>稻香</li>
        <li>美人鱼</li>
    </ol>
</body>
</html>

HTML 列表

HTML无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表使用 <ul> 标签

HTML 有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

列表项使用数字来标记。

HTML 自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

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

HTML 列表标签

标签	描述
<ol>	定义有序列表
<ul>	定义无序列表
<li>	定义列表项
<dl>	定义列表
<dt>	自定义列表项目
<dd>	定义自定列表项的描述

强调标签

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
    span{
        font-style: italic;
/*        斜体*/
        font-weight: bold;
/*        加粗*/
        color : red;
/*        颜色*/
    }
</style>
</head>

<body>
<!--    em强调标签_作用为斜体-->
    <p>《偷天换日》是由F·加里·格瑞执导，<em>马克·沃尔伯格、查理兹·塞隆、爱德华·诺顿</em>和<em>唐纳德·萨瑟兰</em>主演的一部抢劫题材电影。
    </p>
<!--    strong标签_作用为加粗-->
<!--    span标签_可自由添加样式-->
    <p>影片是根据1969年英国同名电影翻拍，讲述了一群人抢劫黄金的故事。影片于<span>2003年5月30日</span>在美国上映。仅北美票房收入就超过<strong>1亿7600万美元</strong>。
    </p>
</body>
</html>

HTML 文本格式化标签

标签	描述
<b>	定义粗体文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字

HTML “计算机输出” 标签

标签	描述
<code>	定义计算机代码
<kbd>	定义键盘码
<samp>	定义计算机代码样本
<var>	定义变量
<pre>	定义预格式文本

HTML 引文, 引用, 及标签定义

标签	描述
<abbr>	定义缩写
<address>	定义地址
<bdo>	定义文字方向
<blockquote>	定义长的引用
<q>	定义短的引用语
<cite>	定义引用、引证
<dfn>	定义一个定义项目。

Charles's Castle