当前位置: 首页 > news >正文

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年之后;你再来看;体会绝对不一样;

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

http://www.lryc.cn/news/537763.html

相关文章:

  • Windows 安装 GDAL 并配置 Rust-GDAL 开发环境-1
  • IntelliJ IDEA 接入 AI 编程助手(Copilot、DeepSeek、GPT-4o Mini)
  • 【金三银四】分享数据库笔试题及答案~~
  • 3.1 AI Agent产品管理革命:从愿景定义到用户价值交付的全链路方法论
  • MySQL常见错误码及解决方法(1130、1461、2003、1040、2000、1049、1062、1129、2002、1690等)
  • Rhel Centos环境开关机自动脚本
  • 2D 游戏艺术、动画和光照
  • 基于SSM+uniapp的鲜花销售小程序+LW示例参考
  • 【第3章:卷积神经网络(CNN)——3.1 CNN的基本结构与工作原理】
  • java原子操作类实现原理
  • 网络安全-攻击流程-传输层
  • 【R语言】回归分析
  • 在分布式场景下可以使用synchronized加锁么?
  • LeetCodehot 力扣热题100 从前序与中序遍历序列构造二叉树
  • Day45(补)【软考】2022年下半年软考软件设计师综合知识真题-计算机软件知识1
  • luoguP8764 [蓝桥杯 2021 国 BC] 二进制问题
  • 图形渲染(一)——Skia、OpenGL、Mesa 和 Vulkan简介
  • 浏览器打开Axure RP模型
  • 【计算机网络】数据链路层数据帧(Frame)格式
  • 平面与平面相交算法杂谈
  • web集群(LVS-DR)
  • 更高效实用 vscode 的常用设置
  • win11 终端乱码导致IDE 各种输出也乱码
  • 对于简单的HTML、CSS、JavaScript前端,我们可以通过几种方式连接后端
  • Flutter中 List列表中移除特定元素
  • DeepSeek从入门到精通(清华大学)
  • 动态规划:解决复杂问题的高效策略
  • 【kafka系列】Kafka事务的实现原理
  • 网络将内网服务转换到公网上
  • c#自动更新-源码