目录
笔记多数来源W3学习网站
1. HTML简介
W3提供的HTML官方手册地址：
https://www.w3school.com.cn/tags/index.asp
什么是 HTML？
- HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
更多简介：
https://www.w3school.com.cn/html/html_jianjie.asp
写HTML代码可以使用IDEA工具
2.HTML基础标签
所有内容写到body标签中
- HTML标题标签
HTML 标题（Heading）是通过 <h1> - -<h6> 等标签进行定义的。
标题分为1–6级 - HTML 段落标签
HTML 段落是通过 <p>标签进行定义的。
规则是上下有文字都会空一个字符的换行 - HTML 链接标签
HTML 链接是通过 <a>标签进行定义的。
除此之外a标签的作用还有很多（锚点，打电话，发邮件等），最初是为了锚点。
<a href="http://www.w3school.com.cn">This is a link</a>
- HTML 图像标签（这里是直接插入图片，但我们可以配合a标签实现点击图片跳转功能）
HTML 图像是通过 <img> 标签进行定义的。
<img src="/i/eg_w3school.gif" width="300" height="120" />
html元素的知识链接：
https://www.w3school.com.cn/html/html_elements.asp
html属性知识链接：
https://www.w3school.com.cn/html/html_attributes.asp
以下笔记视频来自b站，笔记来源于评论区饭饭大神整理。
原文：
https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU0Mjg0MzI1Nw==&action=getalbum&album_id=1506739374313537537&scene=173&from_msgid=2247483896&from_itemidx=1&count=3&nolastread=1#wechat_redirect
「学习笔记」HTML基础
开始！！！！
前言
- 勤做笔记不仅可以让自己学的扎实，更重要的是可以让自己少走弯路。有人说:“再次翻开笔记是什么感觉”，我的回答是:“初恋般的感觉”。或许笔记不一定十全十美，但肯定会让你有种初恋般的怦然心动。💖💖
- 本章着重复习Html的基础内容，学习Html究竟要学些什么呢？主要是学习各种标签，来搭建网页的“结构”。✨✨
- 本篇文章主要由五个章节构成，从WEB标准到初识HTML，接着学习HTML常用标签，最后学习表格列表和表单。💪💪开始充电之旅啦~~~
网页的相关概念
认识WEB
什么是网页？
网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合
网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读的
网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件
网页的形成？
网页是由网页元素组成的，这些元素是利用HTML标签描述出来的，然后通过浏览器解析来显示给用户的
前端人员开发代码------->浏览器显示代码(解析、渲染)-------->生成最后的Web页面
常用浏览器以及内核、Web标准
常用的浏览器
浏览器是网页显示、运行的平台。常用（世界主流）的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等
浏览器内核
浏览器内核(渲染引擎):负责读取网页内容，整理讯息，计算网页的显示方式并显示页面
Web标准的构成
主要包括结构(Structure)、表现(Presentation) 和 行为(Behavior) 三个方面
| 标准 | 说明 |
|---|---|
| 结构 | 结构用于对网页元素进行整理和分类、现阶段主要学的是HTML |
| 表现 | 表现用于设置网页元素的版式、颜色、大小等外观样式、主要是指css |
| 行为 | 行为是指网页模型的定义及交互的编写，现阶段主要学的是JavaScript |
Web标准提出的最佳体验方案：结构、样式、行为相分离
简单理解：结构写到HTML文件中，表现写到CSS文件中、行为写到JavaScript文件中
HTML语法规范
基本语法概述：
标签关系：
<html>
<head>
<title>我的第一个页面</title>
</head>
<body>
你我之间,黑马洗练,月薪过万,一飞冲天
</body>
</html>
补充ifram标签
跳转：https://blog.csdn.net/yangzhengquan19/article/details/83211285
3530
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
