• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 前端学习第一步:HTML标签基本知识

发布时间:2019-07-15 17:51:42 浏览 7782 来源:博学谷资讯 作者:枫调

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

     

    前端学习第一步:<a href = 'https://www.boxuegu.com/news/631.html' target='_blank' style='color: #466de2;font-size: 14px'>HTML标签</a>基本知识

     

      常用元素

     

      HTMLHTML表示超文本标签语言,同时在代码中他主要是告诉浏览器,其自身是一个HTML文档,一般HTML标签出现,就表示网页来了,赶紧的解析展示出来。

      Bodybody定义的整个文档主体的主题部分,也是通过浏览器解析后用户的可见区域,一个HTML文件中只能存在一个body表现。

     

      常用块级元素

     

      P:即paragraph,表示文本的段落,段落通常在可视媒体中表示为文本块。

      Div:即division,其本身并不代表任何内容,主要用户标记区域将文档分割为不同部分。

      Brbr是空标签,表示换行。他常常被无用做p,我们后面需要介绍他与p的区别,并且说说他与闭合浮动之间的关系。

      h1--h6 :一级标题到六级标题。标题标签中的文本有固定的格式和大小。但是仅限于文本的标题。正文内容不建议采用。此外我们需要了解在各个浏览器中各个hmarginpaddingfont-size

      ul ol li:是和列表相关的标签。Li定义列表项目。ol表示有序列表,ul表示无序列表。

      dl dt dd:定义列表相当于词典里面词的解释就可以用这种列表

      hr:表示主体结束,而不完全是水平线

     

      常用行内元素

     

      aanchor,链接(锚点)<a>标签中最重要的属性是href属性。用于创建执行另外一个文档的链接。

      Span:无语义的行内元素,它可以对元素进行分组,使它们以不同的样式显示。

      em strong:内容强调,ememphasize)是做强调的,strong是用作重点强调的。

      bbold 表示文本的粗体展示,没强调的意思。

      iitalic 单纯的斜体。

      uunderline,单纯的加下划线。

      select optionselect创建可单选或多选的下拉菜单。其中potion定义了列表中的可用选项。

     

      其他还有很多没有展示出来的标签。都可以通过HTML参考手册查看。虽然在工作中我们一直说,关于任何语言的标签都不需要死记硬背,在使用的时候可以直接查看文档。虽然这个说法没错,但是你熟练使用这些标签的前提就是要了解他们,知道到底如何使用才有下一步去查看文档。所以对于这些非常基础的知识内容,最好还是能通过练习,熟练掌握到长在手上一样。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: 十本零基础小白入门C++必看书籍 下一篇: 你了解大前端吗?大前端的发展趋势如何?

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码