最新要闻

广告

手机

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

家电

环球快看:什么是 HTML?

来源:博客园


(资料图)

HTML 介绍

引用

最全面的前端笔记来啦,包含了入门到入行的笔记,还支持实时效果预览。小伙伴们不需要在花时间去写笔记,或者是去网上找笔记了。面试高频提问和你想要的笔记都帮你写好了。支持移动端和PC端阅读,深色和浅色模式。

原文链接:https://note.noxussj.top/

::: warning 注意HTML 的基础结构必须要掌握:::

什么是 HTML ?

超文本标记语言(英语:HyperText Markup Language ,简称:HTML )是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

超文本

超越普通文本的特性,不仅是文字,还可以有图片、图形、表格、动画、音频、视频、链接、程序等非文本信息。

标记语言

将上述超文本的信息组合起来进行展示(包含结构和数据)的一种语言。

HTML 基础结构

  • html 标签:根节点标签
  • head 标签:头部标签,主要存放网站的基本描述信息
  • body 标签:正文标签,主要存放网页显示的内容
            我是网站标题                        

我是正文内容

<script></script>

标签

标签是 HTML 的核心部分。

特性

  • 标签由两个尖括号包含起来的关键字,例如
  • 标签一般都是成对的出现,开始标签和结束标签,例如
  • 也有一些标签是单标签,例如
  • 浏览器渲染的时候不会单纯的显示该标签,而是解析该标签后转换成另外一种形式进行展示

分类

类型布局方式尺寸嵌套案例
块元素独占一行可设置宽高可嵌套任何元素display: blockdisplay: flex
行内元素占用的位置由内容决定宽度高度由内容决定建议只嵌套行内元素display: inline
行内块元素占用的位置由内容决定宽度高度由内容决定可嵌套任何元素display: inline-blockdisplay: inline-flex

关键词: 基础结构 信息组合 一般都是