HTML中span标签的作用是什么?

记得上次写博客的时候,我想突出一个“特别重要的短语”,所以就随意加了一个标签。
当时我并没有想太多,只是觉得这样读者一看就很容易理解。
事实证明这个东西是一个非常有用的小工具。
例如,在论坛中,如果有人使用标签来突出显示回复中的关键词,则整个帖子会更加清晰。
有时,当我阅读别人的文章时,我对那些用红色标记的特定错误或想法特别印象深刻。
就像你现在看这段话时,我用了“特别重要的词”这个标签。
是不是看起来很突出呢?等等,还有一件事。
有时标签标注的地方不对,要更改是很成问题的。
我突然想到,如果标签用得太多,文章会不会显得很复杂?

HTML标签,元素的属性怎么记啊?

2 002 年,我在这个城市,刚刚开始学习这门语言。
当时我对捷径的概念一无所知。
我看着这些body、p、br、img标签,一一背下来。
我尝试编写一个仅包含几个标签的简单文档:body 标签、p 标签和 br 标签。

我写:<><body>

这是我的第一段。

然后线路就断了。

</body></>
我尝试在浏览器中打开这个文档,确实看到了效果。
当时我的兴奋就像发现了一个新世界。

后来我逐渐学会了如何使用这些标签,比如在p标签中添加一些特殊字符如©、®等,这样就可以在网页上显示版权和注册商标符号了。

还记得有一天我在论坛上看到一个关于标签的问题,有人问如何插入图片。
然后,我通过编写一个 img 标签进行响应,然后将 src 属性设置为指向图像的路径。

有人评论这个问题:后来才知道插入图片原来这么简单。

当时我很困惑,因为我认为它会要求更多细节,如图像大小、对齐方式等。
但我想也许我有偏见。
每个人学习的起点不同,对问题的理解也不同。

回想起来,当年学习的时候,就像拼七巧板一样,一点一点地拼凑出整个网页的样子。
虽然这个过程中会有挑战,但每次写一个新标签并在浏览器中看到它时,那种成就感确实是难以形容的。

html的元素是什么

说实话,你对HTML元素的解释相当不错,但说实话,光看文字就有点干了。
当我学习 HTML 时,我是这样理解的 - 想象你正在写一封电子邮件。
你必须先写标题,例如“亲爱的”,这是开始标签,然后是正文内容“你好吗?”,最后写“祝愿”,这是结束标签。
整个标题、内容、祝福是一个完整的元素。

有趣的是,对于空元素,比如插入图片时,你只需要告诉浏览器图片在哪里(src="image.jpg"),而不必关心图片是什么样的,它会自己加载。
当我第一次使用网页编辑器时,我以为我必须像日记一样写一个开头和一个结尾,但我惊讶地发现img标签可以自己完成这一切。

说到属性,印象最深的是写表单的时候,比如输入框。
你可以写<input type="text" name="username">,这个name就是属性,告诉你这个输入框存储的是用户名。
当时我在写第一个注册页面的时候,把所有输入框的名字都搞混了。
结果,当用户提交数据时,一切都乱了。
调试了很长时间。
所以记得把属性名和属性值用引号括起来,别搞错了。

我记得的资料是,现在网页元素有上百种,但常用的只有十几种。
比如你搭建一个电商网站,肯定离不开
、 、 。
当我在做第一个项目时,我使用
(引用块)作为段落,结果页面完全混乱,因为浏览器对其进行了特殊处理。
后来我才知道,块级元素和行内元素是有明确划分的。

块级元素就像段落一样,会自动换行; 内联元素就像文本一样,被挤在一起。
例如,在撰写文章时,使用

表示段落,使用 表示列表,但使用 表示列表中的每个项目。
必须理解这种层级关系。

空元素的特殊性,说白了就是省事。
例如,写<input type="submit">就是一个按钮。
不需要为其写结束标签,直接结束即可。
我以前在Word文档中编写网页代码,它会自动为我完成标签。
结果我写了太多的结束标签,页面变得一团糟。
所以手工编写代码时要非常小心。

标签和元素的关系,我举一个小例子。
例如,写电子邮件时,标题是一个标签,标题加正文是一个元素。
你可以说“亲爱的”,这就是标签; 但要说“你好,亲爱的”,这就是要素。
你明白吗? 事实上,HTML的元素和标签类似于日常语言中的单词和句子。

属性最具欺骗性的是那些带有默认值的属性。
例如<input type="text">,浏览器默认为文本输入框,但你最好指定type="text",避免在不同浏览器中解析错误。
我使用IE浏览器进行测试,它经常将省略的属性视为默认值。
结果与 Chrome 中显示的结果不同,这很烦人。

简单来说,HTML元素是网页的构建块,标签是构建块的形状,属性是构建块的特殊功能。
练习得越多越好。
就像小时候搭积木一样。
一开始你很忙,但后来你就失去了控制。