前端与HTML 3 | 青训营

83 阅读2分钟

浏览器拿到HTML之后,会把HTML代码进行解析,解析出来一个DOM树。DOM树顾名思义,是一个树形结构.它包含文档的根节点叫document,里面有html节点,html里面又有head、body,head里有meta、title,body里有h1、p标签。这就是DOM树,把HTML代码转化成一个树形结构,里面的每个节点称之为DOM节点。对于自己写的页面,可以通过右键选择检查打开浏览器的调试工具,可以看到这样的树形结构。
HTML语法:

  • 标签和属性不区分大小写,推荐小写
  • 空标签可以不闭合,比如input、meta
  • 属性值推荐用双引号包裹
  • 某些属性值可以省略,比如required、readonly

标题标签有6种,从h1到h6共6个级别,h1表示一级标题,h2表示二级标题以此类推。在HTML默认的样式里面一级标题会大一些,其他的会小一些。 另一种标签是列表。HTML中关于列表有三类标签,第一类表示有序列表,即列表的每一项都是有顺序的,标签为<ol>,每一个列表项用<li>表示。第二类是无序列表,即每一项没有顺序,标签为ul,每一个列表项用<li>表示。第三类是定义列表,标签为<dl><dt>表示描述列表里面的标题,<dd>表示内容。
链接是用a标签表示,a最重要的属性就是href,即超链接的引用地址。target="_blank"表示新建一个窗口打开链接。
页面中也可以插入多媒体,比如图片、音频、视频。图片使用img标签,其中src表示图片的地址,当图片不能正常加载出来时,属性alt采用文本的方式表达图片信息。音频、视频标签中的control属性表示记载浏览器默认的播放控件,用于控制播放。