HTML（Hypertext Markup Language）是一种标记语言，用于描述网页的结构和内容。通过HTML，我们可以创建各种类型的标签（即HTML元素），并通过属性来控制这些元素的行为和外观。
在JavaScript中，我们可以通过访问DOM（Document Object Model，文档对象模型）来获取HTML标签的属性。DOM是一种用于操作HTML和XML文档的API（应用程序编程接口）。通过DOM，我们可以访问文档的各个部分，并对其进行修改。
下面是一些常用的JavaScript代码，用于获取HTML标签的属性：
### 1. 通过id获取元素
元素的id属性唯一标识这个元素。如果我们知道元素的id，我们可以使用以下代码来获取元素：
```javascript
var element = document.getElementById("myelement");
```
这将返回一个指向具有id“myelement”的元素的指针。我们可以使用这个指针来访问元素的属性，例如：
```javascript
console.log(element.innerHTML); // 获取元素的内容
console.log(element.style.color); // 获取元素的颜色样式
```
### 2. 通过标签名获取元素
我们还可以通过标签名来获取元素。以下是获取所有段落标签的示例代码：
```javascript
var paragraphs = document.getElementsByTagName("p");
```
这将返回一个NodeList对象，其中包含文档中所有的段落元素。我们可以使用以下代码来访问所有段落元素的属性：
```javascript
for (var i = 0; i < paragraphs.length; i++) {
console.log(paragraphs[i].innerHTML); // 获取元素的内容
console.log(paragraphs[i].style.backgroundColor); // 获取元素的背景颜色
}
```
### 3. 通过类名获取元素
我们可以通过类名来获取具有特定类的元素。以下是获取所有类为“myclass”的元素的示例代码：
```javascript
var elements = document.getElementsByClassName("myclass");
```
这将返回一个NodeList对象，其中包含具有类“myclass”的所有元素。我们可以使用以下代码来访问这些元素的属性：
```javascript
for (var i = 0; i < elements.length; i++) {
console.log(elements[i].innerHTML); // 获取元素的内容
console.log(elements[i].style.fontSize); // 获取元素的字体大小
}
```
### HTML中的块级元素和行内元素
HTML中的元素可以归为两类：块级元素和行内元素。块级元素在页面上显示为矩形块，并独占一行或一组行。块级元素通常用于显示页面的结构元素，如标题、段落和列表等。以下是一些常见的HTML块级元素：
-
-
：定义一个段落。
-
- ：定义标题。
-
- ：定义无序列表。
- ：表示列表中的项目。
-
：定义表格。
-
-
- ：定义有序列表。
-