10.4 练习题

1.对div和span标签的理解?

div是块级元素,在没有任何布局属性作用时,默认排列方式是换行排列。

span是行内元素、内联元素,在没有任何布局属性,默认是同行排列。

2.如何理解标签的嵌套结构?它们的规则是怎样的?

块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素。

块级元素不能放在p标签里面。

有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:h1、h2、h3、h4、h5、h6、p。

3.如果给你一个网站,让你只用div来画块的画,如何画?比如京东

导航栏

主题栏

内容栏

脚部栏

4.一个html文件包含几部分?

在这里插入图片描述

5.当使用p标签的使用,应该注意什么?

p标签是块级元素,要注意的是他里面不嵌套块级元素,只能包含内嵌元素。

6.阐述一下form标签的作用?form标签的属性有哪些?

form标签是用来进行表单提交用的。

form标签里面的常见属性如下

action: 表单提交的地址, 肯定是要提交给某个服务器的,action的地址就是要提交的服务器的地址
method:以何种方式提交,常见的为get和post. 区别在于一个是明文(在url中显示),一个是暗文

7.ul的孩子元素一定是li么?

不一定,ul是无序列表,块级元素,它可以包含,其它块级元素以及内嵌元素。

8.如何理解语义化的标签?

语义化的主要目的在于,直观的认识标签(markup)和属性(attribute)的用途和作用,可以概括为:用正确的标签做正确的事情。

html语义化可以让页面的内容结构化,便于浏览器解析,便于搜索引擎解析,并提高代码的可维护度和可重用性。

比如,尽可能少的使用无语义的标签div,使用结构化标签<header>、<section>、<footer>

9.标签的分类

块级标签:div、p、ul、li、ol、dd、dt、address、dir、table、dl、fieldset、form、menu、noframe、h1-h6、hr、pre

行内标签:a、b/strong、bdo、big、small、br、cite、em、font、i、img、input、kbd、label、select、span、sub、sup、textarea

行内块标签:img、input

发布了695 篇原创文章 · 获赞 162 · 访问量 25万+

猜你喜欢

转载自blog.csdn.net/weixin_43336281/article/details/104648501
今日推荐