HTML文档的基本结构

作为一门语言,虽然HTML比较简单,但是,它仍然会有自己的语法规则,该篇文章针对语法规则,做一些笔记

HTML文档的基本结构如下:

(1)文档类型声明

(2)html 标签对

(3)head 标签对

(4)body 标签对

一:文档类型声明(Document Type Declaration,DTD)

这个部分的用来说明该文档是HTML文档。所有的HTML文档开始于文档声明之后,它说明了文档的类型及其所遵守的标准规范集。DTD是必须的组成部分。

如在HTML 4.01 Transitional中,其文档类型声明如下所示:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

在HTML 5 中,其文档类型声明如下:

<!DOCTYPE html>

在一些专业的HTML网页编辑器(如dreamweaver等),会按照操作自动在HTML文档头部生成相应的文档类型声明。

二:<html>标签对

<html>标签位于HTML文档的最前面,用来标识HTML文档的开始;

</html>标签位于HTML文档的最后面,用来标识HTML 文档的结束;

这两个标签对成对存在,中间的部分是文档的头部和主题。

该标签有两个属性dir和lang。其中dir 是用来指定浏览器用什么方向来显示包含在元素中的文本,它决定文本在整个文档中将以什么方向显示,该属性有ltr和rtl两种,前者规定文本从左到右显示,后者与之相反。除非特殊需要,一般不需要为<html>便签制定dir属性,省略即可;lang属性用来指明文档内容或者某个元素内容使用的语言,理想情况下,浏览器可以使用lang属性将文本更好的显示给用户。

示例如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html dir="RTL">
<head>
<mera http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>html标签中的dir属性</title>
</head>
<body>
你欢喜好我
</body>
</html>

运行结果如下:


三:<head>标签对

<head>标签包含有关HTML文档的信息,可以包含一些辅助性标签,如<title><base><link><meta><style><script>

等,但是浏览器除了会在标题栏显示<title>元素的内容外,不会向用户显示head元素内的其他任何内容。

head元素有个profile属性,该属性提供了与当前文档相关联的配置文件的URL。

四:<body>标签对

它是HTML文档的主体部分,在此标签中可以包含<p><h1><br>等众多标签,<body>标签出现在</head>标签之后,且必须在闭标签</html>之前闭合。

<body>标签中还有很多属性,用于设置文档的背景颜色、文本颜色、链接颜色、边距等。






  • 11
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

迷糊的小小淘

整理不易,赏点动力~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值