HarmonyOS开发预科之HTML5学习

提示：有任何问题可以下方评论留言，我会抽出时间为大家解答的！

文章目录

前言
一：HTML学习
- 1.什么是 HTML
- 2.网络文档（网页）创建
- - 2.1.Win11 查看文件拓展名以及新建其他类型文档的方法：
  - - 2.1.1.Win11 查看文件拓展名
    - 2.1.1.Win11 新建其他类型文档
    - 2.1.3.Win11 下其他文档编辑
    - 2.1.4.Win11 下 HTML 文档预览
- 3.HTML 文档结构与基本语法
- - 3.1 超文本标记
  - - 3.1.1 超文本标记分两大类:
    - 3.1.2.基本标记结构
    - 3.1.3.标记的属性
- 4.标记一览
- - 4.1.格式标记
  - - 4.1.1.标题标记
    - 4.1.2.段落标记:star:
    - 4.1.3.换行标记
    - 4.1.4.分割线标记
    - 4.1.5.加粗标记
    - 4.1.6.斜体标记
    - 4.1.7.下划线标记
    - 4.1.8.删除线标记
    - 4.1.9.字体标记:star:
    - 4.1.10.上标标记
    - 4.1.11.下标标记
    - 4.1.12.超链接标记:star:
  - 4.2.节段标记
  - - 4.2.1.列表标记
    - 4.2.2.块级元素
    - 4.2.3.行内元素
  - 4.3.多媒体标记
  - - 4.3.1.图像标记
    - 4.3.2.音频标记
    - 4.3.3.视频标记
  - 4.4.表格标记
  - - 4.4.1.表格标记
    - 4.4.2.表格头标记
    - 4.4.3.表格主体标记
    - 4.4.4.表格尾部标记
    - 4.4.5.表格行标记
    - 4.4.6.单元格标记
  - 4.5.表单标记:star:
  - - 4.5.1.表单标记
    - 4.5.2.按钮标记
    - 4.5.3.输入框标记
    - 4.5.4.标签标记
    - 4.5.5.文本域标记
    - 4.5.6.下拉选项标记
    - 4.5.7.环绕标记
    - 4.5.8.数据集标记
    - 4.5.9.度量标记
    - 4.5.10.进度条标记
  - 4.6.框架标记
  - - 4.6.1.框架集标记
    - 4.6.2.框架标记
    - 4.6.3.内联框架标记
总结

前言

学习鸿蒙开发最好能够先了解些前端开发的基本知识，前端开发主要使用 HTML，CSS3 和 Javascript，这些语言能够帮助我们搭建各种 Web 网站。本文是精炼的 HTML5 学习手册，旨在帮助没有相关学习经验的朋友快速入门 HTML5，有基础的朋友也可以将之作为一份参阅复习文件。要认识到，想完全掌握这样一门互联网核心技术还需要足够的项目训练。对于鸿蒙开发而言，我们只需要对 HTML5 有基本的认识和了解即可，本文因此能很好满足鸿蒙开发学习者的需求。

一：HTML学习

1.什么是 HTML

🔖HTML 是（Hyper Text Markup Language）的缩写，即“超文本标记语言”。

使用 HTML 语言可以在网络文档（网页）上，呈现出丰富的元素，如：文字、图片、音频、视频、动画、表格、链接等。

🔖HTML5 其实就是 HTML 的版本号，是最新的 HTML，主要的提升在于浏览器的多平台兼容上，包括：PC、平板电脑、手机、智能 TV 等。

🔖开发工具：早期的网络文档（网页）编辑都是在文本文档中编辑的（理论上软件开发可以用任意一种文本编辑器做到，实用性考虑没有必要）。我们可以选择集成开发工具（IDE）如：HBuilder(x)、VSCode 等。

2.网络文档（网页）创建

🔖网页文档的文件拓展名一般是.html 或者.htm

Win如何显示文件拓展名：【文件资源管理器——此电脑——查看——check 文件拓展名】

【新建文档内容编辑并保存（by 记事本），预览文档（by 任意一种浏览器打开即可）】

🔖普通方式：

1.新建文本文档——另存为其他格式文档（这个时候可以选择另存路径，文件名，文件类型）

2.新建文本文档——直接属性修改文件名和文件拓展名

🔖**IDE方式：**以 VS Code 为例：

1.直接新建一个文件夹（自定义命名，位置可以选择桌面也可以选择为软件安装路径下）——将新建的文件夹拖入 VS Code 窗口/打开文件夹选择新建的文件夹——文件夹下新建文本（格式：名称.拓展名）

2.于 VS Code 窗口内

2.1.Win11 查看文件拓展名以及新建其他类型文档的方法：

2.1.1.Win11 查看文件拓展名

🔖文件资源管理器——查看——显示——（勾选）文件拓展名

2.1.1.Win11 新建其他类型文档

🔖新建文本文档——（输入源码）——另存为其他类型文档（修改后缀）

2.1.3.Win11 下其他文档编辑

🔖右击文档——打开方式——记事本

2.1.4.Win11 下 HTML 文档预览

🔖右击文件——打开方式——浏览器打开

3.HTML 文档结构与基本语法

HTML严格并不算编程语言，而是一种标记语言，用于创建网页的结构和内容。现代语言类型就包括超文本标记语言（HTML），编程语言（面向对象语言如 Java,Python 等，函数式语言如 Haskell,Scala 等，脚本语言如 Javascript,PHP 等），样式表语言如常见的层叠样式表（CSS）。

🔖值得一提的是，HTML 由一系列标签组成，每个标签描述了网页中的一个元素如段落、标题、图像等，它提供了一种结构化的方式来组织信息，并通过浏览器将网页呈现给用户。

🔖编程语言是一种编写计算机程序的形式化语言，它的编写具备一定的语法和规则，程序员在编写代码过程中需要遵守这些语法和规则。

🔖样式表语言用于描述网页的外观样式。以常见的层叠样式表为例子（CSS），它可以帮助 HTML 元素实现“可视化”提升用户体验，比如颜色，大小，布局等，将 CSS 与 HTML 结合使用，可以更好得控制网页外观和布局。

3.1 超文本标记

3.1.1 超文本标记分两大类:

单标记：<标记名/>

应用：<标记名 属性=“值” 属性=“值” 属性=“值”…/>
双标记：<标记名></标记名>

应用：<标记名 属性=“值” 属性=“值” 属性=“值”…></标记名>

两种标记格式差异明显，最大区别在于：单标记内部不能再存放其他内容了，而双标记内部可以继续存放其他内容。

🔖如何理解：将网络文档（网页）.html 结构视作一棵树，自唯一的根开始向上分叉。双标记**<标记名></标记名>视作树枝，可以继续分叉，单标记<标记名/> **视作树叶，无法分叉。单标记是最终节点。

3.1.2.基本标记结构

基本标记结构如下：

<!DOCTYPE HTML>
<html>

    <head>
        <title>网页测试</title>
    </head>

   <body>
       一个基础测试项目
   	</body>

</html>

<!DOCTYPE>表示文档声明类型，DOCTYPE 是 Document Type 的简写。HTML 文档基础结构中第一行<!DOCTYPE HTML>就是 HTML 的 DOCTYPE 声明。
<html> 标记（是 HTML 文档的根元素标签，除顶部文档类型声明<!DOCTYPE html>以外，所有HTML 文档均以<html>标签开始，以</html>标签结束），是双标记。它是整个网络文档（网页）的根标记，所有的内容都必须放在<html>标记中。我们可以把它理解为唯一的树根。
<html>标记的内部，分叉出了<head>标记（也叫做首部标签）和<body>标记（也叫做主体标签）。
<head>标记，也是双标记。它表示网页的页头部分。
<body>标记，同样是双标记。它表示网页的正文部分。
<head>标记的内部，又分叉出了<title>标记，同样是双标记，它表示页头的标题部分。

⭐️要注意的是，<head>标记中的内容不会显示在网页的页面中。<head>标记中可包含<title>和<meta>等标记，用于声明页面标题、字符集和关键词等。

使用<title>和</title>标记标注网页标题，该标题会显示在浏览器窗口的标题栏中，若省略<title>标记则网页标题会显示为“无标题文档”。建议在网页代码中保留该标记，因为<title>标记还能用于当网页被添加到收藏夹时显示标题，以及作为页面标题显示在搜索引擎结果中。
<base>标记用于为页面上所有的链接设置默认 URL 地址或目标 target。当HTML文档中使用了相对路径时，浏览器会用<base>标记指定的 URL 进行补全。

<meta>标记如其本意"元语言"一致，<head>标记内部用于提供当前 HTML 文档的元数据，这些数据不会直接显示在网页上，但是对于机器是可读的，适用于搜索引擎索引。通常<meta>标记可用于定义网页的字符集、关键词、描述、作者等信息。

**字符集声明：**Charset 是 Character Set 的简写，含义为字符集设置。浏览器统一默认的字符集是 ISO-8859-1 西文字符集，如果使用了其他字符集，浏览器需知道使用何种字符集才能正确地显示 HTML 页面。HTML 文档使用<meta>标记进行字符集声明。万维网初期使用的是 ASCII 字符集，该字符集支持数字 0-9、英文字母大写 A-Z 和小写 a-z，以及部分特殊字符。由于很多国家使用的字符不被ASCII 支持，因此浏览器统一默认的字符集是 ISO-8859-1 西文字符集。以 UTF-8 字符集为例 ,HTML5 中声明字符集的方式如下图：

<meta charset="utf-8">

🍁**补充：**字符集是一组字符和它们对应的编码规则。在计算机科学中，字符集是将字符映射到数字编码的规则集合。这样做是为了使计算机能够存储、传输和处理文本数据。常见的字符集有：

ASCII (American Standard Code for Information Interchange): ASCII 是最早和最基础的字符集，它定义了128个字符，包括数字、字母、标点符号和控制字符。
ISO-8859: 这是一系列的字符集，每个字符集都为某一特定语言或一组语言提供支持。例如，ISO-8859-1 支持西欧语言，而 ISO-8859-5 支持西里尔语言。
Unicode: Unicode 是一个更加全面和现代的字符集，它设计用来包含世界上所有的字符。Unicode 定义了超过130,000个字符，包括各种语言的字母、标点符号、符号、表情符号等。
- UTF-8: UTF-8 是一种用于 Unicode 的编码方式，它使用可变长度的编码，能够有效地表示 Unicode 中的所有字符。UTF-8 是互联网上使用最广泛的字符编码方式。
- UTF-16: UTF-16 也是一种 Unicode 编码方式，它使用两个或四个字节来表示一个字符，适合于大部分非常用字符。
- UTF-32: UTF-32 使用固定长度的四个字节来表示每一个字符，这使得它在处理和存储上有些不够高效，但简化了许多计算。
GB2312、GBK 和 GB18030: 这些是中国的字符集标准，分别用于简体中文。GB2312 支持简体中文的一部分字符，GBK 是 GB2312 的扩展，而 GB18030 是更加全面的字符集，支持包括繁体中文在内的所有汉字。

选择哪种字符集取决于你的应用需求。如果你的应用主要在某一特定地区使用，可能需要选择支持该地区语言的字符集。如果你的应用需要全球化，那么 Unicode 及其编码方式（如 UTF-8）是一个很好的选择。

**关键词声明：**使用<meta>标记定义网页关键词（keywords）的用法如下：

<meta name="keywords" content="html5,css3"/>

**页面描述声明：**使用<meta>标记定义页面描述（description）的用法如下，搜索引擎会根据<meta>标记中的 name 和 content 属性来索引网页。

<meta name="description" content='This is a html5 page.'/>

<style> 为样式标记，用于定义文档中指定区域的字体风格、背景颜色、对齐方式等各类样式信息

<!DOCTPYE html>
<html>
    <head>
        <sytle>
            p{
            	color:red
            }
        </style>
    </head>
    <body>
        <p>这是一个段落</p>        
    </body>
</html>

<link> 为链接标记，用于连接外部资源和当前 HTML5 文档，它只出现在首部标记<head>和</head>中，通常用于连接外部样式表。以下代码表示将 CSS 样式文件 my.css 指定的样式效果应用于当前网页中 ,

 <head>
        <link rel="stylesheet" href="test1.css"/>        
 </head>

如果需要同时引用多个外部样式表文件，则需要为每一个CSS样式文件单独使用一次<link>标记。CSS样式文件的引用可以使用相对路径，也可以根据实际需要填写 URL 地址。

<head>
	<link rel="stylesheet" href="test1.css"/>        
	<link rel="stylesheet" href="test2.css"/>
     <link rel="stylesheet" href="test3.css"/>
 </head>

<script>为脚本标记，是可选的，取决于当前页面是否需要使用脚本内容，比如 JavaScript。该标签可以直接引用外部脚本文件，也可以直接将脚本命令写在<script>和</script>标记中。和引用外部CSS文件类似，如果需要同时引用多个 JavaScript 文件，则需要为每一个 JavaScript 文件单独使用一次<script>标记。

<head>
	<link rel="stylesheet" href="test1.js"/> 
	<link rel="stylesheet" href="test2.js"/>
     <link rel="stylesheet" href="test3.js"/>
 </head>

<body> 为主体标记

HTML文档的主体部分以<body>标记开始，以</body>标记结束。<body>标记中的内容将全部显示在网页的页面中。<body>标签中可直接添加文本内容，也可继续嵌套其他元素标签，形成多样化的显示效果。

HTML 文档注释

为增加 HTML 文档的可读性，可为其添加注释部分；注释是文档中的说明文字，不会被浏览器执行；HTML 使用标签为文档进行注释，注释标签以结束，中间的“…”替换为注释文字内容即可。标签支持单行和多行注释。

如

注释存在于源代码中，但是不会被渲染

<!--
	多行注释1
	多行注释2
-->

3.1.3.标记的属性

HTML 标记的属性通常分为两类：

🔖数据属性（Attribute）:它的值通常为一组可以自行设置的数据，如 bgcolor （bgcolor为background color 的简写）即为一个数据属性，值可以为 red,yellow,blue,pink 等

🔖状态属性（Property）：这类属性一般取值只有：是或否，如 readonly（只读模式），disabled（禁用模式），**checked（选中状态）**等。

<!DOCTYPE HTML>
<html>
    <head>
        <title>网页测试</title>
    </head>
    <body bgcolor="pink">
        一个基础测试项目
    </body>
</html>

<!DOCTYPE HTML>
<html>
    <head>
        <title>网页测试</title>
    </head>
    <body bgcolor="pink">
        <input type="checkbox" checked="checked"/> 学习HTML5操作  <br/>
        <input type="checkbox" /> 学习CSS3语言  <br/>
    </body>
</html>

<!DOCTYPE HTML>
<html>
    <head>
        <title>网页测试</title>
    </head>
    <body bgcolor="pink">
        <input type="checkbox" checked /> 学习HTML5操作 <br/>
        <input type="checkbox" /> 学习CSS3语言  <br/>
    </body>
</html>

🍁后两个案例的运行效果一致，可见 checked=“checked” 与 checked 等价，所以为了简便通常选择第二种表示，状态属性的值看起来就很鸡肋。

🍁在代码块中的单标签中，添加状态属性则会为网页施加对应状态，不添加状态属性则不会施加该状态。

🍁文档内多个根标记的情形，title 以及背景属性通常执行第一个根标记定义内容。

4.标记一览

4.1.格式标记

4.1.1.标题标记

1号标题标记

标记名：h1

标记类型：双标记

2号标题标记

标记名：h2

标记类型：双标记

3号标题标记

标记名：h3

标记类型：双标记

4号标题标记

标记名：h4

标记类型：双标记

5号标题标记

标记名：h5

标记类型：双标记

6号标题标记

标记名：h6

标记类型：双标记

4.1.2.段落标记⭐️

标记名：p

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
align	水平对齐	left	左对齐	是
		center	居中对齐
		right	右对齐

4.1.3.换行标记

标记名：br

标记类型：单标记

4.1.4.分割线标记

标记名：hr

标记类型：单标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
align	水平对齐	left	左对齐
		center	居中对齐	是
		right	右对齐
width	分割线长度	数值+单位	分割线长度
size	分割线宽度	数值+单位	分割线宽度
color	分割线颜色	颜色	分割线颜色

4.1.5.加粗标记

标记名：b

标记类型：双标记

4.1.6.斜体标记

标记名：i

标记类型：双标记

4.1.7.下划线标记

标记名：u

标记类型：双标记

4.1.8.删除线标记

标记名：del

标记类型：双标记

4.1.9.字体标记⭐️

标记名：font

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
color	字体颜色	颜色	字体颜色
size	字体大小	数值、+/-	字体放大/缩小倍数

4.1.10.上标标记

标记名：sup

标记类型：双标记

4.1.11.下标标记

标记名：sub

标记类型：双标记

4.1.12.超链接标记⭐️

标记名：a

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
href	超链接路径	url	超链接路径
target	目标窗体	_self	当前窗体	是
		_blank	新窗体

4.2.节段标记

4.2.1.列表标记

有序列表标记

标记名：ol

标记类型：双标记

无序列表标记

标记名：ul

标记类型：双标记

列表项标记

标记名：li

标记类型：双标记

4.2.2.块级元素

标记名：div

标记类型：双标记

派生标记：header、nav、aside、section、article、footer

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
align	水平对齐	left	左对齐	是
		center	居中对齐
		right	右对齐

4.2.3.行内元素

标记名：span

标记类型：双标记

4.3.多媒体标记

4.3.1.图像标记

标记名：img

标记类型：单标记

常用属性：

属性名	属性名解释	属性值	属性值解释
src	图像资源路径	URL	图像资源路径
width	图像宽度	数值+单位	图像宽度
height	图像高度	数值+单位	图像高度
title	鼠标悬停提示	文本	鼠标悬停提示
alt	加载失败提示	文本	加载失败提示

4.3.2.音频标记

标记名：audio

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释
src	音频资源路径	URL	音频资源路径
autoplay	自动播放	状态属性	自动播放
controls	播放控件	状态属性	播放控件
loop	循环播放	状态属性	循环播放

4.3.3.视频标记

视频列表标记

标记名：video

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释
width	播放器宽度	数值+单位	播放器宽度
height	播放器高度	数值+单位	播放器高度
autoplay	自动播放	状态属性	自动播放
controls	播放控件	状态属性	播放控件
loop	循环播放	状态属性	循环播放

视频标记

标记名：source

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
src	视频资源路径	URL	视频资源路径
type	视频格式	文本	视频格式

4.4.表格标记

4.4.1.表格标记

标记名：table

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
border	边框宽度	数值+单位	边框宽度
bordercolor	边框颜色	颜色	边框颜色
align	水平对齐方式	left	左对齐	是
		center	居中对齐
		right	右对齐
bgcolor	背景颜色	颜色	背景颜色
background	背景图片	URL	背景图片
cellspacing	单元格间距	数值+单位	单元格间距
cellpadding	单元格填充物	数值+单位	单元格填充物
width	宽度	数值+单位	宽度
height	高度	数值+单位	高度

4.4.2.表格头标记

标记名：thead

标记类型：双标记

4.4.3.表格主体标记

标记名：tbody

标记类型：双标记

4.4.4.表格尾部标记

标记名：tfoot

标记类型：双标记

4.4.5.表格行标记

标记名：tr

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
align	水平对齐方式	left	左对齐	是
		center	居中对齐
		right	右对齐
valign	垂直对齐方式	middle	居中对齐	是
		top	顶部对齐
		bottom	底部对齐
height	行高	数值+单位	行高
bgcolor	背景颜色	颜色	背景颜色

4.4.6.单元格标记

标记名：td

标记类型：双标记

派生标记：th

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
align	水平对齐方式	left	左对齐	是
		center	居中对齐
		right	右对齐
valign	垂直对齐方式	middle	居中对齐	是
		top	顶部对齐
		bottom	底部对齐
bgcolor	背景颜色	颜色	背景颜色
background	背景图片	URL	背景图片
width	宽度	数值+单位	宽度
height	高度	数值+单位	高度
rowspan	合并行	数值	合并的行数
colspan	合并列	数值	合并的列数

4.5.表单标记⭐️

4.5.1.表单标记

标记名：form

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
action	表单提交路径	URL	表单提交路径
method	请求方式	GET	GET请求	是
		POST	POST请求
enctype	请求报文编码	application/x-www-form-urlencoded	URL编码	是
		multipart/form-data	字节编码
novalidate	不进行格式验证	状态属性	不进行格式验证

4.5.2.按钮标记

标记名：button

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
type	按钮类型	button	普通按钮	表单外
		reset	重置按钮
		submit	提交按钮	表单内

4.5.3.输入框标记

标记名：input

标记类型：单标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
type	输入框类型	text	单行文本	是
		password	密码框
		radio	单选按钮
		checkbox	复选框
		color	调色板
		date	日期选择器
		month	月份选择器
		week	周选择器
		time	时间选择器
		datetime-local	日期+时间选择器
		email	电子邮箱
		file	文件选择器
		hidden	隐藏域
		number	数值控件
		range	滑块控件
		url	网址控件

属性名	属性名解释	属性值	属性值解释
value	控件值	文本	控件值
placeholder	占位提示	文本	占位提示
maxlength	最大文本长度	数值	最大文本长度
size	控件宽度	数值	控件宽度
readonly	只读	状态属性	只读
disabled	禁用	状态属性	禁用
name	控件名	文本	控件名
checked	选中状态	状态属性	选中状态
max	最大值	数值	最大值
min	最小值	数值	最小值
multiple	多选	状态属性	多选
list	关联数据集	id	关联数据集id

常见面试题：readonly只读状态和disabled禁用状态有什么区别？

回答：

readonly只读状态：值不能修改、控件可以获得焦点、数据可以随表单提交

disabled禁用状态：值不能修改、控件无法获得焦点、数据不会随表单提交

4.5.4.标签标记

标记名：label

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
for	关联控件的id	文本	关联控件的id

4.5.5.文本域标记

标记名：textarea

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释
rows	行数	数值	行数
cols	列数	数值	列数
placeholder	占位提示	文本	占位提示

4.5.6.下拉选项标记

下拉列表标记

标记名：select

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
multiple	多选	状态属性	多选

选项组标记

标记名：optgroup

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
label	选项组标题	文本	选项组标题

选项标记

标记名：option

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
selected	选中状态	状态属性	选中状态

4.5.7.环绕标记

环绕框标记

标记名：fieldset

标记类型：双标记

环绕标题标记

标记名：legend

标记类型：双标记

4.5.8.数据集标记

标记名：datalist

标记类型：双标记

4.5.9.度量标记

标记名：meter

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释
value	当前值	数值	当前值
max	最大值	数值	最大值
min	最小值	数值	最小值

4.5.10.进度条标记

标记名：progress

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
value	当前值	数值	当前值
max	最大值	数值	最大值

4.6.框架标记

4.6.1.框架集标记

标记名：frameset

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
frameborder	框架边框	yes	框架有边框	是
		no	框架无边框

4.6.2.框架标记

标记名：frame

标记类型：单标记

常用属性：

属性名	属性名解释	属性值	属性值解释
src	框架路径	URL	框架路径
noresize	不能改变框架尺寸	状态属性	不能改变框架尺寸
name	框架名称	文本	框架名称

4.6.3.内联框架标记

标记名：iframe

标记类型：双标记

常用属性：

属性名	属性名解释	属性值	属性值解释	默认
src	框架路径	URL	框架路径
width	框架宽度	数值+单位	框架宽度
height	框架高度	数值+单位	框架高度
frameborder	框架边框	yes	有边框	是
		no	无边框

总结

加⭐️内容重点关注，其他标记基本了解即可。
收藏点赞，越学越快，评论交流，考试不愁！！！