HTML基础:HTML的基本结构
日期:2007年12月17日 作者: 查看:[大字体 中字体 小字体]-
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> ┃
</CENTER> ┃
</BODY>
</HTML> ━┛
超文本中的标签
刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。
1. 单标签某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是:
以下是引用片段:
< 标签名称>
最常用的单标签是<BR>, 它表示换行。
2.双标签另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是:
以下是引用片段:
<标签> 内 容</ 标签>其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一<EM> </EM>标记中:
以下是引用片段:
<EM>第一:</EM>许多单标记和双标记的始标记内可以包含一些属性, 其语法是:
以下是引用片段:
< 标签名字 属性1 属性2 属性3 … >各属性之间无先后次序,属性也可省略(即取默认值),例如单标记<HR>表示在文档当前位置画一条水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。带一些属性:
以下是引用片段:
<HR SIZE=3 ALIGN=LEFT WIDTH="75%">其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐,缺省值),CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对 " "号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH=300),缺省值是"100%"。
(出处:急速软件下载学院)
-
- HTML基础:HTML的基本结构 相关文章:
- ·理解ASP.NET中的三层结构
- ·HTML基础:HTML的基本结构
- ·Web 的内容、结构与表现漫谈
- ·小网站的结构我们可以用书的概念来理解
- ·从网站内部结构和外部结构来讲述网站优化
- ·根据网页结构选择最合适的XHTML标签
- ·三个优化让WPS文档结构图更好用
- ·Discuz!6.0新版本尝鲜—“数据结构化”方便分类浏览 规范帖子内容
- ·J2EE基础:Weblogic服务器体系结构介绍
- ·搜索优化:传统的网站结构面临挑战?
- HTML基础:HTML的基本结构 相关软件
- ·国民待遇启示录:二元结构下的中国
- ·注册表结构
- ·清华郑纬民老师的体系结构课件
- ·PMP考试试题结构
- ·注册结构工程师考试百宝箱V2.0
- ·2004一级注册结构工程师试题答案WORD版
- ·钢结构复习的建议(VIP格式)
- ·混凝土结构的重点(VIP格式文件)
- ·钢结构工程施工质量验收规范 条文说明
- ·钢结构工程施工质量验收规范GB50205-2001
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
精品推荐
热点TOP10
- ·HTML 4.0 语言快速入门参考教程
- ·Div+CSS布局入门教程(全)
- ·Windows 桌面风格页面制作点滴
- ·CSS样式表详解
- ·图片左右循环连续滚动代码,解决marquee的留白问题
- ·认识学习CSS中的滑动门技术
- ·css实现文字的自动隐藏
- ·HTML表格标记:行的水平对齐属性ALIGN
- ·页面显示问题
- ·HTML基础知识
- ·实现鼠标经过超链时的提示图层
- ·初学:什么是DIV+CSS?有什么优势?
- ·DIV CSS网页布局学习中容易出现的问题汇总
- ·HTML标签语义 科学合理的运用HTML标签
- ·CSS标准网页设计UL和DIV使用的技巧总结
- ·网页中嵌入Flash的方法讨论
- ·HTML基础学习笔记
- ·frameset 使用心得
- ·正则表达式过滤HTML危险脚本
- ·无边框窗口代码详解
特别推荐
- ·HTML语言:什么是Unicode 什么是UTF-8
- ·XHTML编写网页代码的七条基本规范
- ·HTML和XHTML的区别
- ·HTML语言:什么是Unicode?什么是UTF-8?
- ·HTML 和 XHTML 区别
- ·HTML标记全集
- ·分析比较:三种简洁的Tab导航简析
- ·HTML教程-HTML简介
- ·网页Web标准化教程关于表格的应用
- ·网页代码常用小技巧总结续,网页制作学习
- ·HTML 标记参考手册
- ·用htc实现html编辑器
- ·HTML 4.0 语言快速入门参考教程
- ·初学:什么是DIV+CSS?有什么优势?
- ·网页制作实例CSS用一张图片实现圆角
- ·DIV CSS网页布局学习中容易出现的问题汇总
- ·HTML标签语义 科学合理的运用HTML标签
- ·53个CSS-不可或缺的技巧
- ·页面显示问题
- ·CSS标准网页设计UL和DIV使用的技巧总结
