在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
HTML是进入互联网开发岗位的第一步。尤其是前端开发岗位与HTML的接触是最多的。根据HTML4版本的参考手册共计有89个标签(HTML5变动较大作为后期重点学习的知识内容)。每一个标签都有独特的意思。在刚开始学习的时候,追求的是记住标签,而在真正的工作运用中,一定要理解它。下面我们一起来看看其中最常用的一些HTML标签吧。

常用元素
HTML:HTML表示超文本标签语言,同时在代码中他主要是告诉浏览器,其自身是一个HTML文档,一般HTML标签出现,就表示网页来了,赶紧的解析展示出来。
Body:body定义的整个文档主体的主题部分,也是通过浏览器解析后用户的可见区域,一个HTML文件中只能存在一个body表现。
常用块级元素
P:即paragraph,表示文本的段落,段落通常在可视媒体中表示为文本块。
Div:即division,其本身并不代表任何内容,主要用户标记区域将文档分割为不同部分。
Br:br是空标签,表示换行。他常常被无用做p,我们后面需要介绍他与p的区别,并且说说他与闭合浮动之间的关系。
h1--h6 :一级标题到六级标题。标题标签中的文本有固定的格式和大小。但是仅限于文本的标题。正文内容不建议采用。此外我们需要了解在各个浏览器中各个h的margin、padding、font-size。
ul ol li:是和列表相关的标签。Li定义列表项目。ol表示有序列表,ul表示无序列表。
dl dt dd:定义列表相当于词典里面词的解释就可以用这种列表
hr:表示主体结束,而不完全是水平线
常用行内元素
a:anchor,链接(锚点)<a>标签中最重要的属性是href属性。用于创建执行另外一个文档的链接。
Span:无语义的行内元素,它可以对元素进行分组,使它们以不同的样式显示。
em strong:内容强调,em(emphasize)是做强调的,strong是用作重点强调的。
b:bold 表示文本的粗体展示,没强调的意思。
i:italic 单纯的斜体。
u:underline,单纯的加下划线。
select option:select创建可单选或多选的下拉菜单。其中potion定义了列表中的可用选项。
其他还有很多没有展示出来的标签。都可以通过HTML参考手册查看。虽然在工作中我们一直说,关于任何语言的标签都不需要死记硬背,在使用的时候可以直接查看文档。虽然这个说法没错,但是你熟练使用这些标签的前提就是要了解他们,知道到底如何使用才有下一步去查看文档。所以对于这些非常基础的知识内容,最好还是能通过练习,熟练掌握到长在手上一样。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
Web前端技术分享:移动端页面重构
由于移动互联网的发展,我们在移动端消耗的时间越来越多,因此很多PC端的服务不断的转移到移动端,同时由于移动端的多平台话,也需要用到移动端页面的重构。作为一个web高级开发工程师而言,掌握移动端页面重构技术,会为自己增加更多的就业机会。
12749
2019-07-03 18:03:04
微信小程序前端怎么做?新手开发入门教程
在大家的实际生活中,微信小程序随处可见。想必大家都多多少少学习过微信小程序,或者尝试开发微信小程序,那么微信小程序前端怎么做呢?本文是一个新手开发入门教程,希望给前端的小伙伴开发小程序,提供一点帮助。
13212
2019-09-05 17:48:42
前端开发CSS清除浮动的方法有哪些?
在前端开发过程中,非IE浏览器下,当容器的高度自动,并且容器内容中有浮动元素(float为left或right),此时如果容器的高度不能自适应内容的高度,从而使得内容溢出破坏整体布局,这种现象叫做浮动溢出,为了方式这个现象的发生,就需要对CSS样式进行处理,而这个过程就叫做CSS清除浮动。现在常用的CSS清除浮动的方法有哪些呢?
8777
2019-10-30 18:55:42
企业级微信小程序开发实战学什么?
小程序无需安装或者卸载,不占用手机内存不受手机系统的限制一触即用。小程序目前入口不少于50个,且能覆盖附件的微信用户;与线上引流相结合,具备强大的传播能力。因此掌握微信小程序开发技能必不可少。
7540
2020-01-03 16:33:33
微前端开发常见问题汇总
前端应用可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具而是一套架构体系。其在开发中会有各种问题.
7718
2020-10-15 11:07:56
热门文章
- 前端是什么
- 前端开发的工作职责
- 前端开发需要会什么?先掌握这三大核心关键技术
- 前端开发的工作方向有哪些?
- 简历加分-4步写出HR想要的简历
- 程序员如何突击面试?两大招带你拿下面试官
- 程序员面试技巧
- 架构师的厉害之处竟然是这……
- 架构师书籍推荐
- 懂了这些,才能成为架构师 查看更多
扫描二维码,了解更多信息
