酸奶`

WEB前端进阶之路——HTML基础笔记

WEB前端—HTML基础笔记

HTML语法规范

1. HTML概述
2. HTML基本语法概述
3. HTML常见标签

文档查阅地址推荐
HTML概述
HTML基本语法概述
HTML常见标签
HTML中特殊字符

HTML语法规范

1. HTML概述

2. HTML基本语法概述

3. HTML常见标签

文档查阅地址推荐

HTML概述

HTML(Hyper Text Markup Language)称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

HTML基本语法概述

	1、HTML标签是由尖括号包围的关键词，例如<html>。
	2、HTML标签通常是成对出现的，例如<html>html>，称为 双标签。第一个
	标签为 开始标签，第二个标签为 结束标签。
	3、有些特殊标签必须是单个标签，例如 <br />，我们称为 单标签。
	4、标签关系可以分为两类：包含关系 和 并列关系。
		包含关系：					并列关系：
			<head>						<head> head>
				<title> title>		<body> body>
			head>

HTML常见标签

1、每一个页面都会有一个基本的结构标签（骨架标签）。

标签名	定义	说明
	HTML标签	页面中最大的标签，也称为根标签
	头标签	注意在head标签中我们必须设置的标签是title标签
	标题标签	让页面拥有一个属于自己的标题
	主体标签	页面内容基本都是放在body中

2、文档类型声明标签。

标签名	定义	说明
	文档类型声明	作用为告诉浏览器使用哪种HTML版本来显示网页
	html5文档声明	代表当前页面采取的是HTML5版本来显示网页

注意
声明位于文档中的最前面的位置，处于标签之前。
不是一个HTML标签，它就是文档类型声明标签。

3、段落和换行标签。

标签名	定义	语义
	段落标签	把HTML文档分为若干个段落。
	换行标签	另起一行

3、文本格式化标签。

标签名	语义	说明
或	加粗	推荐使用strong标签
或	倾斜	推荐使用em标签
或	删除线	推荐使用del标签
或	下划线	推荐使用ins标签

3、图像标签。

标签名	定义
	图像标签

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本，当图片不能显示时显示的文字
title	文本	提示文本，当鼠标悬停在图片上提示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	像素	设置图像边框粗细

3、超链接标签。

标签名	定义
	超链接标签

属性	属性值	说明
href	跳转目标	用于指定连接目标的url地址，必须属性
target	_self 或 _blank	用于指定连接页面的打开方式，_self 在原窗口打开（默认）_blank在新窗口打开

连接分类：
   1、外部链接。例：百度一下
   2、内部链接。例：
   3、空链接。例：
   4、下载链接。例：
   5、网页元素连接。例：
   6、锚点链接。点击连接能快速定位到页面中的某个位置。
      例：

3、表格标签。

标签

定义

表格标签最外层

表格的行
		表头（内容加粗显示）
		单元格（可以看做列）

表格的头部区域

表格的主体区域

属性	属性值	说明
align	left、center、right	规定表格相对周围元素的对齐方式
border	像素	表格边框属性，默认为0px，表示没边框
cellpadding	像素	单元格内容与单元格边框的距离，默认为1px
cellspacing	像素	单元格与单元格之间的距离，默认为2px
width	像素、百分比	表格宽
height	像素、百分比	表格高