HTML的入门

一、HTML

HTML(HyperText Markup Language,超文本标记语言)是一种用来告知浏览器如何组织页面的标记语言

超文本:就是超越了文本;HTML不仅仅可以用来显示文本(字符串、数字之类),还可以显示视频、音频等;

二、组成

我所说的这些都来自于官方文档;是有依据的;同学们可以跟着去查文档

HTML是一门标记语言,那他是由什么组成;具体应该怎样写是我们要讨论的问题;

HTML是由元素组成,这些元素可以用来包围或标记不同部分的内容,使其以某种方式呈现或者工作。(既然是参考文档,那我们应该在哪去查看HTML是由哪些元素组成?)

2.1标签与元素的不同

此部分来自于MMDN的官方学习文档;他详细阐述了标签与元素的不同

同志们可以直接搜索"开始学习HTML",就可以找到

我们所谓的这些HTML的这些元素;在HTML中就叫做标签;但是他俩又有准确的不同;我把图贴出来你们就明白了

2.2全局属性

如果您已经去了MMDN网站,查看了上述的文档;恭喜你,击败了90%的人;因为很多人分不清标签和元素的区别;

引子:有的同学会问,我打开,开发者工具里面有很多style="color:'red' font-size:'16px' " ;style被称为属性;我咋知道这个<P>标签里有什么属性?能控制什么?

答:菜鸟教程:https://www.runoob.com/tags/ref-standardattributes.html这就是HTML的全局属性;每个标签都有的通用属性;个别标签可能还会有特殊的属性;

它类似于C语言的int类型的属性,只能是4个字节,只能在空间上开4个字节内存,只能是整形,style后面附的值,就是在多少个枚举类型中选;现在,只是程序员把选择变成了自己敲代码

2.3事件属性

什么叫事件属性?

答:HTML标签在被用户点击或互动的时候;可以触发其对应的一系列反应的行为叫事件;HTML的标签拥有这个事件;叫做事件属性

比如:用户点击一下文件;文件就打开了,这叫点击事件;而我双击桌面,桌面没反应,说明桌面没有这个点击事件属性

事件属性与全局属性还是区分比较好;容易理解;

答:全局属性是标签自己的属性;而事件属性是拥有用户与标签互动时产生的反应的属性

2.4二次扩展

引子:问:老师,我们打开、开发者工具,有一段从头写到尾的模版;我想知道他的详细作用怎样办?

答:菜鸟教程:https://www.runoob.com/html/html-intro.html 非常详细;让我来解释也是如此;只不过我可能给您念一遍;用大白话再解释一下;

三、HTML

我们了解了HTML的标签;那他总结一下是什么?

答:以C语言为例子:int类型是一个在内存中开辟4个字节的整形变量的关键字;

HTML的标签:他是一个拥有全局属性与事件属性的,可以在让浏览器识别的东西

四、总结

讲到这,HTML就已经讲完了;那肯定说,老师你没讲<P> 标签,各种标签怎样使用啊?对的,你说的很对,那就需要诸位去阅读文档了;你们去B站随便搜一个前端学习开发视频;他会告诉你怎样开发,怎样开发;但是他绝对不会告诉你,我说的这些;我的这些东西看似无关紧要;可是如果你开发了1年之后;你再来看;体会绝对不一样;

当你们学习到一定的程度;你们总结的会比我更精炼;

相关推荐
NiceCloud喜云5 小时前
Opus 4.8 的 Effort Control 怎么选:Low 到 Max 五档策略
android·java·大数据·前端·c++·python·spring
wordbaby5 小时前
React Native + RNOH:跨页面数据回传的最佳实践与避坑指南
前端·react native
丷丩6 小时前
MapLibre GL JS第22课:查看本地GeoJSON
前端·javascript·map·mapbox·maplibre gl js
Front思7 小时前
AI前端工程师需要具备能力+
前端·人工智能·ai
ZC跨境爬虫8 小时前
跟着 MDN 学CSS day_29:(掌握文本与字体样式的核心艺术)
前端·css·ui·html·tensorflow
李子琪。9 小时前
网络空间安全深度实战:CSRF 漏洞原理剖析与基于 Token 的纵深防御体系构建(全栈实验报告)
前端·安全·csrf
冰暮流星9 小时前
javascript之history对象介绍
前端·笔记
IT_陈寒10 小时前
Vite热更新失灵?你可能漏了这个配置
前端·人工智能·后端
丷丩10 小时前
MapLibre GL JS第19课:实时更新要素
前端·javascript·gis·map·mapbox·maplibre gl js
Mr.Daozhi10 小时前
RAG 进阶实战:跑通 Demo 后我连续翻了 6 次车,逐一修复才真正可用(含 Gradio Web 版)
前端·数据库·langchain·大模型·gradio·rag·科研工具