【软件测试0基础入门】HTML5超详细教程

最新推荐文章于 2025-05-26 21:55:15 发布

isun1

最新推荐文章于 2025-05-26 21:55:15 发布

阅读量1.3k

点赞数 47

CC 4.0 BY-SA版权

分类专栏：软件测试文章标签： html5 前端 html

本文链接：https://blog.youkuaiyun.com/isun1/article/details/140930621

HTML概述

HTML指的是超文本标记语言，它是用来描述网页的一种语言。

HTML不是一种编程语言，而是一种标记语言。

标记语言是一套标记标签。

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。

W3C（万维网联盟）是由国际最著名的标准化组织。

Web标准的构成（重点）

主要包括结构（structure）、表现（presebtation）、行为（Behavior）三个方面。

结构：结构用于对网页元素进行整理与分类，现阶段主要学的是HTML。

表现：表现用于设置网页元素的版式、颜色、大小等外观样式的设计，主要指CSS。

行为：行为是指网页模型的定义以及交互的编写，现阶段主要学的是Javascript。

Web标准提出的最佳体验方案：结构、样式、行为相分离。

简单理解：结构写到HTML文件中，表现写到CSS文件中，行为写到Javascript文件中。

HTML语法规范

HTML标签是由尖括号包围的关键词，例如<html>。
HTML标签通常是成对出现的，我们称为双标签。
有些特殊的标签必须是单个标签（极少情况），例如<br />，我们称为单标签。

双标签关系可以分为两大类：包含关系和并列关系。

HTML结构标签

在VS code里输入“ ! ”自动生成。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   
</body>
</html>

<html></html>	HTML标签	页面中最大的标签，我们称为根标签。
<head></head>	文档的头部	注意在head标签中我们必须要设置的标签是 title 。
<title></title>	文档的标题	让页面拥有一个属于自己的网页标题。
<body></body>	文档的主体	元素包含文档的所有内容，页面内容基本都是放到body里面的。