HTML基本语法

目录

标签

标签区分

标签属性

标签之间对空白换行缩进不敏感

文本的空白折叠现象


标签

  1. 标签名必须书写在一对尖括号<>内部。
  2. 标签分为单标签和双标签,双标签必须成对出现,有开始标签和结束标签。
  3. 结束标签必须有关闭符号/。
  4. 根据标签内部存放的内容不同,将不同的标签划分为两个级别

存放内容的地方

单标签

双标签

img

h1-h6

br

div

hr

span

p

a

ul+li

标签区分

根据标签的种类区分两个等级,分别是容器级和文本级

容器级:元素内部除了可以存放文本之外,还可以嵌套标签

文本级:元素内部只能存放文本或者文本级标签

容器级标签

文本级标签

div,ol,ul,li,dl,dt,dd,h1-h6

span,img,b,u,i

标签属性

标签属性是标签身上的一些特殊性质,通俗讲,给标签加上某个属性就相当于给标签赋予了职能,前提是标签必须具备这些职能

  1. 书写位置:在开始标签或单标签的标签名后面,添加一个空格,空格后面书写属性。
  2. 属性包含属性名(key)和属性值(value)两部分,根据英文表示,习惯将属性写法称为键值对写法,标签属性的键值对写法是:k=”v”

标签之间对空白换行缩进不敏感

文字的位置不会根据书写标签位置决定,而是根据标签的种类决定

  1. 标签与其他标签之间对空白、换行、缩进等不敏感,有没有空白不影响浏览器加载效果
  2. HTML语法中,认识标签的开始和结束,不论有没有换行都只认标签开始结束
  3. 标签之间还认识嵌套关系
  4. 在书写过程中,为了让代码是容易解读的,建议进行合理的换行和缩进
  5. 在上传代码过程中,为了提高传输速度,可以将代码进行压缩,删除多余的空白,目的就是问了压缩文件的大小

文本的空白折叠现象

在普通文字之间,如果有空格、换行、缩进导致的空白,在浏览器中加载时会被折叠成一个空格显示,这就是空白折叠现象

一些空白要想在浏览器中正常显示,需要使用一些替换写法书写不同的空白。

空格:可以使用字符实体替换书写,在代码中书写   替换空格

换行:可以使用br单标签进行书写

        你好                           我是靓仔

上面你好之后的多个空格会被折叠为一个空格,这种现象叫做空白折叠现象 

注意:如果需要给文本增加多个空格需要使用字符实体 

        你好       我是靓仔

(部分文案参照马士兵教育相关课程)

你可能感兴趣的:(html,前端)