HTML和CSS基本标签

HTML和CSS常用标签和基本使用

一、标签分类

1、块级元素

2、行内元素

二、标签的特点及作用

1、块级元素在浏览器中独占一行，两个块级元素不能一行显示，他们会自动换成两行，

2、块级元素可以设置宽高等属性。

3、行内元素可以多个在一行显示。

4、行内元素不能设置宽高属性，它的宽高是由元素中的内容多少而确定的，内容多则大由宽，内容少则小由窄。

常用的块级标签

1、标题标签

文档的标题, 有默认的外边距和字体大小。

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
           

2、段落标签

文档中的一个文字段落,含有默认的外边距。

<p></p>
           

3、盒子标签

文档中一块内容, 具有块元素基本特性, 没有其他默认样式。

<div></div>
           

4、超链接标签

​ 链接到另外一个网页, 默认文字蓝色, 有下划线。

<a herf="放入超链接的网址">
           

5、内联容器标签

没有默认样式，可以这样写。

<span></span>
           

6、图片标签

插入图片样式，可以设置宽高。

<img src="image/a.png" alt="">
           

总结

HTML是由用标签编写的，每个标签的功能有很多都是重复的。

p标签不能嵌套div。

标题标签用于设置标题，共6级。