前端小白初学HTML总结小记

277 阅读2分钟

前端小白初学HTML总结小记

接触前端4天,对于前端有一个大致的粗浅了解。
下面我说说自己的学习情况。

HTML是一种标记语言前端中主要是用来搭建网页的基本骨架相当于房子的框架,CSS则负责美化装饰页面的工作也就是装修,而JS要做的就是交互,还没有接触,我觉得可能会更像是智能家居,可以做到一定的交互效果。
HTML文件是由一系列的元素标签组成的。元素有:title、img、table等。HTML用标签规定元素的属性和它在文件中的位置。标签就是为了让计算机浏览器准确的读懂你给到计算机的信息,如< html >、< head >、< title >、< body >等。
列举目前接触到的大部分常用标签:

  • < !DOCTYPE html > :文档类型的声明标签

  • < heml >:根标签

  • < head >:头部标签

  • < titlt >:标题标

  • < body >:主体标签

  • < h1>-< h6 >:标题标签

  • < b >/< strong >:加粗标签

  • < p >:段落标签

  • 图像标签 :< img scr="图像路径"/ >

  • 超链接标签 :< a href="跳转目标"target="目标窗口的弹出方式" >文本或图像< /a >
    表格标签:

  • < table >:用于定义表格的标签。

  • < tr >:标签用于定义表格中的行,必须嵌套在< table >标签中。

  • < td >:用于定义表格中的单元格,必须嵌套在< tr >标签中。

  • < th >:表头标签,常用于表格第一行,突出重要性,表头单元格里面的文字会加粗居中显示。

  • < thead >:定义表格的头部。

  • < tbody >:定义格的主体部分。 列表标签:

  • < ul >:标签用于定义无序列表,一般会以项目符号呈现列表项,使用< li >标签来定义列表项。

  • < ol >:标签用于定义有序列表,列表排序以数字来显示,并且使用< li >标签来定义列表项。

  • < dl >、< dt >、< dd >:标签用于定义自定义列表 表单标签:

  • < form >:表单域,一个包含表单元素的区域。

  • < input >:表单控件(输入表单元素)

  • < label >:标签为input元素定义标注(标签)

  • < select >:下拉表单元素:

  • < textarea >:文本域元素

标签一般·成对出现后面比之前多一个/,有些标签是不成对出现的叫自闭和标签。