你真的了解HTML吗？
菜园前端 2023/4/2 8:26:30
HTML 介绍
原文链接：https://note.noxussj.top/?source=imooc
什么是 HTML ？
超文本标记语言（英语：HyperText Markup Language ，简称：HTML ）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
超文本
超越普通文本的特性，不仅是文字，还可以有图片、图形、表格、动画、音频、视频、链接、程序等非文本信息。
标记语言
将上述超文本的信息组合起来进行展示（包含结构和数据）的一种语言。
HTML 基础结构
html 标签：根节点标签
head 标签：头部标签，主要存放网站的基本描述信息
body 标签：正文标签，主要存放网页显示的内容
<html> <head> <title>我是网站标题</title> <style></style> </head> <body> <h1>我是正文内容</h1> <script></script> </body> </html>
标签
标签是 HTML 的核心部分。
特性
标签由两个尖括号包含起来的关键字，例如 <html>
标签一般都是成对的出现，开始标签和结束标签，例如 <html> </html>
也有一些标签是单标签，例如 <br/> <img/>
浏览器渲染的时候不会单纯的显示该标签，而是解析该标签后转换成另外一种形式进行展示
分类
| 类型 | 布局方式 | 尺寸 | 嵌套 | 案例 |
|---|---|---|---|---|
| 块元素 | 独占一行 | 可设置宽高 | 可嵌套任何元素 | display: block display: flex |
| 行内元素 | 占用的位置由内容决定 | 宽度高度由内容决定 | 建议只嵌套行内元素 | display: inline |
| 行内块元素 | 占用的位置由内容决定 | 宽度高度由内容决定 | 可嵌套任何元素 | display: inline-block display: inline-flex |
关于找一找教程网
本站文章仅代表作者观点，不代表本站立场，所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章，希望广大程序员努力学习，让我们用科技改变世界。
[你真的了解HTML吗？]http://www.zyiz.net/tech/detail-400191.html
- 2023-05-31双越: 1-1评审了20份前端简历，其实每个人都有亮点
- 2023-04-02一个让你成为高级前端开发人员的技巧-icode9专业技术文章分享
- 2023-03-122023.03.08 更新收集前端面试问题
- 2023-03-122023.03.08 - 2023.03.10 更新收集前端面试问题
- 2023-03-06大前端突围之路：从RN跨平台到大前端全栈统一
- 2023-03-06【备战春招】第20天 Web前端架构师2022 第二周1-1
- 2023-03-06【备战春招】第21天 Web前端架构师2022 第二周1-2
- 2023-02-14【备战春招】第6天 前端工程师必须掌握的技能，入门篇-第7章 函数对象（前四节课）
- 2023-02-14【备战春招】第五天 前端学习笔记
- 2023-02-13【备战春招】第四天 前端学习笔记
