HTML文档设置标记

来源:互联网 发布:手机上头像源码怎么用 编辑:程序博客网 时间:2024/05/22 09:05

1、格式标记
<br>强制换行
<p>换段落标记
<center> 居中对齐标记
<pre>预格式化标记
<li>列表项目标记
<ul>无序列表标记
<ol>有序列表标记
<dl><dt><dd>定义型列表
<hr>单标记,水平分割线标记
<div>分区显示标记,也称为层标记
2、文本标记
<hn>标题标记,共有6个级别,不同级别对应显示大小不同的标题
<font>字体设置标记
<b>粗字体标记
<i>斜体字标记
<sub>文字下标字体标记
<sup>文字上标字体标记
<tt>打印机字体标记
<cite>引用方式的字体,通常是斜体字
<em>表强调,通常为斜体字
<strong>表强调,通常为粗体字
<small>小型字体标记
<big>大型字体标记
<u>下划线字体标记
练习代码:

<html>    <head>        <title>标记</title>        <meta charset="UTF-8" />    </head>    <body bgcolor=“red” >        强制<br>换行        <p>        p标签表示段落。        </p>        <p>        段落里面还可以嵌套段落。            <p>            嘻嘻。            </p>        </p>        我想居中对齐,使用center标签。        <center>我想居中并对齐</center>        <pre>预格式化标记        <p>在html文档中按“回车”、“空格”均对网页显示没有影响</p>        <p><pre>使用pre标签就会              有影响啦~!!!</pre></p>        <li>第一节课</li>        <li>第二节课</li>        <li>第三节课</li>        <!--------ul无序列表标记------------->        <ul>            <li>第一节课</li>            <li>第二节课</li>            <li>第三节课</li>        </ul>        <!--------ol无序列表标记------------->        <!--------type的属性值可以为:阿拉伯数字、大小写字母、大小写罗马数字(I/i)------------->        <!--------value属性可以指定一个新的序列数字起始值------------->        <ol type=“1”>            <li value=“3”>第一节课</li>            <li>第二节课</li>            <li>第三节课</li>        </ol>        <!--------列表可以进行嵌套哦------------->        <ol type=“A”>            <li>第一节课</li>            <li>第二节课                <ol type=“i”>                    <li>第i章</li>                    <li>第ii章</li>                </ol>            </li>            <li>第三节课</li>        </ol>        <dl>            <dt>第一阶段:</dt>            <dd>学习基础知识</dd>            <dt>第二阶段:</dt>            <dd>深入了解实现原理</dd>        </dl>        第一段        <hr />        第二段。hr是段落之间的分割线哦。。。        <div>        div常用来编排一大段的html段落,也可以用于格式化表。            <div>            可以多层嵌套使用。            </div>        </div>        <!--------文本标记------------->        <div>            <h1>大标题</h1>            <h2>偏大标题</h2>            <h6>最小的标题</h6>            <font size="1" color="red" face="微软雅黑">                size属性为字体大小,XHTML1.0之后就不支持size(取值1-7)属性啦,默认为3            </font>            <font size="3" color="yellow" face="宋体">color为字体颜色</font>            <font size="7" color="red" face="宋体">face用来定义显示的字体</font>            <b>看到加粗了木有!</b>            <i>斜体字</i>            2<sub>2</sub>            2<sup>2</sup>            <cite>cite引用方式的字体,通常是斜体字</cite>            <em>em强调,斜体</em>            <strong>strong强调,加粗</strong>            <small>small小型字体</small>            <small><small>可以多级嵌套</small></small>            <small><small><small>为最小时,不会再变小</small></small></small>            <big>big大型字体</big>            <big><big>可以多层嵌套使用。</big></big>            <big><big><big><u>下划线咯,u标记</u></big></big></big>        </div>    </body></html>
0 0
原创粉丝点击