HTML基础

1 HTML基础知识

1.1 什么是计算机语言

人与人之间是通过语言进行交流，那么人和计算机之间如何交流呢？

计算机只知道“0”和“1”，所以我们就通过“0”和“1”这种语系来和计算机交流，这就是计算机语言。

机器语言对于人来讲太难以理解，编制程序太困难。

为了解决这个问题，我们将一串特定的“01”进行符号化，这就是汇编语言。

机器语言和汇编语言都是属于低级语言，即体现了机器的特性，而对于大多数不是计算机工程师的人来讲，还是太困难了。

高级语言：用类似英语加数学的符号来描述，最大程度屏蔽了机器特性，是的程序的阅读和编制变的越来越来容易。

计算机的“0”和”1“是通过电压高低表示。

常见的高级语言：C、C++、C#、java。

1.2 HTML是标记语言

什么是文本文件：只有文本内容，没有任何格式。

HTML（HyperText Marked Language）超文本标记语言。

超文本：不仅仅能表示文本信息，还能表示音视频、格式等等信息。

注释：

快捷键：ctrl+shift+/

形式：<!-- -->

作用：对代码进行说明，方便程序员阅读和理解。注释对于计算机的执行结果没有任何影响。

注释非常重要，代码正确是前提，但清晰也是一个非常重要的原则，程序员需要养成注释的好习惯。

基础标签

2.1 标题标签

标题（header）标签用于显示页面的标题信息。既包括了格式信心，同时提供了语义信息。

<h1>-<h6>六个等级。

2.2 段落标签

段落（paragraph）标签标示页面的一个段落,自动换行。

<p>

2.3 链接标签

链接标签<a>的作用是跳转，包括页内跳转和页间跳转。

（1）href属性指定了链接的目标URL，地址。

（2）target属性指定打开目标页面的方式，其取值包括

_self：在当前页面中打开，默认。

_blank：在新的页面打开。

（3）title属性指定提示信息。

页内跳转（锚点链接）

在目标标签处指定id="..."，在链接处中指定href="#..."

id属性是页面元素的唯一标识

“锚点“

2.4 图片标签

<img>在网页中嵌入图片

（1）src属性：图片资源的URL地址，可以是本地的，也可以是远程的。

（2）alt属性：即当资源不存在时，替代显示的文字内容。

路径

相对路径

绝对路径

“..”表示上一级目录

“.”表示当前目录

2.5 杂项

<span>：可以将部分文本独立出来。

<hr>：横线。

<br>：强制换行。

<base>标签为页面上的所有链接规定默认地址或默认目标。