Web入门基础-HTLM

<h1>这是一个标题</h1>
<h1>这是另一个标题</h1>

<tag att1=v1 attr2=v2>内容</tag>

<h1> to <h6>  定义 HTML 标题
<p>	          定义一个段落
<br>	      定义简单的折行。
<hr>	      定义水平线。
<!--...-->	  定义一个注释

del 定义被删除文本。
i   定义斜体文本
ins 定义被插入文本
sub 下标文字
sup 上标文字
u   下划线文本

form
input
...

iframe 嵌套外部网页
img    展示图像
area   标签定义图像映射内部的区域: https://www.runoob.com/try/try.php?filename=tryhtml_areamap
a      链接标签

ul     定义一个无序列表
ol     定义一个有序列表
li   定义一个列表项

table  标签定义 HTML 表格, 一个 HTML 表格包括 <table> 元素，一个或多个 <tr>、<th> 以及 <td> 元素。
tr     元素定义表格行，
th     元素定义表头，
td     元素定义表格单元

div    标签定义 HTML 文档中的一个分隔区块或者一个区域部分, 标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化
span   用于对文档中的行内元素进行组合 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式

<p>
<a href="#C4">查看章节 4</a>
</p>

<h2>章节 1</h2>
<p>这边显示该章节的内容……</p>

<h2>章节 2</h2>
<p>这边显示该章节的内容……</p>

<h2>章节 3</h2>
<p>这边显示该章节的内容……</p>

<h2><a id="C4">章节 4</a></h2>
<p>这边显示该章节的内容……</p>

document.getElementById('C4')
<a id=​"C4">​章节 4​</a>​

<p style="color:red;font-size:20px;">这边显示该章节的内容……</p>

<iframe src="//www.runoob.com" sytle="height: 200px;width: 400px;">
    <p>您的浏览器不支持  iframe 标签。</p>
</iframe>

<script> 标签用于定义客户端脚本，比如 JavaScript
<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件

// 通过src 网络引入
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>

// 通过本地文件引入
<script>
  import axios from 'axios';
</script>

<script>
c4 = document.getElementById('C4')
// <a id=​"C4">​章节 4​</a>​
c4.innerText
// '章节 4'
c4.innerText = '章节 5'
// '章节 5'
</script>