乐趣区

关于前端:零基础教你学前端3HTML基本格式

明天咱们来学习 HTML 根本格局。

H1 标签定义了一个文档的题目,尽管在浏览器里显示了预期的成果,但它并不是一个符合规范的 html 文档,明天咱们就来定义一个规范的 html 文档。

这是一个 html 文档的根本格局,来深刻的分析一下

<!DOCTYPE html> 这个标签会通知浏览器,前面书写的是 HTML5 标准 的语法,浏览器会依照 HTML5 的语法标准进行解析

<html lang=’en’> 包裹了整个页面的所有内容,有时被称为根元素。

<head> 是所有头部元素的容器,形容了文档的各种属性和信息,比方文档的题目,文档援用的样式表和 JS 脚本文件,页面元信息等等,绝大多数文档头部蕴含的数据,都不会真正作为内容显示给浏览者。

<meta charset=”utf-8″> 将文档应该应用的字符集设置为 UTF-8,它包含了书面语言的大多数字符,基本上能够解决放在页面上的任何文本内容,它能够帮忙你解决页面乱码的问题。
<title> 设置页面的题目,也就是呈现在浏览器标签中的内容,它形容页面被退出入书签或珍藏时的题目
<body> 它蕴含了页面展现的所有内容,比方文字,图片,视频,游戏,可播放的音乐等等

个别状况下 一个符合规范的 html 文档 都应该应用这个根本格局

回到编辑器 咱们创立一个文件 名字叫 base.html 咱们疾速的编写好 html 根本格局,在 <body> 标签里写一个 h1 在外面写一些内容,浏览器中关上页面失常的显示了,每个页面都写这么多货色很麻烦 咱们有 vscode。

删除所有内容 在页面里只需一个感叹号,再按一下 tab 键,html 根本格局主动生成了,这时就能够间接在 body 内编写网页内容了。

通过观察根本构造发现 标签后面有的有空格 有的没有空格 这是为什么呢 实际上 当呈现标签嵌套的时候 须要放弃一个固定的缩进,个别采纳两个或者四个空格 具体看集体习惯和开发团队的标准,为了不便浏览不举荐混用。有些标签嵌套在一起,这就是标签构造嵌套

在一个标签内再次书写一个标签 他们之间造成了这样的包裹关系,别包裹的叫做子标签,包裹的就是父标签。

在父子标签嵌套的时候子标签整体绝对于父标签多一套缩进,更加不便浏览。

退出移动版