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>
注意:
注释不能嵌套:<!--<!--注释内容-->-->
需要使用英文符号。
问题来了:注释的意义是什么呢?
属性 标签 注释 元素 标记语言 图片 橘子 我喜欢 网页 图一
上一篇:Lang属性及Head元素嵌套元素
下一篇:返回列表