HTML文档设置标记

1、格式标记

强制换行

换段落标记

居中对齐标记
预格式化标记 
  • 列表项目标记
      无序列表标记
        有序列表标记
        定义型列表

        单标记,水平分割线标记
        分区显示标记,也称为层标记
        2、文本标记
        标题标记,共有6个级别,不同级别对应显示大小不同的标题
        字体设置标记
        粗字体标记
        斜体字标记
        文字下标字体标记
        文字上标字体标记
        打印机字体标记
        引用方式的字体,通常是斜体字
        表强调,通常为斜体字
        表强调,通常为粗体字
        小型字体标记
        大型字体标记
        下划线字体标记
        练习代码:

        <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>
                    <li>第一节课li>
                    <li>第二节课li>
                    <li>第三节课li>
                ul>
        
        
                
                
                
                <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>2sub>
                    2<sup>2sup>
        
        
                    <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>
  • 你可能感兴趣的:(前端基础)