HTML5网页文本设计(主要是一些标签)

来源:互联网 发布:java void 编辑:程序博客网 时间:2024/09/21 08:19
  • 文本特殊样式

1)粗体、斜体、下划线文本

<b></b>加粗<i></i>斜体<u></u>文本加下划线

2)上标和下标
在网页中输出数学的平方、指数、商标符号、脚注编号、化学符号等。

<sup></sup>上标<sub></sub>下标
  • 文本排版

    1)p标签
    这个标签用来创建一个段落,可以使用align属性,说明随其方式。

<p align = "left"></p>左对齐<p align = "center"></p>居中<p align = "right"></p>右对齐

2)br标签
这个标签用来换行,单标签。
3)per标签
标签中的东西原样输出

<html>
<head>
<title></title>
</head>
<body>
<pre>
呵呵呵
呵呵呵
呵呵呵
</pre>
</body>


上面代码的效果图:

4)标题标记
标题标记是对各类标题进行输出的标记。
h1标签是最高级别的标题,h2是h1的子标题,以此类推直到h6。
5)hr标记
这个标记用于在页面上添加一条水平线,可以设置以下属性:size,width,noshade(默认为阴影立体显示,可直接使用不用添加值),color,align。

  • 网页文字列表设计
    1)无序列表(ul标签)

    <ul>
    <li>列表项一</li>
    <li>列表项二</li>
    </ul>

    默认的列表项前是实心圆点,但可以添加type的属性,该属性有三个值dis实心圆、circle空心圆、suqare小方块。如

    <ul type = "circle"/"dis"/"suqare">(略写)
    <li>列表项一</li>
    <li>列表项二</li>
    </ul>

    2)有序列表(ol标签)
 <ol>     <li>列表项一</li>     <li>列表项二</li> </ol>

和无序列表一样可以使用type的属性,其值有:1数字标号,A是大写字母标号,a小写字母标号,I大写罗马数字标号,i小写罗马数字标号。
- 自定义列表(dl标签)
自定义标签不仅是一个项目,还包括注释。

 <dl>     <dt>水果</dt>     <dd>苹果</dd>     <dd>香蕉</dd>      <dt>蔬菜</dt>     <dd>白菜</dd>     <dd>油菜</dd></dl>

上面代码的效果图

原创粉丝点击