HTML基础—标签

1.HTML简介

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

2.HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签

3.HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

4.h1-h6标题标签

作用:使文章出现标题

特性:

  • 文字加粗
  • 文字变黑
  • 自己占一行,h1最大,h6最小

HTML基础—标签HTML基础—标签

5.基本标签

<!--...--> 定义注释

<p>:定义段落

<br/>:插入单个折行(换行)

<b>和<strong> :加粗字体标签

<i>和<em> : 斜体标签

<s>和<del> : 删除标签

<hr> :水平线标签  (<hr color = "下划线颜色" width = "宽度" align = "对齐方式(left:左对齐 right:右对齐 center:居中对                  齐)"

 

​​​​​​​HTML基础—标签

HTML基础—标签

HTML基础—标签

HTML基础—标签

6.HTML属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息

属性总是以名称/值对的形式出现,比如:name="value"

属性总是在 HTML 元素的开始标签中规定。

属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。

属性 描述
class classname 规定元素的类名(classname)
id id 规定元素的唯一 id
style style_definition 规定元素的行内样式(inline style)
title text 规定元素的额外信息(可在工具提示中显示)

HTML基础—标签

HTML基础—标签

 

6.图片标签

图像标签(<img>)和源属性(Src):

在 HTML 中,图像由 <img> 标签定义。

<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

替换文本属性(Alt):

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

HTML基础—标签

HTML基础—标签

HTML基础—标签

HTML基础—标签

7.超链接标签

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

我们通过使用 <a> 标签在 HTML 中创建链接。

有两种使用 <a> 标签的方式:

  1. 通过使用 href 属性 - 创建指向另一个文档的链接
  2. 通过使用 name 属性 - 创建文档内的书签

 

href 属性规定链接的目标。

开始标签和结束标签之间的文字被作为超级链接来显示。

使用 Target 属性,你可以定义被链接的文档在何处显示。

_self: 默认在当前页面显示

_blank :打开新页面

 

外部链接:

HTML基础—标签

内部标签:

HTML基础—标签

HTML基础—标签

HTML基础—标签