前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML 介绍

HTML 介绍

原创
作者头像
前端菜园
修改2023-04-07 10:25:34
6390
修改2023-04-07 10:25:34
举报
文章被收录于专栏:菜园前端

原文链接:https://note.noxussj.top/?source=cloudtencent

注意

HTML 的基础结构必须要掌握

什么是 HTML ?

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

超文本

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

标记语言

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

HTML 基础结构

  • html 标签:根节点标签
  • head 标签:头部标签,主要存放网站的基本描述信息
  • body 标签:正文标签,主要存放网页显示的内容
代码语言:javascript
复制
<html>
    <head>
        <title>我是网站标题</title>
        <style></style>
    </head>
    <body>
        <h1>我是正文内容</h1>
        <script></script>
    </body>
</html>

标签

标签是 HTML 的核心部分。

特性

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

分类

类型

布局方式

尺寸

嵌套

案例

块元素

独占一行

可设置宽高

可嵌套任何元素

display: blockdisplay: flex

行内元素

占用的位置由内容决定

宽度高度由内容决定

建议只嵌套行内元素

display: inline

行内块元素

占用的位置由内容决定

宽度高度由内容决定

可嵌套任何元素

display: inline-blockdisplay: inline-flex

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 什么是 HTML ?
  • 超文本
  • 标记语言
  • HTML 基础结构
  • 标签
    • 特性
      • 分类
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档