HTML基础

HTML基础

一、常用标签

1、标题标签

单词缩写：head头部。
为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即：

<h1>、<h2>、<h3>、<h4>、<h5>和<h6>。

其基本语法格式如下：

<hn>标题文本</hn>

注意：

1. 标题标签语义：作为标题使用，并且依据重要性递减
2. h1 标签因为重要，尽量少用，不要动不动就使用h1。一般h1都是给logo使用，或者页面中最重要标题信息。

2、段落标签

单词缩写： paragraph 段落 [pærəgræf]无须记这个单词
在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是：

<p>文本内容</p>

P是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

3、水平线标签

单词缩写： horizontal 横线 [ˌhɔrəˈzɑntl] 同上
在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，

---

就是创建横跨网页水平线的标签。其基本语法格式如下：

<hr />是单标签

4、换行标签

单词缩写：break 打断,换行
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签。

<br />

5、div span标签

div span是没有语义的，是我们网页布局主要的2个盒子css+div。

div就是division的缩写，分割、分区的意思，其实有很多div 来组合网页
span，跨度、跨距；范围
语法格式：

<div>这是头部</div><span>今天天气</span>

二、文本语义化标签

在网页中，有时需要为文字设置粗体、斜体或下划线效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。

三、图片标签

带有属性的标签。

1、标签属性

属性就是特性。比如：手机的颜色、手机的尺寸。总结就是手机的颜色是黑色，手机的尺寸是5.0寸。再比如：图片的宽度是300。
使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：

<标签名 属性1="属性值1" 属性2="属性值2" … >内容</标签名>

在上面的语法中，
1.标签可以拥有多个属性