HTML基础知识

目录

什么是HTML？

段落

 HTML 链接

         HTML 链接 - name 属性

         命名锚的语法：

图像

实例

HTML 图像

实例

HTML 元素

---

一、什么是HTML？

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

 

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

HTML 指的是超文本标记语言: HyperText Markup Language

HTML 不是一种编程语言，而是一种标记语言

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 文档包含了HTML 标签及文本内容

HTML文档也叫做 web 页面

使用软件

Notepad++：https://notepad-plus-plus.org/

二、段落

 

<p>这是一个段落。</p> <p>这是另外一个段落。</p>

三、HTML 链接

1.HTML 超链接（链接）

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

 

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

 

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

 

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

 

通过使用 href 属性 - 创建指向另一个文档的链接

通过使用 name 属性 - 创建文档内的书签

 

2.HTML 链接 - name 属性

name 属性规定锚（anchor）的名称。

 

您可以使用 name 属性创建 HTML 页面中的书签。

 

书签不会以任何特殊方式显示，它对读者是不可见的。

 

当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

 

3.命名锚的语法：

<a name="label">锚（显示在页面上的文本）</a>

 

四、图像

 

图像标签（<img>）和源属性（Src）

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

 

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

 

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

例如，RGB（255,0,0）显示为红色，因为红色是它的最高值（255）和其他的设置0。在HTML中，颜色也可以被指定为一个RGB值，用此公式: rgb(red, green, blue)每个参数 (red, green, and blue) 定义颜色在0和255之间的强度.

显示颜色为黑色，所有颜色参数必须设置为0，这样：RGB（0,0,0）。

显示白色，所有颜色参数必须设置为255，这样：RGB（255,255,255）

实例

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

五、HTML 图像

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

实例

<img src="/images/logo.png" width="258" height="39" />

六、HTML 元素

开始标签 *	元素内容	结束标签 *
<p>	这是一个段落	</p>
<a href="default.htm">	这是一个链接	</a>
<br>	换行

*开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）