前端开发基础---HTML

本文深入浅出地介绍了HTML的基本概念、语法结构及其与CSS、JS的关系,详细讲解了HTML的组成部分,包括HEAD和BODY,并探讨了注释、图片、链接、表单和内联框架的使用。此外,还阐述了DOM树的概念及其实现方式,解释了为何将HTML转换为DOM树的重要性。

本文主要包含
1.概述
2.HTML语法
3.HTML DOM

HTML和我们访问的网页有什么关系?

JS:为网页添加动态功能,提供美观的浏览效果
CSS:布局
HTML:字体,格式等
在这里插入图片描述

HTML源代码

超文本标记语言HTML(Hyper Text Markup Language)
在这里插入图片描述
HTML是什么?
HTML源码结构如何?
在这里插入图片描述
由HEAD和BODY两部分组成
在这里插入图片描述在这里插入图片描述
注释:在这里插入图片描述
图片:在这里插入图片描述
链接:
在这里插入图片描述
表单:用于页面内容提交,比如说登录账号密码
在这里插入图片描述
内联框架:
在这里插入图片描述

DOM

HTML和DOM树形结构有什么关系?
在这里插入图片描述
DOM是将HTML转换为DOM树,为什么要转为DOM树呢?
1.为了更直观的了解页面元素
2.通过javaScript,可以对HTML进行任意操作

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值