首页前端开发HTML你认识HTML吗

你认识HTML吗

时间2023-04-13 01:27:01发布访客分类HTML浏览1082
导读:原文链接:https://note.noxussj.top/part1/html5/html.html/?source=aliyun注意HTML 的基础结构必须要掌握什么是HTML超文本标记语言(英语:HyperText Markup La...

原文链接:https://note.noxussj.top/part1/html5/html.html/?source=aliyun


注意

HTML 的基础结构必须要掌握


什么是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 的核心部分。

特性

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

分类

类型

布局方式

尺寸

嵌套

案例

独占一行

可设置宽高

可嵌套任何元素

display: block;

display: flex;

行内元素

占用的位置由内容决定

宽高由内容决定

建议只嵌套行内元素

display: inline;

行内块元素

占用的位置由内容决定

宽高由内容决定

可嵌套任何元素

display: inline-block

display: inline-flex

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

移动开发HTML5

若转载请注明出处: 你认识HTML吗
本文地址: https://pptw.com/jishu/2758.html
HTML中的JavaScript中script元素废弃的语法 用800字描述有 标题 摘要 正文 HTML5的生命周期是什么?底层原理是什么?

游客 回复需填写必要信息