前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML(结构详解)

HTML(结构详解)

作者头像
全栈开发日记
发布2022-05-12 21:17:40
5060
发布2022-05-12 21:17:40
举报
文章被收录于专栏:全栈开发日记全栈开发日记

HTML基本结构如下

代码语言:javascript
复制
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
</body>
</html>

详解

01

<!doctype html>

它是HTML声明,声明必须放在HTML文件的第一行。

它不是一个HTML标签,它的存在作用于告诉浏览器你是用哪个HTML版本写的。

有时候有人会用大写字母做这个声明,不要觉得高大上或者觉得是不是不一样,作用是一模一样的。

02

代码语言:javascript
复制
<html lang="en">

告诉浏览器搜索引擎表示这个页面是html语言,并且语言为英文;

"lang"的意思就是“language(语言)”,而“en”即表示英文;

"zh"表示中文。

03

代码语言:javascript
复制
<meta charset="UTF-8">

这个是声明编码,告诉浏览器你用的什么编码;

常用编码"ANSI" "UTF-16LE" "UTF-16BE" "UTF-8";

04

代码语言:javascript
复制
<title>Document</title>

HTML中的标题标签;显示如下:

05

代码语言:javascript
复制
<head>

HTML结构中的头部,标题标签、导入css、以及内部css都在这里面;

注意它有结束标签。

06

代码语言:javascript
复制
<body>

HTML结构中的身体部分,比如你的胳膊腿儿啥的,整个网页的结构都在这里面; 注意它有结束标签。

常用的HTML标签

标题标签

代码语言:javascript
复制
<h1>h1标题标签</h1>

后面的数字1-6从大到小;

它是块元素,一个h标签会在浏览器中独占一行。

段落标签

代码语言:javascript
复制
<p>段落标签</p>

p标签,它也是块元素,会独占一行。

另外还有:表格标签、a链接标签、div标签等等。后面慢慢写。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-05-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 全栈开发日记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 01
  • 02
  • 03
  • 04
  • 05
  • 06
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档