HTML基础标签详解-优快云博客

1、<html> -------根控制标记
      <head> -------头控制标记
      <title>标题</title> -------标题标记
      </head> -------头控制标记（尾）
      <body>
                   -------网页显示区域
        </body>

</html> -------根控制标记(尾)

(1).<html>…</html>根控制标记
开头和结尾成对出现，双标签
(2).<head>…</head>头控制标记

          1.<title>很单纯的文件标题声明
          2.<meta>控制标记的动态文件转换声明
          3.<base>超链接网址基准参考点
          4.Javascript 和VBScript 程序
          5.stylesheet 可用来设置排版来的声明

6.<link>可引用外部文件，如CSS 排版样本

(3).<title>…</title>设置浏览器的视窗标题
(4).<body>…</body>页面可见内容

2、HTML 控制标记的格式

(1).<标记名称>
                               单一型,无设置值的。
              如：<br>
       (2).<标记名称属性=”属性值”>
                              单一型，有设置值的。
             如：<hr width=”80%”>
       (3).<标记名称>…</标记名称>
              对称型，无设置值。
            如：<title>…</title>
      (4).<标记名称属性=”属性值”>…</标记名称>
            对称型，有设置值。
               如：<body bgcolor=”red”>…</body>
           <font size= ”7”>…</font>
2.3 最常用的控制标记
           (1).跳行<br>
                  格式：<br>
                 无属性设置
           (2).段落<p>
                格式：<p align=”排列方式”>…</p>
     属性名称属性值说明
                  align left 往左靠（默认）
                  center 往中靠
                 right 往右靠
  水平直线<hr>
格式：<hr>
属性名称属性值说明
size 像素绝对设置，以数字表示，属性值越大，线越粗
百分比相对设置，以%表示，属性值越大，线越粗
width 像素绝对设置，长度不会应视窗的改变而改变
百分比相对设置，长度会随着视窗宽度而改变
noshade 实体线第3页共4页PHP100 视频教程
(4).向中对齐<center> (被废弃的标签)
格式：<center>…</center>
(5).背景色与文字设置
格式：<body bgcolor=”背景色” text=”文字颜色”>
整体页面的边距，行距
<body leftmargin=”像素” topmargin=”像素”>
(6).标题文字设置
格式：<h1>…</h1>
<h2>…</h2>
<h3>…</h3>
<h4>…</h4>
<h5>…</h5>
<h6>…</h6>
属性名称属性值说明
align left 靠左
center 靠中
right 靠右
(7).特殊字符设置
格式：< lt;
> gt;
& amp;
“ quot;
(8).在HTML 备注
格式：
(9).实体字符控制标记
1.<b>…</b> 粗
2.<i>…</i> 斜
3.<s>…</s> 删
4.<u>…</u> 下划
5.<tt>…</tt> 电报
6.<sub>…</sub> 下标
7.<sup>…</sup> 上标
(10).语意字符控制
1.<address>…</address> 地址
2.<big>…</big> 大字
3.<del>…</del> 删除4.<ins>...</ins> 修改
5.<samll>…</small> 小字
6.<strong>…</strong> 加强语气(加粗)
7.<em>...</em> 加强语气(倾斜)(11).<font>字体控制(被废弃的标签)
格式：<font>…</font>
属性名称属性值说明
size 0-7 字体大小
color 英文或十六颜色
face 字体字体
(12).格式化
格式：<pre>…</pre>
让书写的文字格式化！
(13).引用文本
格式：<blockquote>...</blockquote>
属性名称属性值说明
cite url 被引用的地址