HTML基本结构
Posted 混沌的光与影
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML基本结构相关的知识，希望对你有一定的参考价值。
2.1 html的基本结构
<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.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 往右靠
(3).水平直线 <hr>
格式：<hr>
属性名称 属性值 说明
size 像素 绝对设置，以数字表示，属性值越大，线越粗
百分比 相对设置，以%表示，属性值越大，线越粗
width 像素 绝对设置，长度不会应视窗的改变而改变
百分比 相对设置，长度会随着视窗宽度而改变
noshade 实体线
(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 被引用的地址
以上是关于HTML基本结构的主要内容，如果未能解决你的问题，请参考以下文章