html网页结构

html是什么?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言:HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签(markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML标签及文本内容
  • HTML文档也叫做web 页面

  html的基本结构

分为头部和主体两部分

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
<title>html网页结构</title>
  <link rel="icon" href="1.png">
 <meta name="keyword" content="基本结构,html">
 <meta name="description" content="html的基本结构,html是给页面添加内容的">
</head>
<body>
</body>
</html>

(1) 文档声明:

<!DOCTYPE html>

告诉浏览器该文件是什么类型html文件,解析文件的时候,要使用解析html文件规则

注:有效代码的第一行

(2)根标签:一个html文件最基础的标签的全局最外面。

<html>
</html>

(3)头部标签:储存元数据,里面内容基本是给浏览器解析的

<head>
</head>

(4)设置字符集(解决乱码问题)

设置文件字符类型:utf-8(万国码)

<meta charset="utf-8">

(5)标题标签:设置网页标题,在网页标题栏显示

<title>html网页结构</title>

(6)设置网页的图标

rel:设置link引入的数据类型,href:设置图片的地址

<link rel="icon" href="1.png">

(7)name:设置meta数据类型,content:设置数据内容

       keyword:设置网页关键字,给搜索引擎收录

 <meta name="keyword" content="基本结构,html">

(8) description:设置网页介绍

 <meta name="description" content="html的基本结构,html是给页面添加内容的">

(9)主体标签:页面文本内容,主要给用户看的

注:一个页面只有一个body,如果有二个body,浏览器会将第二个body内容默认放在第一个里面,但有些浏览器不能识别,进入怪异模式

<body>
  </body>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值