本文详细介绍了HTML的基础知识，包括网页组成、浏览器、Web标准、HTML概念、语法规范和核心标签。讲解了HTML的结构、注释、标签关系，并深入探讨了排版、文本格式化、媒体、链接、列表、表格、表单等标签的使用方法，是学习HTML的全面指南。
HTML基础知识点（详细）
一、网页基础知识
1、认识网页
（1）网页是由什么组成的呢？
文字、图片、视频、音频、超链接等…
（2）网页背后的本质是什么呢？
代码组合
（3）前端代码是怎么转化的呢？
通过浏览器转化（解析和渲染）成用户看到的网页
2、五大浏览器和渲染引擎
（1）五大浏览器（谷歌常用）
IE浏览器、火狐（Firefox）、谷歌（Chrome）、Safari、欧朋（Opera）
（2）渲染引擎（浏览器内核）
浏览器中专门对代码进行解析渲染的部分
3、Web标准
主要包括结构（Structure）、表现（Presentation）、行为（Behavior）三个方面
- 结构：HTML—页面元素和内容
- 表现：CSS—网页元素的外观和位置等页面样式（颜色、大小）
- 行为：JavaScript—网页模型的定义与页面交互
二、HTML基础概念
1、HTML概念
（Hyper Text Markup Language）—超文本标记语言，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述
2、HTML骨架结构
一个完整的HTML文档必须包含3个部分：文档声明、文档头部和文档主体
HTML基本格式：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>页面标题</title>
</head>
<body>
写自己的代码
</body>
</html>
3、开发工具
开发工具：Webstorm、VS Code、Hbuilder、Sublime Text、Notepad++、Editplus、Dreamweaver、Atom
其中，Visual Studio Code为常用软件—速度快，体积小、插件多
- WebStorm 是JetBrains公司旗下一款JavaScript 开发工具，和PyCharm等同属一家公司。
- VSCode(全称:Visual Studio Code) 是一款由微软开发且跨平台的免费源代码编辑器。
- HBuilder 是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE.
- Sublime Text 是一个文本编辑器（收费软件，可以无限期试用，但是会有激活提示弹窗），同时也是一个先进的代码编辑器。
- Notepad+ 是记事本的增强版本。
- EditPlus 是一款由韩国 Sangil Kim （ES-Computing）出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器，你甚至可以通过设置用户工具将其作为C,Java,Php等等语言的一个简单的IDE。
- Adobe Dreamweaver，简称“DW”，中文名称 “梦想编织者”，最初为美国Macromedia公司开发，2005年被Adobe公司收购。
- Atom 是github平台为其用户提供的，也有人在使用
4、HTML语法规范
（1）注释
快捷键：ctrl + / （再按一次，取消注释）
（2）标签的构成
1、标签结构图：<起始标签> 内容</结束标签>
2、结构说明：标签分为双标签和单标签
（3）标签的关系
1、嵌套关系（父子关系）
2、并列关系（兄弟关系）
三、HTML中的标签
1、排版标签
（1）标题标签
- 语义：给页面上的文字加上标题，1-6级标题，重要程度依次减小
- 代码：
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
- 特点：文字都有加粗；文字都有大小，从h1-h6文字逐渐减小；独占一行
（2）段落标签
- 语义：在新闻和文章的页面中，用于分段显示，表示一个段落
- 代码：
<p>我是一段文字</p>
- 特点：段落之间存在间隙，独占一行
（3）换行标签
- 语义：让文字强制换行显示
- 代码：
<br>
- 特点：单标签，让文字强制换行
（4）水平线标签
- 语义：分割不同主题内容的水平线，用于主题分割
- 代码显示：
最低0.47元/天 解锁文章
扫一扫
279
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
