html知识 笔记,HTML基础知识笔记

HTML：Hyper Text Markup Language 超文本标记语言

它是用来描述网页的一种标记语言。

所谓超文本，有2层含义：

1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)

2.它还可以从一个文件跳转到另一个文件，与世界各地主机的文件链接(超级链接文本)

文档类型声明，作用就是告诉浏览器使用哪种HTML版本显示网页。告诉浏览器按照HTML5标准解析页面。

lang指定该html标签内容所用的语言。(1)en定义语言为英语 (2)zh-CN定义语言为中文

这个属性对浏览器和搜索引擎(百度、谷歌等)还是有作用的

字符集(characterset)是多个字符的集合，以便计算机能够识别和存储各种文字。

charset目前最常用的字符集编码方式是UTF-8，基本包含了全世界国家需要用到的字符。

如果不写可能引起乱码的情况。

作为标题使用，并且依据重要性递减。

特点：1.加了标题的文字会变粗，字号也会变大

2.一个标题独占一行

在HTML标签中，

标签用于定义段落，它可以将整个网页分为若干个段落

特点：段落和段落之间保有空隙

在HTML中，如果希望某段文本强制换行显示，就需要使用换行标签

特点：1.
是个单标签

2.
标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距

HTML中的文本格式化标签，使文字以特殊的方式显示粗体、斜体或下划线等：

语义

标签

加粗

或

倾斜

或

删除线

或

下划线

或

是没有语义的，是我们网页布局最主要的2个盒子

标签用来布局，但是现在一行只能放一个

盒子

标签用来布局，一行上可以多个小盒子

1.图像标签：

属性

属性值

说明

src

图片路径

必须属性

alt

文本

替换文本。图像不能显示

title

文本

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

Width＜/td>

像素

设置图像的宽度

Height＜/td>

像素

设置图像的高度

border

像素

设置图像的边框粗细

2.路径：

(1)相对路径：

相对路径分类

符号

说明

同一级路径

图像文件位于HTML文件同一级 如

下一级路径

/

图像文件位于HTML文件下一级 如

上一级路径

图像文件位于HTML文件上一级 如

相对路径是从代码所在的这个文件出发，去寻找目标文件的。

(2)绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。

在HTML中，标签用于定义超链接，作用是从一个页面链接到另一个页面。

(1)链接的语法格式：

两个属性的作用如下：

属性

作用

href

用于指定链接目标的url地址，(必须属性)当为标签应用href属性时，它就具有了超链接的功能

target

用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式

(2)链接分类：

1. 外部链接： 例如 < a href="http://  "> 百度。

2. 内部链接：网站内部页面之间的相互链接。 直接链接内部页面名称即可，例如 < a href=""> 首页 。

3. 空链接： 如果当时没有确定链接目标时，< a href=""> 首页 。

4. 下载链接： 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。

5. 网页元素链接： 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。

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

在链接文本的 href 属性中，设置属性值为 #名字 的形式，如 第2集

找到目标位置标签，里面添加一个 id 属性=刚才的名字 ，如：

第2集介绍

快捷键是： ctrl + /

或者 ctrl +shift + /

注释标签里面的内容是给程序员看的，这个代码是不执行不显示到页面中的。

添加注释是为了更好地解释代码的功能，便于相关开发人员理解和阅读代码，程序是不会执行注释内容的。