html文档的基本结构代码,HTML基础:HTML的基本结构

本文详细介绍了HTML的基本结构,包括文档头和文档体,强调了标签的作用,如单标签、双标签及其属性。同时,文章还探讨了如何使用HTML标签来创建文档结构,例如换行、水平线等,并提到了HTML5的新标签和文档结构的重要性。对于初学者,这是一个很好的HTML入门资源。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML基础:HTML的基本结构

互联网   发布时间:2008-10-17 18:56:28   作者:佚名   text-message.png 我要评论

HTML的基本结构

超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。

头 部 信 息

文 档

HTML的基本结构

超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。

头 部 信 息

文 档 主 体, 正 文 部 分

其中在最外层, 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略标记,因为.html 或.htm 文件被Web浏览器默认为是HTML文档。

之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记。 标记一般不省略, 表示正文内容的开始。

下面是一个最基本的超文本文档的源代码:

一个简单的HTML示例

欢迎光临我的主页


这是我第一次做主页,无论怎么样,我都会努力做好!

━┓

┃文件头

━┛

━┓

┃文件体

━┛

超文本中的标签

刚刚接触超文本,遇到的最大的障碍就是一些用“”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。

1. 单标签

某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是:

< 标签名称>

最常用的单标签是
, 它表示换行。

2.双标签

另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是:

内 容 标签>

其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一 标记中:

第一:

3.标签属性

许多单标记和双标记的始标记内可以包含一些属性, 其语法是:

< 标签名字 属性1 属性2 属性3 … >

各属性之间无先后次序,属性也可省略(即取默认值),例如单标记


表示在文档当前位置画一条水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。带一些属性:

其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐,缺省值),CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对 " "

号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH=300),缺省值是"100%"。

相关文章

这篇文章主要介绍了HTML5的文档结构和新增标签完全解析,需要的朋友可以参考下2017-04-21

这篇文章给大家介绍了html5文档结构标签的相关知识,非常不错,具有参考借鉴价值,需要的的朋友参考下吧2017-04-21

怎么设置Dreamweaver cs6 中默认文档格式为html5,很简单,在编辑->首选参数中便可设置,如截图,有需求的朋友可以参考下,希望对大家有所帮助2013-07-28

想实现跨文档消息传输首先要对窗口对象的message事件进行监听,然后使用window对象的postMessage()方法向其他窗口发送消息,接下来为大家详细介绍下,感兴趣的朋友可以参考2013-04-01

前面介绍了很多的基本元素,包括结构相关的组合和重用元素,这里主要是对SVG的文档结构中剩下的相关元素简单总结一下,感兴趣的朋友可不要错过哦,然后继续向前领略SVG的其2013-01-30

多数人使用 HTML 4 和 XHTML 1 编写网页。相对较少的 HTML 狂热者了解语义 HTML 的概念、验证 HTML 结构和改进文档的可访问性。高质量的 HTML 文档是反复权衡、设计优选和2008-10-17

这篇文章主要介绍了详解HTML编程的标记与文档结构,是HTML入门学习中的基础知识,需要的朋友可以参考下2015-08-01

在HTML中定义CSS的方式有:Embedding(嵌入式)、Linking(引用式)、Inline(内联式),下面通过实例为大家详细介绍下它们的特点2014-06-04

能在html文档中遇到极大的ol列表可能性不大,本文只是纯粹技术探讨,感兴趣的朋友可以了解下2013-10-14

昨天给添加了在线测试效果!打开后发现JS弹出框位置和效果不对!但是我在我本地测试是没问题的!仔细检查后发现原来是由于博客园的HTML文档类型和我的不一样。2010-10-29

最新评论

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值