JavaWeb学习之路(16)–HTML之标签的属性与内容-阿里云开发者社区

开发者社区> 程序员大阳> 正文

JavaWeb学习之路(16)–HTML之标签的属性与内容

简介: 本文目录 1. 前言 2. 标签的内容 3. 标签的属性 4. 标签的格式 5. 小结
+关注继续查看

1. 前言

都说了,HTML是超文本传输语言,之前讲述的内容还都在文本范围内,马上就要讲到一个超出文本的标签了——图像。


但在讲述图像标签的使用之前,我们先来了解下内容和属性的区别。


2. 标签的内容

内容是比较好理解的,就是标签中间包裹的部分,例如<h1>我的博客</h1>,中间的我的博客就是h1标签的内容。


内容是直接显示到网页上的东西,所以我的博客会在网页上直接显示。


3. 标签的属性

但是还有一种情况,就是一些信息并不会在网页上显示,但是也是需要提供的辅助信息。


例如之前接触到的设置网页为中文meta标签。


<meta charset="utf-8">

1

在这个例子中,utf-8表示一种编码方式,它是一个参数信息,用户告诉浏览器当前页面采用中文编码。


但是这个信息是没必要显示到网页上的,没必要让浏览器的用户看到,这种就叫做属性,属性一般是放到标签的开头部分的。


4. 标签的格式

所以,了解属性和内容之后,我们可以知道标签的格式,无非如下:


<label property="xxx">yyy</label>

1

对上面的内容,label是标签,yyy是内容,property是属性名,xxx是属性值。


5. 小结

本章主要是让大家了解下标签的属性与内容的区别,内容一般是显示到页面上的内容,而属性一般是提供一些附加的描述信息。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
注释标签|学习笔记
快速学习注释标签
19 0
从零开始学 Web 之 DOM(三)innerText与innerHTML、自定义属性
大家好,这里是「 Daotin的梦呓 」从零开始学 Web 系列教程。此文首发于「 Daotin的梦呓 」公众号,欢迎大家订阅关注。在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。
1055 0
从零开始学 Web 之 DOM(一)DOM的概念,对标签操作
大家好,这里是「 Daotin的梦呓 」从零开始学 Web 系列教程。此文首发于「 Daotin的梦呓 」公众号,欢迎大家订阅关注。在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。
1000 0
算法学习之路|部分A+B
正整数A的“DA(为1位整数)部分”定义为由A中所有DA组成的新整数PA。例如:给定A = 3862767,DA = 6,则A的“6部分”PA是66,因为A中有2个6。
885 0
文本格式标签|学习笔记
快速学习文本格式标签
26 0
HTML标签- 图像标签|学习笔记
快速学习HTML标签- 图像标签
24 0
Java校招学习之路的经验总结——《我的Java打怪日记》
不论科班还是非科班,不论大一还是研二,都可以看看,希望对你有所帮助。
8719 0
前端学习 -- Css -- 字体的几个属性学习
font-style可以用来设置文字的斜体 - 可选值: normal,默认值,文字正常显示 italic 文字会以斜体显示 oblique 文字会以倾斜的效果显示 - 大部分浏览器都不会对倾斜和斜体做区分,也就是说我们设置italic和oblique它们的效果往往是一样的 - 一...
811 0
+关注
程序员大阳
努力努力再努力
588
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载