html的基本模板结构图

下面这张图让你从整体结构上对html有个把握与认识：

我们再来区分几个概念吧：

上面这张图的每一个节点都叫做html元素，html元素又叫做html标签，他们是不同的称呼，一样的意思。

标签分为两种格式：

1.双标签，需要首尾呼应的标签：<标签名></标签名>

2.单标签：<标签名>

至于meta是那种格式，div又是哪种格式，这就需要你在使用的过程中能够记住了，不过记不住也没关系，知道去哪里拷贝就行了。

html中经常牵涉到的几个概念或者几种叫法你要知道：

子元素

父元素

祖先元素

兄弟元素

容器级别元素：可以放其他元素

文本级别元素：只能放文本或图片

属性

注释:

html的基本模板结构图相关推荐

ESPCMS系统模板结构图
转载于:https://my.oschina.net/u/263424/blog/633378
大工21春《SQL数据库课程设计》模板及要求
远程与继续教育学院 <SQL数据库课程设计>大作业 ...
设计模式之职责链模式、减小了因为分支带来的耦合
1. 定义职责链模式(Chain of Responsibility):使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系.将这个对象连成一条链,并沿着这条链传递该请求,直到有一 ...
设计模式之命令模式、举例分析、通俗易懂
1. 定义命令模式(Command):将一个请求封装为一个对象,从而使你可用不同的请求对客户进行参数化;对请求排队或记录请求日志,以及支持可撤销的操作简单来说,就是类似于消费者-服务员-厨师,消费 ...
prd移动端通用产品需求文档+Axure高保真app社交订餐通用prd文档+产品业务说明+PRD功能性需求+移动端公工通用模板说明+需求分析+竞品分析+产品结构图+产品业务流程图+产品信息图+餐饮系统
作品介绍:prd移动端通用产品需求文档+Axure高保真app社交餐饮通用prd文档+产品业务说明+通用prd文档+移动端公工通用模板++全局说明+需求分析+竞品分析+产品结构图+产品业务流程图+产品 ...
php模板目录结构图,WordPress模板目录结构详细解读
本文主要为大家详细介绍WordPress模板目录结构文件,为什么需要了解WordPress模板目录结构呢?虽然WordPress是利用WordPress模板建站的,但是WordPress模板不可能全部 ...
基于C++模板类编程数据结构图的操作---注意error:2248的解析
由于其中采用了友元类的方式来进行图对数据结构的操作,但是编译不通过,报错error:2248----大概意思就是无法访问到类中的私有成员:进过查询找到了原因,自己虽然遵循了先声明类,再声明友元的顺序, ...
微信小程序模块化开发 include与模板开发 template
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 1. include 是引用整个wxml文件,我通常会配合js,css一起使用: 使用场景,需要封装 ...
模板模式（C++）【转】
模板模式(template) 在面向对象系统的设计和开发过程中,一定会有这样的情况:对于一些功能,在不同的对象身上展示不同的作用,但是功能的框架是一样的,这就是模板(template)模式的用武之地, ...

html的基本模板结构图

html的基本模板结构图相关推荐

最新文章

热门文章