HTML基础:HTML的基本结构
所属分类：
网页制作 / HTML/Xhtml
阅读数：
326
收藏 0赞 0分享
HTML的基本结构
超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
<HTML>
<HEAD>
头 部 信 息
</HEAD>
<BODY>
文 档 主 体， 正 文 部 分
</BODY>
</HTML>
其中<HTML>在最外层， 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略<HTML>标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。<HEAD> 之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。<BODY> 标记一般不省略， 表示正文内容的开始。
下面是一个最基本的超文本文档的源代码：
<HTML>
<HEAD>
<TITLE>一个简单的HTML示例</TITLE>
</HEAD>
<BODY>
<CENTER>
<H3>欢迎光临我的主页</H3>
<BR>
<HR>
<FONT SIZE=2>
这是我第一次做主页，无论怎么样，我都会努力做好！
</FONT>
</CENTER>
</BODY>
</HTML>
━┓
┃文件头
━┛
━┓
┃
┃
┃
┃文件体
┃
┃
┃
┃
━┛
超文本中的标签
刚刚接触超文本，遇到的最大的障碍就是一些用“<”和“>”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。
1. 单标签
某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是：
< 标签名称>
最常用的单标签是<BR>, 它表示换行。
2.双标签
另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是：
<标签> 内 容</ 标签>
其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示，就将此段文字放在一<EM> </EM>标记中：
<EM>第一：</EM>
3.标签属性
许多单标记和双标记的始标记内可以包含一些属性， 其语法是：
< 标签名字 属性1 属性2 属性3 … >
各属性之间无先后次序，属性也可省略（即取默认值），例如单标记<HR>表示在文档当前位置画一条水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。带一些属性：
<HR SIZE=3 ALIGN=LEFT WIDTH="75%">
其中SIZE属性定义线的粗细，属性值取整数，缺为1；ALIGN属性表示对齐方式，可取LEFT（左对齐，缺省值），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相对值，（由一对 " "
号括起来的百分数，表示相对于充满整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的个数，如WIDTH=300），缺省值是"100%"。
移动 web 端屏幕适配(rem)
这篇文章主要介绍了移动 web 端屏幕适配(rem)。详细的介绍了移动 web 端屏幕适配（rem），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
收藏 0赞 0分享
详解前端在html页面之间传递参数的方法
这篇文章主要介绍了详解前端在html页面之间传递参数的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
收藏 0赞 0分享
DIV的失去焦点(blur)实现方法
这篇文章主要介绍了DIV的失去焦点(blur)实现方法,用防抖实现DIV鼠标移出消失,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
收藏 0赞 0分享
详解左右宽度固定中间自适应html布局解决方案
这篇文章主要介绍了详解左右宽度固定中间自适应html布局解决方案的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
收藏 0赞 0分享
详解 html area标签
area 元素总是嵌套在 <map> 标签中。本文重点给大家介绍html area标签的相关知识，需要的朋友参考下吧
收藏 0赞 0分享
HTML高亮关键字的完美解决方案
最近项目做晕头，一个接一个，其中遇到这样的一个功能，在网页中高亮关键字的实现方法，下面小编把实现代码及解决方案分享给大家，感兴趣的的朋友跟随小编一起看看吧
收藏 0赞 0分享
