整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

网页前端设计-07Html基础-序列ul和ol

<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

序列定义:

文字前面的符号或者序列

特点:

块元素 ,独立成行,行间距 , 行缩进

类别:

包括两种,一种是有序的叫ol,一种是无序的ul

两者共同点:

这两个都同样嵌套li。

无序标签属性 :

type disc 实心圆(默认属性) circle空心圆 square实心四方

有序标签属性:

type =1 a A i I

start="n"从第n个数开始计数

嵌套关系,UL可以嵌套UL,原则是继续缩进

TML我们也学了那么久了,是时候看一些面试题了,毕竟学习完找工作要面试,你工作能力再强,面试这一关还是要过得。所以面试题占了很重要的成分。下面我来总结一部分,尽量全面一些,既要接近我们所学,又要满足真实面试场景。

1、请说出XHTML和HTML的区别

答: 1、文档顶部doctype声明不同,xhtml的doctype顶部声明中明确规定了xhtml DTD的写法;

2、html元素必须正确嵌套,不能乱;

3、属性必须是小写的;

4、属性值必须加引号;

5、标签必须有结束,单标签也应该用 “/” 来结束掉;

2、请写出至少5个HTML块元素标签

答: div p ul li table h1 h2 h3 ... h6 form 等

3、请写出至少5个HTML行内元素标签

答:span a i label img input button textarea select 等

4、请写出table标签下面会包含哪些标签元素

答: tr th td thead tbody tfoot 等

5、很多网站不常用table iframe这两个元素,知道原因吗?

答:因为浏览器页面渲染的时候是从上至下的,而table 和 iframe 这两种元素会改变这样渲染规则,他们是要等待自己元素内的内容加载完才整体渲染。用户体验会很不友好。

6、jpg和png格式的图片有什么区别?

答: jpg是有损压缩格式,png是无损压缩格式。所以,相同的图片,jpg体积会小。比如我们一些官网的banner图,一般都很大,所以适合用jpg类型的图片。但png分8位的和24位的,8位的体积会小很多,但在某些浏览器下8位的png图片会有锯齿。

7、请用html知识解决seo优化问题

答: 网站上线应该设置TDK

TDK就是 :

然后就是html语义化标签,要简洁,合理,这样可以在css和js加载不全的时候,使我们的html文档尽量清晰的展示出来,而不会特别乱;

8、常用浏览器有哪些,内核都是什么?

答: 常用浏览器有 IE 火狐(firefox) chrome safari 360 搜狗 等

内核:IE的是 Trident

火狐的是 Gecko

chrome和safari 用的是 Webkit

360和搜狗这些分极速模式和兼容模式,极速模式用的Webkit的内核,兼容模式用的Trident内核。

9、请至少写出5个H5的新标签

答: header nav footer canvas datalist article mark

10、a标签在新窗口打开链接怎么加属性?

答: <a target="_blank">链接</a>

11、写了2个<a>标签,两个标签之间有空格的情况遇到过吗?

答:遇到过,一般换行写的时候会出现这种情况。代码:

<a>我们</a>

<a>你们</a>

这样“我们”和“你们”之间就会有明显的空格,如图:

怎么样,是不是空格挺明显的。

解决办法就是不换行写,把两个a标签写在一行里。

12、form标签上定义请求类型的是哪个属性?定义请求地址的是哪个属性?

答:form表单定义请求类型的是 method 属性 , 定义请求地址的是 action属性

好啦,基本上html这部分面试题就这么多,肯定还有没有总结到的,这些面试题一定要会,甚至比我总结的多了更好。喜欢文章的小伙伴记得关注公众号:书软

tm是超文本标记语言简称,英文全名是“Hyper Text Markup Language”,是构成网站网页文档主要语言,它是一种标记语言而不是编程语言,是由一套标记标签来描述网页内容,这些内容主要由浏览器解释(展示给网站访客),同一个html文件如果不加处理对于不同的浏览器显示不同的效果导致出现浏览器兼容问题,处理浏览器兼容问题其实就是要处理同一html文件在不同浏览器显示不同效果的问题。

html从1993年诞生25年以来从当初1.0发展现在5.0(html5),而html5经过近几年的发展现在已经十分火热了,现在网页布局方法基本上都是“div+css”,传统的table布局现在用的已经很少只有一些特殊功能页面才会用到table布局比如说调查问卷。下面就为大家介绍“学好html语言需要掌握什么?前端工程师需要明白什么?”

打好基础

1、打好基础

这里说的基础主要是指熟练使用DIV+ CSS的基础内容,熟悉使用常用的标签div、p、span、ul、li等,熟练掌握css常用设置效果比如说图文混排、图文环绕、背景设置、段落文字等,有兴趣可以研究css高级使用方法(滤镜、特殊定位等),只有熟练掌握好了这些内容对于以后做工作才能得心应手。

持续学习

2、持续学习(向大牛学习)。

基础内容一般7到10天就可以掌握,一百个个人写同一个页面有一百种不同的方法,有的人可以用最少的代码写出很复杂的效果而且兼容问题很少,这就要求我们自己要不断去琢磨方法和学习提高自己能力,最简单的办法学习大牛们的代码是怎么写的,最简单你可以拿四大门户页面代码好好研究研究,如果能静下心来去研究相信你会收获不少。

沟通

3、与同事(特别是后端)沟通

web开发想要达到最终的结果,前端和后端必须需要相互沟通,打个比方前端页面是货架,而后端就是放在货架上的商品,和同事沟通不仅仅可以使工作减少不必要的麻烦(特别是返工)也可以让在沟通中学习更多的东西,所以多跟同事沟通对我们绝对是由很多益处的。

清楚将来发展

4、清楚将来发展。

web前端可以分为初级、中级、高级,初级绝对要熟练掌握div+css,中级要熟练掌握js,重点是掌握Jquery、angularJS。高级要掌握掌握面向对象编程思想、初级网站安全知识、配合后台开发人员实现产品界面和功能等,也有一部分转成专职程序员了,所以对于自己未来发展自己要规划清楚,杜绝稀里糊涂,要一天比一天好。