15900627980

认识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>

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

图一

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元素嵌套元素

下一篇:新闻列表制作源码

I NEED TO BUILD WEBSITE

我需要建站

*请认真填写需求信息,我们会在24小时内与您取得联系。

十见(上海)网络科技有限公司 Copyright© 2014-2020 沪ICP备20008988号-2