HTML知识点概括——一篇文章带你完全掌握HTML
内容摘要
HTML知识点概括前端三件套分别是HTML3，CSS5，JavaScript稍微介绍一下W3C标准： 结构化标准语言（HTML） 表现标准语言（CSS） 行为标准（DOM，JavaScript）HTML是超文本标记语言，负责网页最基本
文章正文
HTML知识点概括
前端三件套分别是HTML3，CSS5，JavaScript
稍微介绍一下W3C标准：
- 结构化标准语言（HTML）
- 表现标准语言（CSS）
- 行为标准（DOM，JavaScript）
HTML是超文本标记语言，负责网页最基本信息的构造
HTML的优势：
- 市场需求量
- 跨平台使用
- 浏览器支持
我们使用的工具依旧选择老朋友：
- IDEA
因为内容过多，大部分内容可能都在代码中详细介绍，请仔细阅读代码
HTML基本框架
下面我们稍微介绍以下HTML的基本框架：
html"><!--告诉浏览器我们使用的标准规范--> <!DOCTYPE html> <html lang="en"> <!--表示网页头部开始--> <head> <!-- meta 描述性标签，用来描述网页的一些信息：例如作用等 --> <meta charset="UTF-8"> <meta charset="keywords" content="第一天学习HTML"> <meta charset="description" content="我们在这里学习HTML"> <!-- title 标题，表示我们打开网页后的标题 --> <title>我的第一个网页</title> </head> <!--body 表示网页内容开始--> <body> <!--内容--> Hello，World！ </body> </html> |
其中<></>这种成对出现的标签，我们称为开放标签和闭合标签
其中<>这种单个出现的标签，我们称为单个标签
块元素和行内元素
我们简单介绍一下块元素和行内元素：
- 块元素：
- 无论内容多少，该元素独占一行
- 例如：p，h1，h2
- 行内元素：
- 内容撑开宽度，当左右都是行内元素时，可以排在一行
- 例如：a，strong，em
页面结构分析
下面给出页面结构分析：
| 元素名 | 描述 |
|---|---|
| header | 标记头部区域的内容 |
| footer | 标记脚部区域的内容 |
| section | Web页面中一块独立区域 |
| article | 独立的文章内容 |
| aside | 相关内容或应用 |
| nav | 导航类辅导内容 |
代码注释
[!--zhushi--]
作者：喵哥笔记
