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

最新推荐文章于 2024-04-22 07:55:00 发布

酸奶`

最新推荐文章于 2024-04-22 07:55:00 发布

阅读量453

点赞数

分类专栏： WEB前端文章标签： html html5

本文链接：https://blog.csdn.net/weixin_43042023/article/details/106077419

版权

WEB前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

WEB前端—HTML基础笔记

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

HTML语法规范

1. &nbspHTML概述

2. &nbspHTML基本语法概述

3. &nbspHTML常见标签

文档查阅地址推荐

在这里插入图片描述

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></html>	HTML标签	页面中最大的标签，也称为根标签
<head></head>	头标签	注意在head标签中我们必须设置的标签是title标签
<title></title>	标题标签	让页面拥有一个属于自己的标题
<body></body>	主体标签	页面内容基本都是放在body中

2、文档类型声明标签。

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

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

3、段落和换行标签。

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

3、文本格式化标签。

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

3、图像标签。

标签名	定义
<img>	图像标签

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

3、超链接标签。

标签名	定义
<a>	超链接标签

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

连接分类：
   1、外部链接。例：<a href=“http://www.baidu.com”>百度一下</a>
   2、内部链接。例：<a href=“index.html”></a>
   3、空链接。例：<a href="#"></a>
   4、下载链接。例：<a href=“MP3.zip”></a>
   5、网页元素连接。例：<a href="#"></img src=“1.jpg”></a>
   6、锚点链接。点击连接能快速定位到页面中的某个位置。
      例：<a href="#id"></a>       <p id=“id”></p>

3、表格标签。

标签	定义
<table>	表格标签最外层
<tr>	表格的行
<th>	表头（内容加粗显示）
<td>	单元格（可以看做列）
<thead>	表格的头部区域
<tbody>	表格的主体区域

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