HTML标签

什么是标签

标签就是上面这些< head>、< body>、< table> 等被尖括号“<”和“>”包起来的对象,绝大部分的标签都是成对出现的,如< table>< /talbe>、< form>< /form>。标签对中的第一个标签是开始标签,第二个标签是结束标签,开始和结束标签也被称为开放标签和闭合标签;当然还有少部分不是成对出现的,如< br>、< hr>等。标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。

提前介绍什么是元素(对比)

很多人可能都没有把哪个叫标签,哪个叫元素这个概念搞清楚,学了一直都是混淆着。 为了避免这样的悲剧再发生,我在这里就提前区别,事实上两者之间的概念还是很清楚的

HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说,HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。

比如< p>这就是一个标签;< p>内容< /p>这就是一个元素,也就是说元素由一个开始的标签和结束的标签组成,用来包含某些内容;这里有一个值得注意的例外,即< br/>本身既是开始标签也是结束标签,但不包含任何内容,所以这只是个标签。

我们后面会有具体的章节来讲述元素,这里是为了避免概念与标签混乱先简单提一下。

常用的标签

我们知道,网页能实现各种各样的定制,实现各种各样的功能,反过来可以说明我们的标签种类是很多的,这样才能实现各种各样的功能及定义。而这里我们先讲四个最基本的标签

HTML标题 Heading 是通过 < h1> - < h6> 等标签进行定义的。 示例:

<h1>This is first heading</h1>
<h2>This is second heading</h2>
<h3>This is third heading</h3>

HTML段落 paragraph 是通过 < p> 标签进行定义的。 示例:

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML链接 链接 是通过 < a> 标签进行定义的。 示例:

<a href="http://www.php.cn">This is a link</a>

HTML图像 image是通过 <img> 标签进行定义的。 示例:

<img src="php.jpg" width="100" height="142" />

这里只是简单的展示四个常用的标签,至于具体使用方法及其他标签,我们会在后面章节具体讲述。这里还要补充的一点就是:HTML 标签对大小写不敏感:< P> 等同于 < p>。许多网站都使用大写的 HTML 标签。 W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。所以在之后的标签,还有属性的书写中我们一律采取小写。

继续学习
||
<h1>This is first heading</h1> <h2>This is second heading</h2> <h3>This is third heading</h3>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

弹指间学会HTML+CSS

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
扔个三星炸死你

扔个三星炸死你

看懂了。。。

3年前    添加回复 0

回复
这是啥

这是啥

这几个标签看明白了

3年前    添加回复 0

回复
你的名字

你的名字

标签都是预先定义好的,记住即可

3年前    添加回复 0

回复
城堡下的诡洞

城堡下的诡洞

h1到h6标签,用来做标题,挺好的

3年前    添加回复 0

回复
baby不要哭泣

baby不要哭泣

<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。

3年前    添加回复 0

回复

照片怎么添加进去的?

[最新 数据分析师 的回答]照片怎么添加进去的?-PHP中文网问答-照片怎么添加进去的?-PHP中文网问答围观一下哦,学习一下。

时间:3年前

什么情况下才用到标签的嵌套,例如<div><p></p></div>是什么意思,有什么作用?

[最新 数据分析师 的回答]什么情况下才用到标签的嵌套,例如是什么意思,有什么作用?-PHP中文网问答-什么情况下才用到标签的嵌套,例如是什么意思,有什么作用?-PHP中文网问答围观一下哦,学习一下。

时间:3年前

吃瓜群众

吃瓜群众

标签就是等被尖括号“<”和“>”包起来的对象; < p>这就是一个标签;< p>内容< /p>这就是一个元素,也就是说元素由一个开始的标签和结束的标签组成,用来包含某些内容;这里有一个值得注意的例外,即< br/>本身既是开始标签也是结束标签,但不包含任何内容,所以这只是个标签。

11个月前 0

雨果柏思HUGOBoss

雨果柏思HUGOBoss

test

1年前 0

check

check

标题 <h1>....<h6> 段落 <p></p> 链接 <a></a> 图片 <img>

3年前 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~