在线客服
扫描二维码
下载博学谷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参考手册查看。虽然在工作中我们一直说,关于任何语言的标签都不需要死记硬背,在使用的时候可以直接查看文档。虽然这个说法没错,但是你熟练使用这些标签的前提就是要了解他们,知道到底如何使用才有下一步去查看文档。所以对于这些非常基础的知识内容,最好还是能通过练习,熟练掌握到长在手上一样。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
前端H5和移动Web课程学完能就业吗?
前端H5和移动Web课程学完能就业吗?如果学完前端H5和移动Web课程掌握相关的专业技能有一定的项目经验找一个初级程序员的岗位是没有问题的,但如果想要提高薪资需要再积累相关的项目经验。
7128
2019-08-14 15:48:58
前端与移动开发在线课程怎么样?有哪些优势?
前端与移动开发在线课程怎么样?有哪些优势?博学谷前端与移动开发在线课程是专门为零基础同学打造的就业课程。其教学模式既结合了线下教学的师生互动性,有融合了线上教学的便捷高效。下面让我们来看看前端与移动开发在线课程的具体优势。
6929
2019-08-29 13:02:07
为什么网站开发要重点考量浏览器兼容性?
作为前端开发工程师,在开发过程中不仅仅要考虑到移动端、小程序、APP等平台及产品,单单在PC端还要考虑各种浏览器的兼容性。为什么同样是浏览器,同样的产品展示的时候回出现不同的效果呢?除了每个浏览器本身开发架构不同之外,主要原因就是浏览器使用的内核不同。
8485
2019-12-03 18:51:40
Java转前端开发难吗?
自 Java转向前端以来,它一直在思考近年来前端的变化。之前将数据填充到 html的过程在 Service上完成, Service的模版引擎,如jsp、 velocity、 freemarker等,支持循环和条件判断。根据组件的概念,可以将一个页面或多个页面之间的相同部分提取为组件
6692
2020-06-22 16:47:58
前端互动学习模式有哪些优势?
前端互动学习模式不同于传统的线下面授课程,它可以让学习者充分利用碎片时间进行学习。而且,它也不同于以往的视频课程,只注重单向的知识灌输。相反它可以极大地驱动学习者的主动性积,让大家对所学的前端知识更加印象深刻。下面以博学谷的前端互动课堂为例,和大家好好聊聊前端互动学习模式的优势。
7326
2020-08-05 12:37:36
