【HTML基础】HTML的基本结构

结构

1.基本结构

以下代码是HTML的基本结构:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>一个标题</title>
 </head>
 <body>
  
 </body>
</html>

看起来有些复杂,我们可以去掉一些部分,看起来更简单:

<html>
 <head>
  <title>一个标题</title>
 </head>
 <body>
  
 </body>
</html>

简化后,基本结构就变得十分明显。
HTML文档的开始代码,出现在第一句:

<html>

HTML文档的结束代码,出现在末尾:

</html>

其他所有HTML代码都位于这两个标记之间,这两个标记的作用就是告知浏览器这是一个Web文档,该按HTML语言规则来解释文档中的标记内容;

头部开始和结束标记:

<head>...</head>

在头部标记中,说明文件标题的标记:
(如果标题内容为空,标题显示的是文件本身的名字)

<title>...</title>

浏览器显示页面内容的主体

<body>...</body>

2.头部内容

<head>...</head>

head标记是HTML文档的头部标记,头部信息不会在浏览器窗口的正文中显示;

<title>...</title>

可以插入在头部标记中,指定HTML文档的网页标题的标记。

<meta>

meta标记可用来描述不包含在标准HTML里的文档信息,例如显示字符集、开发工具、作者、网页关键字、网页描述、页面定时刷新及跳转等。
这些文档信息不会在浏览器页面显示,但用户可以通过检索这些信息来找到该网页。

 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>一个标题</title>
 </head>

3.主体内容

<body>...</body>

body标记中填写的是页面中的所有内容,可有文字、图片、表格、表单、音频、视频、超链接等元素;

body标记有许多属性,用来控制文档的颜色,背景等。

body标记的属性介绍:
bgcolor
用来设置页面的背景颜色,可直接使用颜色的英文名称或对应十六进制数来表示需设置的颜色。

background
用来设置背景图像。

alink
用来规定文档中活动链接的颜色(鼠标指向链接时,链接所显示的颜色)。

link
用来规定文档中,所有链接的颜色。

text:
用来规定文档中所有文本的颜色。

vlink
用来规定文档中所有被访问过的链接的颜色。

设置属性的语法格式
直接在主体的开始标记内部说明

<body bgcolor="" background="" alink="" link="" text="" vlink="">

</body>

属性与标记名之间需要一个空格来间隔。

属性的数据可以用 “ ” 符号括起来,也可以不括起来,直接写。

4.页面的开头

在文章开头,给出的HTML网页结构中,包含以下内容:

<!DOCTYPE html>
<html>
</html>

上面是HTML5简化后的声明代码
DOCTYPE标记常常被用来声明要使用什么风格的HTML或XHTML;
此标记使浏览器知道应当如何处理文档,让验证器知道应当按照什么样的标准来检查代码的语法,然后用html标记,表示实际代码的开始位置。

  • 8
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

.29.

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值