HTML常用知识点

一、html语法和规范

1、所有的html都是以htm或者html结尾，建议使用html；

2、整个html页面由头和体组成；

3、html标签一般是有开始标签和结束标签来表示如，但是也有特殊的，如换行标签
；

4、html标签字母的大小写不敏感（不区分大小写），但是为了规范还是建议使用小写。

二、html常用标签学习；

1、标题标签（头部），标签，title标签也是头部标签，但是跟体部的h1标签不是一回事，等会实例说明。

2、标题标签（体），

，前面说过，这个是标题标签可以从1到6，每一级标签独占一行，且默认有字体大小的显示。

3、水平线标签，在html中添加一条横线。

4、段落标签

，将段落文字插入html中。

5、换行标签
，实现换行。

6、字体标签，中间可以添加文字。

7、加粗标签，对内容加粗。

三、html块级元素和行内元素

Margin(外边距) - 清除边框外的区域，外边距是透明的。

Border(边框) - 围绕在内边距和内容外的边框。

Padding(内边距) - 清除内容周围的区域，内边距是透明的。

Content(内容) - 盒子的内容，显示文本和图像。

1. 块状元素

块状元素代表性的就是div，其他如p、nav、 aside、 header. footer、 section、 article、 ul

li、 address等等， 都可以用div来实现。不过为了可以方便程序员解读代码，一般都会使用特定的语义化标签，使得代码可读性强，且便于查错。块状元素特征:

 (1)能够识别宽高

(2)margin和padding的上下左右均对其有效

(3)可以自动换行(4)多个块状元素标签写在一起，默认排列方式为从上至下

1. 行内元素

行内元素最常使用的就是span,其他的只在特定功能下使用，修饰字体和标签，还有_{和^{这两个标签可以直接做出平方的效果，而不需要类似移动属性的帮助，很实用。}}

行内元素特征: (1)设置宽高无效

(2)对margin仅设置左右方向有效，上下无效; padding设置 上下左右都有效，即会撑大空间

(3)不会自动进行换行

 

四、实体元素

HTML实体

在HTML中，某些字符是预留的。

在HTML中不能使用小于号(<) 和大于号(>)，这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符,我们必须在HTML源代码中使用字符实体(character entities)。

五、列表

HTML支持无序、有序和自定义列表

1.无序列表：

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于

标签。每个列表项始于
• 。

  
  Coffee
  Milk
  

  2.有序列表

  同样，有序列表也是一列项目，列表项目使用数字进行标记。

  有序列表始于

  标签。每个列表项始于
  1. 标签。

     
     Coffee
     Milk
     

     3.自定义列表

     自定义列表不仅仅是一列项目，而是项目及其注释的组合。

     自定义列表以

     标签开始。每个自定义列表项以

     开始。每个自定义列表项的定义以

     开始。

     
     Coffee
     Black hot drink
     Milk
     White cold drink