分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

HTML文档设置标记

发布时间:2023-09-06 02:21责任编辑:傅花花关键词:HTML

格式标记

1.<br>    强制换行标记,让后面的文字、图片、表格等,显示在下一行。单标记

2.<p>    换段落标记,换段落是由于多个空格和回车在HTML中会被等效为一个空格,所以HTML中要换段落就要用到<p>,<p>段落中也可以包含<p>段落

3.<center>  居中对齐标记,让段落或者文字相对于父标记居中显示

4.<pr>    预格式化标记,保留预先编排好的格式,即使很多个空格,也会全显示出来

5.<li>    列表项目标记,每一个列表使用一个<li>标记

6.<ul>    无序列表标记

7.<ol>    有序列表标记,可以显示特定的一些顺序

        1.格式:

          <ol type="符号类型">

          <li type="符号类型"></li>

          <li type="符号类型"></li>

          </ol>

        2.有序列表的type属性值

          1  阿拉伯数字1,2,3等,默认的type属性值

          A  大写字母A、B、C等

          a  小写字母a、b、c等

          I  大写罗马数字

          i  小写罗马数字i、ii、iii等

        3.value  指定一个新的序列数字起始值

        4.列表可以进行嵌套

8.<dl> <dt> <dd>  定义型列表

  使用场合:对列表条目进行简短的说明

  格式:

    <dl>

    <dt>软件说明:</dt>

    <dd>简单介绍软件的功能及基本应用</dd>

    <dt>软件界面</dt>

    <dd>用于选择软件的外观</dd>
    </dl>

9.<hr>  水平分割线标记,段落之间的分割线(单标记)

10.<div>  分区显示标记,也称之为层标记

  常用来编排一大段的HTML段落,也可以用于格式化表,和<p>很相似

  层可以多层嵌套使用

文本标记

1.hn  标题标记,共有6个级别,n的范围1~6,不同级别对应显示大小不同的标题,h1最大,h6最小

2.font  字体设置标记,设置字体的格式

    三个常用属性:

      1.size (字体大小)  <font size="3">  取值范围是1-7,浏览器默认是3   XHTML 1.0中不支持size属性

      2.color (颜色)    <font color="red">

      3.face (字体)    <font face="微软雅黑">

3.b  粗字体标记

4.i  斜字体标记

5.sub  文字下标字体标记

6.sup  文字上标字体标记

7.tt  打印机字体标记

8.cite  引用方式的字体,通常是斜体

9.em  表示强调,通常显示为斜体字

10.strong  表示强调,通常显示为粗体字

11.small  小型字体标记,可多级嵌套

12.big  大型字体标记,可多级嵌套

13.u  下划线字体标记

<html> ???<head> ???????<title>第三节课</title> ???????<meta charset="utf-8"> ???</head> ???<body> ???<!--麦子学院!<br/>非常棒--> ???<!-- ???????<p> ???????麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒! ???????</p> ???????????????<p> ???????????<p>1276387126378123</p> ???????????<p>asdhsdasdasdhash花大哥好安静</p> ???</p> ???<p> ???<center>麦子学院!</center> ???</p> ???????<p>麦子学院! ???????????非常棒</p> ???<p><pre>麦子学院! ???????????非常棒</pre></p> ???????<li>第一节课</li> ???<li>第二节课</li> ???<li>第三节课</li> ???<li>第四节课</li> ???<li>第五节课</li> ???????????<ul> ???<li>第一节课</li> ???<li>第二节课</li> ???<li>第三节课</li> ???<li>第四节课</li> ???<li>第五节课</li> ???</ul> ???????<ol type="1"> ???????<li>第一节课</li> ???????<li value="5">第二节课</li> ???????<li>第三节课</li> ???????<li>第四节课</li> ???????<li>第五节课</li> ???</ol> ???<ol type="A"> ???????<li>第一节课</li> ???????<li>第二节课</li> ???????<li>第三节课</li> ???????<li>第四节课</li> ???????<li>第五节课</li> ???</ol> ???<ol type="I"> ???????<li>第一节课</li> ???????<li>第二节课</li> ???????<li>第三节课</li> ???????<li>第四节课</li> ???????<li>第五节课</li> ???</ol> ???????<ol type="A"> ???????<li>A选项 ???????????<ol type="a"> ???????????????<li>第一节课</li> ???????????????<li>第二节课</li> ???????????????<li>第三节课</li> ???????????????<li>第四节课</li> ???????????????<li>第五节课</li> ???????????</ol> ???????</li> ???????<li>B选项 ???????????<ol type="a"> ???????????????<li>第一节课</li> ???????????????<li>第二节课</li> ???????????????<li>第三节课</li> ???????????????<li>第四节课</li> ???????????????<li>第五节课</li> ???????????</ol> ???????</li> ???????<li>第三节课</li> ???????<li>第四节课</li> ???????<li>第五节课</li> ???</ol> ???????<dl> ???????<dt>软件说明:</dt> ???????<dd>简单介绍软件的功能及基本应用</dd> ???????<dt>软件界面</dt> ???????<dd>用于选择软件的外观</dd> ???</dl> ???--> ???<div> ???????麦子学院! ???????<hr> ???????麦子学院! ???</div> ???????<div> ???????麦子学院! ???????<hr> ???????麦子学院! ???</div> ???????????</body></html>
<html> ???<head> ???????<title>第四节课</title> ???????<meta charset="UTF-8"> ???</head> ???<body> ???<!-- ???Hn标题标记 ???????麦子学院<br/> ???????<h1>麦子学院</h1> ???????<h2>麦子学院</h2> ???????<h3>麦子学院</h3> ???????<h4>麦子学院</h4> ???????<h5>麦子学院</h5> ???????<h6>麦子学院</h6> ???????font ?标记 ???麦子学院 ???<font size="1">麦子学院</font> ???<font size="3">麦子学院</font> ???<font size="7">麦子学院</font> ???<font size="7" color="red" face="微软雅黑">麦子学院</font> ???<font size="7" color="red" face="宋体">麦子学院</font> ???<font size="7" color="red" face="新细明体">麦子学院</font> ???????????B标记加粗 ???麦子学院 ???<b>麦子学院</b> ???????i标记斜体 ???麦子学院 ???<i>麦子学院</i> ???????sub下标标记 ???2<sub>2</sub> ???????sup上标标记 ???2<sup>2</sup> ???????引用标记 ???<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> ???????u标记是显示下划线 ???<big><big><big><u>麦子学院</u></big></big></big> ???--> ???????</body></html>

HTML文档设置标记

原文地址:https://www.cnblogs.com/chy-op/p/9924130.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved