四、HTML标签基础以及对应测试点

本文链接：https://blog.youkuaiyun.com/qq_45059431/article/details/138158473

目标

知道常见HTML标签的作用
掌握HTML常用标签的测试点

一、HTML标签作用

1.1HTML介绍

HTML：Hyper Text Markup Language—>超文本标签语言，编写的文件叫html文件，也叫网页文件

CSS：Cascading Style Sheets -->层叠样式表，对于通过HTML编写页面让其显示更加美观漂亮

JS：JavaScript—> js脚本语言，处理页面动态效果

构成页面三个核心技术⭐️
- HTML:构成页面的基本元素 — 超文本标记语言
- CSS:让页面元素更加漂亮 — 层叠样式表
- JS:处理页面的逻辑关系（动态效果）— JavaScript脚本语言
构成页面
- HTML标签
  - 分类: 单标签、双标签
  - 表示:
    - 单标签: 例如<br/>
    - 双标签: 例如<b><b/>
- HTML标签属性
  - 描述标签本身信息
  - 在标签里面表示:属性名="属性值"

1.2HTML骨架标签

在这里插入图片描述

1.3常见标签

目的：知道页面常见标签的一些测试点

实现手段：通过简单HTML代码去实现

标签格式:<标签名属性名="属性值"....>内容</标签名>

在这里插入图片描述

HTML注释

注释:对复杂代码的解释说明，如果对代码本身注释，该代码不会被执行通过表示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>音乐推荐系统/title>
</head>
<body>
    <!-- 
        国际通过代码注释快捷键: ctrl+/
        作用: 对复杂代码的解释说明
     -->
</body>
</html>

标题标签

作用：页面内容中常见标签显示

<!DOCTYPE html>
<html lang="en">
<head>
    &