HTML 基础结构

目录

[1. 文档声明](#1. 文档声明)

[2. 根标签](#2. 根标签)

[3. 头部元素](#3. 头部元素)

[4. 主题元素](#4. 主题元素)

[5. 注释](#5. 注释)

[6. 演示](#6. 演示)


1. 文档声明

<!DOCTYPE html>:声明文档类型,表示该文档是 html 文档,

2. 根标签

(1)所有的其他标签都要放在一对根标签中(结束标签要加上'/');

html 根标签下有两个一级子标签,分别是头标签和体标签(都是双标签);

3. 头部元素

头标签:<head> </head>

定义不直接展示在页面主体上,又很重要的内容,比如字符集,css引入,js引入;

4. 主题元素

体标签:<body> </body>

定义展示在页面主体的标签;

5. 注释

注释:<!-- 内容 -->

html 的编写规则基本就这5条,此外还需注意字符集标签 <meta/>;

<meta/> 既不是单标签,也不是双标签;用来告诉浏览器使用什么字符集解码,以解决乱码问题:

乱码的原因;

(1)编辑文本时使用的字符集不支持中文;

(2)编辑文本时使用的字符集与解析使用的字符集不一致;

6. 演示

利用以上规则在文本编辑工具输入内容,使用浏览器打开;

相关推荐
devilnumber3 分钟前
java中Redisson ,jedis,Lettuce和Spring Data Redis的四种深度对比和优缺点详解
java·redis·spring
摇滚侠4 分钟前
Java 进阶教程,全面剖析 Java 多线程编程
java·开发语言
yaaakaaang4 分钟前
十四、命令模式
java·命令模式
Linux运维技术栈12 分钟前
Cloudflare Argo Smart Routing全球加速:优化跨境回源链路,提升跨区域访问体验
大数据·前端·数据库
小锋java123421 分钟前
【技术专题】Matplotlib3 Python 数据可视化 - Matplotlib3 绘制饼状图(Pie)
java
wuminyu22 分钟前
专家视角看JVM_StartThread
java·linux·c语言·jvm·c++
awljwlj29 分钟前
黑马点评复习—缓存相关【包含可能的问题和基础知识复习】
java·后端·spring·缓存
Gofarlic_OMS30 分钟前
ENOVIA基于Token的许可证消费模式分析与分点策略
java·大数据·开发语言·人工智能·制造
ROLL.736 分钟前
Git和Repo
java·git·安卓
小雅痞44 分钟前
[Java][Leetcode simple] 1. 两数之和
java·算法·leetcode