HTML常用标签（一）

• HTML标题（heading）

          HTML 标题是通过<h1> - <h6> 标签来定义的.

    特点：

   1.加了标题的文字会变的加粗，字号也会依次变大；

   2.一个标题独占一行；

<h1>标题标签</h1>
<h2>标题一共六级选</h2>
<h3>文字加粗一行显</h3>
<h4>由大到小依次减</h4>
<h5>语法规范书写后</h5>
<h6>具体效果刷新见</h6>
              ---pink老师

 

请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。

 

• HTML段落（paragraphs）

         HTML 段落是通过标签 <p> 来定义的

   在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示

   特点：

   1.文本在一个段落中会根据浏览器窗口的大小自动换行

   2.段落和段落之间保有空隙

<p>这是一个段落</p>

 

• HTML链接（achor)

    HTML 链接是通过标签 <a> 来定义的，作用是从一个页面链接到另一个页面

<a href="https://www.baidu.com">这是一个链接</a>

 

默认情况下，链接将以以下形式出现在浏览器中：

• 一个未访问过的链接显示为蓝色字体并带有下划线。
• 访问过的链接显示为紫色并带有下划线。
• 点击链接时，链接显示为红色并带有下划线。

属性                                作用

href                 指定链接目标的url地址（必须属性）

target             指定链接页面的打开方式 _self是默认值，_blank是在新窗口打开

 

链接分类：

1.外部链接

2.内部链接

3.空链接

4.下载链接 .exe或.zip形式

5.网页元素链接（图片、视频、音频、表格)

6.锚点链接 ：点击链接时，可以快速定位到页面的某个位置

• 在链接文本的href属性中，设置属性值为#名字（名字可以随便写）形式，如<a href="#two">第2集</a>
• 找到目标位置标签，里面添加一个id属性=刚才的名字，如<h3 id="two">第2集介绍</h3>

 

• HTML图像（imge）

          HTML 图像是通过标签 <img> 来定义的.

   特点：单标签

   注意：

   1.图像标签可以拥有多个属性，必须写在标签名的后面

   2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开

   3.属性采取键值对的格式，即”属性=属性值“

<img src="..." art="..."  width="250" height="33" />

<--src是图像标签的必须属性!-->

属性               属性值                        说明

src                图片路径                  必须属性

alt                   文本                替换文本，图像不能显示的文字

title                 文本          提示文本，鼠标放到图像上，显示的文字

width              像素                   设置图像的宽度

height             像素                   设置图像的高度

border            像素                   设置图像的边框粗细

 

路径

• 相对路径 ：文件的相对位置

• 绝对路径：带域名的文件的完整路径

 

• HTML水平线

    <hr> 标签在 HTML 页面中创建水平线,用于分隔内容。

<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>

 

• HTML换行（break）

          <br/> 强制换行

    特点：

    1.单标签

    2.只是简单地开始新的一行，和p标签不同

• HTML文本格式化标签

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

  标签语义：突出重要性，比普通文字更重要。

  加粗：<strong></strong> 或<b></b>

  倾斜：<em></em>或<i></i>

  删除线：<del></del>或<s></s>

  下划线：<ins></ins>或<u></u>

• div和span标签

        <div>和<span>是没有语义的，它们是一个盒子，用来装内容。

        注意：

        1.<div>标签用来布局，但是一行只能放一个div，大盒子

        2.<span>标签用来布局，一行可以放多个span，小盒子

• HTML字符实体

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

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