对HTML基础详细拓展

1.什么是HMTL?

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

1.1HTML标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如
HTML 标签通常是成对出现的，比如 和
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
格式：<标签>内容</标签>

1.2 HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，如下实例:
HTML 元素:
格式：<p>这是一个段落。

1.3Web 浏览器

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。
浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户：

1.4<!DOCTYPE> 声明

声明有助于浏览器中正确显示网页。

网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的，以下方式均可：
<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

通用声明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

1.5基本网页结构及其解析




页面标题


这里的h1是第一标题哦


p表示的是段落


p表示的是另一个段落



声明为 HTML5 文档
元素是 HTML 页面的根元素
元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8。
元素描述了文档的标题<br> <body> 元素包含了可见的页面内容<br> <h1> 元素定义一个大标题<br> <p> 元素定义一个段落</p> <p>​</p> <h1 id="2html编辑器">2.HTML编辑器</h1> <p>HTML 编辑器推荐<br> VS Code：<a href="https://code.visualstudio.com/" target="_blank">https://code.visualstudio.com/</a><br><br> Sublime Text：<a href="http://www.sublimetext.com/" target="_blank">http://www.sublimetext.com/</a><br><br> 在线编辑器：<a href="https://www.jyshare.com/front-end/61/" target="_blank">https://www.jyshare.com/front-end/61/</a><br></p> <p>​</p> <h1 id="3html基础">3.HTML基础</h1> <h2 id="31html-标题">3.1HTML 标题</h2> <p>HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。<br> <h1>这里的h1是第1标题哦</h1><br> <h2>这里的h2是第2标题哦</h2><br> <h3>这里的h3是第3标题哦</h3></p> <h2 id="32html-段落">3.2HTML 段落</h2> <p>HTML 段落是通过标签 <p> 来定义的。<br> <p>这是一个段落。</p><br> <p>这是另外一个段落。</p></p> <h2 id="33html-链接">3.3HTML 链接</h2> <p>HTML 链接是通过标签 <a> 来定义的。<br> <a href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web">这是个超链接</a></p> <p>提示:在 href 属性中指定链接的地址。</p> <h2 id="34-html-图像">3.4 HTML 图像</h2> <p>HTML 图像是通过标签 <img> 来定义的.<br> <img src="/1.jpeg" width="258" height="300"/><br> <img src="2.jpeg" width="258" height="333"/></p> <h1 id="4html-元素">4.HTML 元素</h1> <p>HTML 文档由 HTML 元素定义。<br> 开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。</p> <p>HTML 元素</p> <table> <thead> <tr> <th>开始标签</th> <th>元素内容</th> <th>结束标签</th> </tr> </thead> <tbody> <tr> <td><p></td> <td>这是一个段落</td> <td></p></td> </tr> <tr> <td><a href="default.htm"></td> <td>这是一个链接</td> <td></a></td> </tr> <tr> <td><br></td> <td>换行</td> <td></td> </tr> </tbody> </table> <h2 id="41html-元素语法">4.1HTML 元素语法</h2> <p>HTML 元素以开始标签起始<br> HTML 元素以结束标签终止<br> 元素的内容是开始标签与结束标签之间的内容<br> 某些 HTML 元素具有空内容（empty content）<br> 空元素在开始标签中进行关闭（以开始标签的结束而结束）<br> 大多数 HTML 元素可拥有属性</p> <h2 id="42嵌套的-html-元素">4.2嵌套的 HTML 元素</h2> <p>大多数 HTML 元素可以嵌套（HTML 元素可以包含其他 HTML 元素）。<br> HTML 文档由相互嵌套的 HTML 元素构成。</p> <p>HTML 文档实例<br> <!DOCTYPE html><br> <html></p> <p><body><br> <p>这是第一个段落。</p><br> </body></p> <p></html><br> 以上实例包含了三个 HTML 元素。</p> <h2 id="43html-空元素">4.3HTML 空元素</h2> <p>没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。</p> <p><br> 就是没有关闭标签的空元素（<br> 标签定义换行）。</p> <p>在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。</p> <p>在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。</p> <p>即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。</p> <h1 id="5-html属性">5 HTML属性</h1> <h2 id="51-html属性">5.1 HTML属性</h2> <p>属性是 HTML 元素提供的附加信息。<br> HTML 元素可以设置属性<br> 属性可以在元素中添加附加信息<br> 属性一般描述于开始标签<br> 属性总是以名称/值对的形式出现，比如：name="value"。</p> <p>HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：<br> <a href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web">这是个超链接</a></p> <h2 id="52-html-属性常用引用属性值">5.2 HTML 属性常用引用属性值</h2> <p>属性值应该始终被包括在引号内。</p> <p>双引号是最常用的，不过使用单引号也没有问题。<br> Remark提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：</p> <p>name='John "ShotGun" Nelson'</p> <h2 id="53html-属性参考手册">5.3HTML 属性参考手册</h2> <p>查看完整的HTML属性列表: HTML 标签参考手册(<a href="https://www.runoob.com/tags/tag-doctype.html" target="_blank">https://www.runoob.com/tags/tag-doctype.html</a>)。</p> <p>下面列出了适用于大多数 HTML 元素的属性：</p> <p>属性 描述<br> class 为html元素定义一个或多个类名（classname）(类名从样式文件引入)<br> id 定义元素的唯一id<br> style 规定元素的行内样式（inline style）<br> title 描述了元素的额外信息 (作为工具条使用)</p> <h1 id="6htm标题重点">6.HTM标题（重点）</h1> <p>标题（Heading）是通过 <h1> - <h6> 标签进行定义的。</p> <p><h1> 定义最大的标题。 <h6> 定义最小的标题。<br> <h1>这里的h1是第1标题哦</h1><br> <h2>这里的h2是第2标题哦</h2></p> <p>标题很重要<br> 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。</p> <p>搜索引擎使用标题为您的网页的结构和内容编制索引。</p> <p>因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。</p> <p>应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。</p> <h2 id="61html-水平线">6.1HTML 水平线</h2> <p><hr> 标签在 HTML 页面中创建水平线。</p> <p>hr 元素可用于分隔内容。<br> <h1>这里的h1是第1标题哦</h1><br> <hr><br> <h2>这里的h2是第2标题哦</h2><br> <hr><br> <h3>这里的h3是第3标题哦</h3></p> <h2 id="62html-注释">6.2HTML 注释</h2> <p>可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。</p> <p>注释写法如下:</p> <p>实例<br> <!-- 这是一个注释 --></p> <h2 id="63-html-提示---如何查看源代码">6.3 HTML 提示 - 如何查看源代码</h2> <p>你是否看过一些网页然后惊叹它是如何实现的。</p> <p>如果您想找到其中的奥秘，只需要单击右键，然后选择"查看源文件"（IE）或"查看页面源代码"（Firefox），其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。</p> <h1 id="7html段落">7.HTML段落</h1> <p>HTML 段落<br> 段落是通过 <p> 标签定义的。<br> <p>这是一个段落 </p><br> <p>这是另一个段落</p></p> <p>不要忘记结束标签<br> 即使忘了使用结束标签，大多数浏览器也会正确地将 HTML 显示出来<br> <p>这是另一个段落<br> 但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误</p> <h2 id="71html-折行">7.1HTML 折行</h2> <p>如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br> 标签：<br> <p>演示<br>段落<br>分行的效果</p></p> <h2 id="72html-输出--使用提醒">7.2HTML 输出- 使用提醒</h2> <p>我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。</p> <p>对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。</p> <p>当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。</p> <h1 id="8html-文本格式化">8.HTML 文本格式化</h1> <p><b>加粗文本</b><br><br><br> <i>斜体文本</i><br><br><br> <code>电脑自动输出</code><br><br><br> 这是<sub>下标</sub>和<sup>上标</sup></p> <h2 id="81html-格式化标签">8.1HTML 格式化标签</h2> <p>HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如：粗体 or 斜体</p> <p>这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。</p> <p>Remark 通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。</p> <p>然而，这些标签的含义是不同的：</p> <p><b> 与<i> 定义粗体或斜体文本。</p> <h1 id="9-html链接">9 HTML链接</h1> <p>HTML 使用超级链接与网络上的另一个文档相连。</p> <p>HTML中的链接是一种用于在不同网页之间导航的元素。</p> <p>链接通常用于将一个网页与另一个网页或资源（如文档、图像、音频文件等）相关联。</p> <p>链接允许用户在浏览网页时单击文本或图像来跳转到其他位置，从而实现网页之间的互联。</p> <p>本地连接： <a href="win常用命令.txt">本地链接</a><br><br></p> <p>外部链接：<a href="https://www.runoob.com/html/html-links.html">这是个外部链接</a></p> <h2 id="91-html-超链接链接">9.1 HTML 超链接（链接）</h2> <p>HTML使用标签 <a> 来设置超文本链接。</p> <p>超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。</p> <p>当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。</p> <p>在标签 <a> 中使用了 href 属性来描述链接的地址。</p> <p>默认情况下，链接将以以下形式出现在浏览器中：</p> <p>一个未访问过的链接显示为蓝色字体并带有下划线。<br> 访问过的链接显示为紫色并带有下划线。<br> 点击链接时，链接显示为红色并带有下划线。<br> 注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。</p> <h2 id="92html-链接语法">9.2HTML 链接语法</h2> <p>以下是 HTML 中创建链接的基本语法和属性：<a> 元素：创建链接的主要HTML元素是<a>（锚）元素。<a>元素具有以下属性：</p> <p>href：指定链接目标的URL，这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。<br> target（可选）：指定链接如何在浏览器中打开。常见的值包括 _blank（在新标签或窗口中打开链接）和 _self（在当前标签或窗口中打开链接）。<br> title（可选）：提供链接的额外信息，通常在鼠标悬停在链接上时显示为工具提示。<br> rel（可选）：指定与链接目标的关系，如 nofollow、noopener 等。</p> <p>链接的 HTML 代码很简单，它类似这样：</p> <p><a href="url">链接文本</a><br> href 属性描述了链接的目标。</p> <p>提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。</p> <p>文本链接：最常见的链接类型是文本链接，它使用 <a> 元素将一段文本转化为可点击的链接，例如：<br> <a href="https://www.runoob.com/html/html-links.html">这是个文本链接</a></p> <p>图像链接：您还可以使用图像作为链接。在这种情况下，<a> 元素包围着 <img> 元素。例如：</p> <p>锚点链接：除了链接到其他网页外，您还可以在同一页面内创建内部链接，这称为锚点链接。要创建锚点链接，需要在目标位置使用 <a> 元素定义一个标记，并使用#符号引用该标记。例如：<br> <a href="#section2">跳转到第二部分</a><br> <!-- 在页面中的某个位置 --><br> <a name="section2"></a></p> <p>​<br> ​ 下载链接：如果您希望链接用于下载文件而不是导航到另一个网页，可以使用 download 属性。例如：<br> ​<br> ​ <a href="document.pdf" download>下载文档</a></p> <h2 id="93-html-链接---target-属性">9.3 HTML 链接 - target 属性</h2> <p>使用 target 属性，你可以定义被链接的文档在何处显示。</p> <p>下面的这行会在新窗口打开文档：<br> <a href="https://www.runoob.com/" target="_blank" rel="noopener noreferrer">访问菜鸟教程!</a></p> <h2 id="94html-链接--id-属性">9.4HTML 链接- id 属性</h2> <p>id 属性可用于创建一个 HTML 文档书签。</p> <p>提示: 书签不会以任何特殊方式显示，即在 HTML 页面中是不显示的，所以对于读者来说是隐藏的。</p> <p>实例<br> 在HTML文档中插入ID:<br> <a id="tips">有用的提示部分</a></p> <p>在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：</p> <p><a href="#tips">访问有用的提示部分</a><br> 或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：</p> <p><a href="https://www.runoob.com/html/html-links.html#tips"><br> 访问有用的提示部分</a></p> <p>基本的注意事项 - 有用的提示<br> 注释： 请始终将正斜杠添加到子文件夹。假如这样书写链接：href="<a href="https://www.runoob.com/html" target="_blank">https://www.runoob.com/html</a>"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="<a href="https://www.runoob.com/html/" target="_blank">https://www.runoob.com/html/</a>"。</p> <h1 id="10html头部">10.HTML头部</h1> <h2 id="101html-元素">10.1HTML <head>元素</h2> <p><head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。</p> <p>可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。</p> <h2 id="102html-title-元素">10.2HTML <title> 元素</h2> <p>`html<br> <title> 标签定义了不同文档的标题。<br> <title> 在 HTML/XHTML 文档中是必需的。<br> <title> 元素:<br> 定义了浏览器工具栏的标题<br> 当网页添加到收藏夹时，显示在收藏夹中的标题<br> 显示在搜索引擎结果页面的标题<br> 一个简单的 HTML 文档:<br> 案例<br> <!DOCTYPE html><br> <html lang="en"><br> <head><br> <meta charset="UTF-8"><br> <title>文档标题在顶部


文档内容在正文


`

10.3HTML <base> 元素

标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:


文档标题在顶部

标签定义了文档与外部资源之间的关系。

标签通常用于链接到样式表:


10.5 HTML

10.6 HTML <meta> 元素

meta标签描述了一些基本的元数据。
标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。
META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
一般放置于 区域

10.6.1 为搜索引擎定义关键词:

10.6.2 为网页定义描述内容:

10.6.3 定义网页作者:

10.6.4 每30秒钟刷新当前页面:

10.7 HTML

21.2 HTML

<p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容（文本）来替代。

22 HTML 字符实体

HTML 中的预留字符必须被替换为字符实体。

一些在键盘上找不到的字符也可以使用字符实体来替换

22.1 HTML 实体

在 HTML 中，某些字符是预留的。

在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。 字符实体类似这样：
&entity_name;
或

&#entity_number;

如需显示小于号，我们必须这样写：< 或 < 或 <

Remark提示： 使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）

22.2 不间断空格(Non-breaking Space)

HTML 中的常用字符实体是不间断空格( )。

浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，您需要使用   字符实体。

22.3结合音标符

发音符号是加到字母上的一个"glyph(字形)"。

一些变音符号, 如 尖音符 ( ̀) 和 抑音符 ( ́) 。

变音符号可以出现字母的上面和下面，或者字母里面，或者两个字母间。

变音符号可以与字母、数字字符的组合来使用。

以下是一些实例:
音标符 字符 Construct 输出结果
̀ a à à
́ a á á
̂ a â â
̃ a ã ã
̀ O Ò Ò
́ O Ó Ó
̂ O Ô Ô
̃ O Õ Õ

22.4 HTML字符实体

实体名称对大小写敏感！

显示结果 描述 实体名称 实体编号
空格    
< 小于号 < <
> 大于号 > >
& 和号 & &
" 引号 " "
' 撇号 ' (IE不支持) '
￠ 分 ¢ ¢
£ 镑 £ £
¥ 人民币/日元 ¥ ¥
€ 欧元 € €
§ 小节 § §
© 版权 © ©
® 注册商标 ® ®
™ 商标 ™ ™
× 乘号 × ×
÷ 除号 ÷ ÷

虽然 html 不区分大小写，但实体字符对大小写敏感。
参考完整字符：https://www.runoob.com/tags/ref-entities.html

23 HTML 统一资源定位器(Uniform Resource Locators)

URL 是一个网页地址。

URL可以由字母组成，如"runoob.com"，或互联网协议（IP）地址： 192.68.20.50。大多数人进入网站使用网站域名来访问，因为 名字比数字更容易记住。

23.1 URL - 统一资源定位器

Web浏览器通过URL从Web服务器请求页面。

当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。

一个统一资源定位器(URL) 用于定位万维网上的文档。

一个网页地址实例: http://www.runoob.com/html/html-tutorial.html 语法规则:
scheme://host.domain:port/path/filename

说明:
scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 runoob.com
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称

23.2.常见的 URL Scheme

以下是一些URL scheme：

Scheme 访问 用于
http 超文本传输协议 以 http:// 开头的普通网页。不加密。
https 安全超文本传输协议 安全网页，加密所有信息交换。
ftp 文件传输协议 用于将文件下载或上传至网站。
file 您计算机上的文件。

23.3 URL 字符编码

URL 只能使用 ASCII 字符集.
来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。

URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。

URL 不能包含空格。URL 编码通常使用 + 来替换空格。
HTML ASCII 参考手册：https://www.runoob.com/tags/html-ascii.html

23.4URL 编码实例
字符

URL 编码
€ %80
£ %A3
© %A9
® %AE
À %C0
Á %C1
 %C2
à %C3
Ä %C4
Å %C5

HTML URL 编码参考手册：https://www.runoob.com/tags/html-urlencode.html

24 HTML速查列表

24.1 HTML 基本文档




文档标题


可见文本...

24.2 基本标签（Basic Tags）

最大的标题


. . .


. . .


. . .


. . .

最小的标题

这是一个段落。



（换行）
（水平线）

24.3 文本格式化（Formatting）

粗体文本
计算机代码
强调文本
斜体文本
键盘输入

预格式化文本

更小的文本
重要的文本

（缩写）

（联系信息）
（文字方向）
（从另一个源引用的部分）
（工作的名称）
（删除的文本）
（插入的文本）
（下标文本）
（上标文本）

普通的链接：<a href="http://www.example.com/">链接文本
图像链接： <a href="http://www.example.com/">替换文本
邮件链接： <a href="mailto:webmaster@example.com">发送e-mail
书签：
<a id="tips">提示部分
<a href="#tips">跳到提示部分

24.5 图片（Images）

<img src="URL" alt="替换文本" height="42" width="42">

24.6 样式/区块（Styles/Sections）

<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
<div>文档中的块级元素
<span>文档中的内联元素

24.7 无序列表

<ul>
<li>项目
<li>项目
</ul>

24.8 有序列表

<ol>
<li>第一项
<li>第二项
</ol>

24.9 定义列表

<dl>
<dt>项目 1
<dd>描述项目 1
<dt>项目 2
<dd>描述项目 2
</dl>

24.10 表格（Tables）

<table border="1">
<tr>
<th>表格标题
<th>表格标题
</tr>
<tr>
<td>表格数据
<td>表格数据
</tr>
</table>

24.11 框架（Iframe）

<iframe src="demo_iframe.htm">

24.12 表单（Forms）

<form action="demo_form.php" method="post/get"

<input type="text" name="email" size="40" maxlength="50">

<input type="password">

<input type="checkbox" checked="checked">

<input type="radio" checked="checked">

<input type="submit" value="Send">

<input type="reset">

<input type="hidden">

<select>

<option>苹果

<option selected="selected">香蕉

<option>樱桃

</select>

<textarea name="comment" rows="60" cols="20">

</form>

24.13 实体（Entities）

< 等同于 <
> 等同于 >
© 等同于 ©

25.HTML 标签简写及全称

https://www.runoob.com/html/html-tag-name.html

26.HTML 总结

本教程已教你如何使用 HTML 创建站点。
HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
HTML 的关键是标签，其作用是指示将出现的内容。

posted @ 2024-09-13 23:51  yu-ye  阅读(104)  评论(0)    收藏  举报