栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

HTML 从0到1 | 第1节:HTML基本结构

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

HTML 从0到1 | 第1节:HTML基本结构

一、HTML 简介

HTML全称 “Hyper Text Markup Language(超文本标记语言)”,是网页的标准语言。

HTML并不是一门编程语言,而是一门描述性的标记语言。标记语言是一套标记标签 (markup tag)。HTML 使用标记标签来描述网页。

HTML 文档包含了HTML 标签 及 文本 内容。HTML文档也叫做 web 页面。

二、HTML 标签

HTML是由许许多多的标签组合嵌套而成的。

<标签>内容

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由 尖括号包围的关键词,比如 ,它通常是 成对出现 的,比如

HTML 标签包含一个 开始标签 和一个 结束标签 。结束标签只是在开始标签前面多加上了一个斜杠 “ / ”。当浏览器收到HTML文本后,就会解析里面的标签符,然后把标签符对应的功能表达出来。

三、HTML 元素

HTML 元素以 开始标签 起始,以 结束标签 终止。元素的内容 是开始标签与结束标签之间的内容。

某些 HTML 元素具有空内容(empty content),空元素在开始标签中进行关闭(以开始标签的结束而结束),也被称为 自闭合标签。

大多数 HTML 元素可拥有属性。有些 HTML 元素可以嵌套。

示例:



    
        
        

这是第一个段落。


HTML 从0到1 | 第1节:HTML基本结构
四、HTML 结构

一个HTML文档由四个部分组成

  1. 文档声明:
  2. html标签对:
  3. head标签对:
  4. body标签对:

下面是一个 HTML 文档的结构示意图:

只有白色部分(body 标签)才是可见的页面内容。

1.文档声明

文档声明用于表示这是一个HTML界面。
文档声明不区分大小写。以下的文档声明都是正确的:





2.html 标签

html 标签用于告诉浏览器这个页面从 开始,到 结束。

3.head 标签

head 标签表示 html 文档的 头部,用于定义一些特殊的内容。如网页标题、关键字等。

4.body 标签

body 标签表示的是网页的 身体,对于一个网页来说,大部分代码都是在这个标签内编写的。这个标签内的文本才是可见的页面内容。

五、HTML 文档和 Web 浏览器

HTML 文档用于 描述网页,它包含 HTML标签 和 纯文本,也被称为 网页。
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器 不会显示 HTML 标签,而是使用标签来解释页面的内容。

在浏览器中检查元素

在浏览器中,右键单击网页,选择 检查 或 审查元素,即会出现开发者页面。

开发者页面中会显示网页的源代码等内容。
选择页面中的一个元素,开发者页面中即会显示该元素所在的标签、对应的CSS样式等。

试一下,在网页源代码中找一找 HTML 文档的四个基本结构。

— End —

感谢阅读!
原创不易,期待你的点赞、收藏与关注

后记:开学之后要上学,可能更文会变得少了,因为面临着中考的压力。也许等到放假之后会继续更新。这是作者前端开发学习之路的第一步,谢谢大家的支持!

本文收录于专栏 HTML 从0到1。
关注作者,互助交流,学习更多 Python 知识!

https://blog.csdn.net/weixin_48448842


推荐阅读

  • 【爬虫实战】Python 爬取起点热榜,再也不怕没有小说看了!
  • Python tkinter 自制一个炫酷的音乐播放器!随时随地爬取酷我音乐并下载,进度控制、歌词滚动
  • 女友让我每天半夜十二点给她发晚安?我用 Python 做了个定时发消息神器!怕她干嘛!
  • 七夕来了,你还没有女朋友?Python 追女生神器!每天坚持给她发早安
  • 【爬虫实战】Python 自制天气预报程序!爬取全国天气网
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/295765.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号