title: html笔记
toc: true
comments: true
tags: HTML
abbrlink: 5bada17d
date: 2021-06-03 15:06:09
categories:
这里记录的是学习HTML的笔记 !
(一) 学习资料
1. `W3School`
2. 菜鸟教程(二) HTML: Hyper Text Markup Language,超文本标记语言,解释性语言
超:超链接
文本:文字
标记:标签
语言:web前端语言(三)html文档：网页（web page）
(四)html文档结构：
1. 文档类型声明
`html5: <!DOCTYPE html>`
`html4.01`2.文档主体
<html>
2.1 文档的头部
<head>
<meta charset="utf-8" />
<title></title>
</head>
2.2 文档体
<body>
//可出现其他标签或文本
</body>
</html>(五)html 语法：
1. 标签分类：
1.1 方式1
。双标签 `<name></name>`
。单标签 `<name />`
1.2 方式2
。行内标签（内联元素）：`<font>`
。行级标签（块级元素）：`<p>`
2. 标签三要素：
2.1 标签名
2.2 标签属性: <font color="red" size="20">hello</font> 标准属性（全局属性）：id、class、title、style、事件属性 2.3 子元素（标签|文本）(六)常用标签：
1. 注释： `<!-- -->`
2. 头部： `<head></head>`
3. 主体： `<body></body>`
4. 段落： `<p></p>`
5. 水平线： `<hr />`
6. 换行： `<br />`
7. 图片： `<img />`
8. 标题： `<hN></hN> (N: 1-7)`
9. 超链接： `<a></a>`
10. 块：`div`(块元素) & `span`(内联元素)
11. 列表：`<ol></ol> <ul></ul>`
12. 表格：`table`、`table`布局
13. 表单：`form`
14. 框架：`frameset`、`frame`、`iframe`