你真的了解HTML吗?
2023/4/1 23:21:58
本文主要是介绍你真的了解HTML吗?,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
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 |
这篇关于你真的了解HTML吗?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-21动态面包屑教程:新手入门指南
- 2024-12-21动态主题处理教程:新手必读指南
- 2024-12-21富文本编辑器教程:新手入门指南
- 2024-12-21前端项目部署教程:从零开始的全面指南
- 2024-12-21拖拽表格教程:轻松入门指南
- 2024-12-21Element-Plus教程:新手入门与实战指南
- 2024-12-21TagsView标签栏导航教程:轻松掌握标签栏导航
- 2024-12-21动态表格实战:新手入门教程
- 2024-12-21动态菜单项实战:一步步教你实现动态菜单项
- 2024-12-21动态面包屑实战:新手教程