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

Posted 网页设计与实现

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了认识HTML元素属性及注释的概念相关的知识,希望对你有一定的参考价值。

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">


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>



注意:

注释不能嵌套:<!--<!--注释内容-->-->

需要使用英文符号。


问题来了:注释的意义是什么呢?

以上是关于认识HTML元素属性及注释的概念的主要内容,如果未能解决你的问题,请参考以下文章

html表单元素及表单元素详解

HTML基础总结(完整版)

HTML基础

Html 教程语法和属性

38.认识DOM及获取元素

js中,dom元素和节点的区别