基本语法:
1.HTML标签是由尖括号包围的关键词,例如<html>。
2.开始标签和结束标签成对出现,如<html>和</html>,称为双标签。
3.部分特殊标签单个出现<br/>,称为单标签。
标签关系:
双标签关系分为两类:包含关系和并列关系。
包含关系:
<head>
<title> </title>
</head>
并列关系:
<head> </head>
<body> </body>
基本结构标签:
标签名 | 定义 | 说明 |
<html></html> | HTML标签 | 页面中最大的标签:根标签 |
<head></head> | 文档头部 | head标签中必须设置title标签 |
<title></title> | 文档标题 | 设置网页的标题 |
<body></body> | 文档主体 | 含有页面内容 |
VSCode工具新增标签:
标签名 | 定义 | 说明 |
<!DOCTYPE html> | 文档类型声明 | 告诉浏览器用哪种HTML版本显示网页 |
<html lang="en"> | 选择语言 | zh-CN定义语言为中文,en为英语 |
<meta charset="UTF-8"> | 规定字符集 | 便于计算机识别和储存各种文字,若不写则会乱码 |
HTML常用标签:
标签名 | 定义 | 说明 |
<h1></h1>-<h6></h6> | 标题标签 | 一个标题独占一行,且加粗变大 |
<p></p> | 段落标签 | 自动换行,段落间保持空隙 |
<br/> | 换行标签 | 强制换行(break),单标签 |
<strong></strong> | 文本加粗 | |
<b></b> | 文本加粗 | |
<em></em>或<i></i> | 文字倾斜 | |
<del></del>或<s></s> | 删除线 | |
<ins></ins>或<u></u> | 下划线 | |
<div></div> | 分区 | 盒子。一个div独占一行。 |
<span></span> | 跨距 | 一行可有多个span。 |
<img src="图像URL"/......> | 图像 | src用于指定路径 |
图像标签的属性:
属性 | 属性值 | 说明 |
src | 图片路径 | 必要属性 |
alt | 文本 | 替换文本,图片不能显示的文字。 |
title | 文本 | 提示文本。鼠标放到图像上现实的文字。 |
width | 像素 | 宽 |
height | 像素 | 高 |
border | 像素 | 边框粗细 |