认识HTML、元素、属性及注释的概念

发布于：11-19

1、HTML

HTML用来描述网页的内容和结构，由浏览器负责解析HTML转换成具体的图文界面。

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

（摘自W3school）

比如浏览器会将下边的HTML代码转换成图一的网页界面

<body>
<div>
<p>我喜欢的运动：</p>
<ul>
<li>游泳</li>
<li>跑步</li>
<li>羽毛球</li>
<li>乒乓球</li>
</ul>
</div>

<div>
<p>我喜欢的水果：</p>
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
<li>榴莲</li>
</ol>
</div>

<img src="https://img30.360buyimg.com/babel/s1180x940_jfs/t1/124597/26/12838/101837/5f640e68E2f0d0bed/2a3d4deb9391fa91.jpg.webp" alt="广告图" width="300">
</body>

图一

2、HTML元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

元素的书写格式：<开始标签>内容</结束标签>

或者表示为：<元素名>内容</元素名>

分为单标签和双标签：

单标签：如 <br>、<img>

双标签：如 <html></html>、<p></p>

标签不区分大小写

3、HTML属性

属性为 HTML 元素提供附加信息，总是在 HTML 元素的开始标签中规定。

<开始标签属性名1=“属性值1” 属性名2=“属性值2”>内容</结束标签>

<img src="https://img30.360buyimg.com/babel/s1180x940_jfs/t1/124597/26/12838/101837/5f640e68E2f0d0bed/2a3d4deb9391fa91.jpg.webp" alt="广告图" width="300">

上段代码中src、alt和width便是img标签的属性，表示该图片的地址、（图片无法显示时）替代文本、图像宽度，双引号内部表示该属性具体的值。

4、注释

注释是一段代码的说明。



注释是给开发者看的，浏览器并不会将注释显示给用户看。


<div>
<p>我喜欢的运动：</p>
<ul>
<li>游泳</li>
<li>跑步</li>
<li>羽毛球</li>
<li>乒乓球</li>
</ul>
</div>


<div>
<p>我喜欢的水果：</p>
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
<li>榴莲</li>
</ol>
</div>

注意：

注释不能嵌套：-->

需要使用英文符号。

问题来了：注释的意义是什么呢？

属性标签注释元素标记语言图片橘子我喜欢网页图一