HTML
1.HTML是什么？
HTML:hyper text markup language超文本标记语言
hyper：超级、text：文本、markup：标记、language：语言
超文本：超越文本，超链接文本
不是编程语言，而是一种标记语言
2.HTML文档结构
2.1基本骨架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
2.2标签的分类
根据标签是否关闭，分为，关闭型和非关闭型
关闭型：有结束标签，即标签成对出现
<html></html>
<head></head>
<title></title>
非关闭型：没有结束标签
<br>
<img>
<hr>
块级标签：独占一行，显示为块状
<div></div>
<p></p>
<hr>
内联标签：不独占一行，可与其他内容在同一行显示
<br>
<img>
<hr>
标签 含义
< !DOCTYPE html > 声明文档类型 供浏览器解读
html 根标签，包含头部和主体部分
head 文档的头部，提供标题、文档类型、字符编码等
body 文档的主体，提供网页的显示内容
title 文档的标题
2.3基本属性
属性 含义
lang 语言，定义语言为英语：en，中文：zh-CN
charset 字符集，计算机要准确处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。
utf-8包含全世界所有国家需要用到的字符
GBK包含全部中文字符，加入对繁体字的支持
3.常用标签
3.1 排版标签
标签 含义 说明
h1–h6 标题标签 块级标签，h1最大，h6最小
p 段落标签 关闭型块级标签，上下段落有明显间距
br 换行标签 非关闭型，内联标签
hr 水平线标签 非关闭型，内联标签
div 分区标签 一般用于布局分划，块级标签
span 范围标签 默认没有任何效果，一般用来设置特殊样式
3.2文本格式化标签
标签 含义 说明
b 文本加粗 bold
strong 强调内容 显示为加粗
i 文本倾斜 italic
em 强调内容 显示为斜体
s、del 文本删除线 delete
u、ins 文本下划线
3.3超链接标签
用法：
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
属性：
href：用于指定链接目标的url地址
target：用于指定链接页面的打开方式，
_self默认值
_blank新窗口打开
注意：
外部链接需要：http://
没有确定链接目标时，href定义为#，表示该链接暂时为空链接。
图像、表格、音频、视频等都可以添加超链接
3.4图片标签
用法：
img src=“图片URL”
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
