4. html元素的父子关系

HTML教程入门

html元素的父子关系:通过这个例子我马上就想到了制作可折叠的下拉菜单的方法.原来我是通过给子结点设置id属性,然后根据用户的点击行为来控制它的显隐。父子关系,我们在上一节课中,我们也涉及到父子关系,今晚这节课我讲得更加详细一点。

族谱

descendant ancestor sibling

cascade correlation

级联关系(父子关系)

1、里面的所有元素都是html的子辈,子辈缩进,有些程序员不会做缩进,为了节省网页大小;

h1元素是body元素的子辈;

h1元素的子辈:

…………

span元素是h1元素的子辈,放过来h1元素是span的父辈;
通常span是为了加样式,比如我要项目内容蓝色;
span的爷辈是html,但我们不能够这样说,比较正规的说法是:Ancestor或 Descendant,前辈或后辈
span的前辈是body,

h1和p的关系:sibling(同属)的;

2、必须要懂得关系,日后使用javascript特别重要;

1、dl元素和p元素是sibling

接近10年的互联网从业经验,精通Scrum敏捷软件开发的方法,从事互联网产品设计,开发,测试,运营,案例不少于20个,发现自己最喜欢的工作是做外贸营销,外贸SEO,特别喜欢谷歌优化。从2017年3月开始坚持在群161510483直播谷歌SEO和WEB前端开发技术,只要加进来坚持学习零基础也能够学会。

Last modified: 2019年7月28日

Previous Story

HTML教程入门

3. html列表:无序和有序列表

html列表:无序和有序列表表示一个内可含多个元素的无序列表或项目符号列表,无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记,无序列表始于ul标签,每个列表项始于li.

...

Next Story

HTML教程入门

5. html标题和引用

html标题标签:heading,html引用标签:blockquote为你的HTML文档定义标题,HTML 标题标题Heading是通过h1到h6 标签进行定义的.

...