路飞学城学习笔记
目录
一、HTML是什么？
- HTML（HyperText Makeup Language）称为超文本标记语言，是一种标识性的语言。
- 理解超文本之前我们先看一下文本是什么东西：
在一个word文档，一个txt文件或者一个html中，我们都可以去编译文本的内容，在word文档中我们可以设置一些超链接甚至放一些图片等等，而txt就比较局限；在html中，和word文档比较类似，我们可以存放一些文本也可以存放一些图片，音频，视频等等，甚至一些网页中的小游戏也可以在html中编写。
- 下面我们就来理解一下超文本：
1.超文本，大家应该可以想到超字，既然是超，那也就是说它比我们的文本高一级的 ，那它包括些什么内容呢？
一些我们在网页中见到的音频，视频，超链接等等这些都是网页中的超文本，在html中我们既可以存放这些内容也可以存放文本的内容，甚至说我们写一篇文章，文章里的一级标题，二级标题，选项，列表我们都可以通过html的一些代码去编写，我们称这些内容就是超文本，这些内容通过什么展示或者展现呢？
2.那我们就应该理解什么是标记，下面我们以百度为列来解释：我们首先把光标停在有超链接的文本上右键检查，查看源代码
我们把检索到的代码复制到文本上
我们先把里面这些没必要的代码删掉，我们会发现<a></a>把文本包裹起来，这就是超链接，就是html的标记
由此我们可以知道：用HTML自己的语法规则把文本内容包裹起来的这个东西就叫标记。（<><>包裹关键字）
PS：
- HTML指的是超文本标记语言（HyperText Makeup Language）；
- HTML不是一种编程语言，是一种标记语言；
- 标记语言是一套标记标签 Markuptag；
- Html使用标记标签来描述网页。
HTML语言是干什么的？
HTML语言是开发网页用的，对浏览器比较友好。
- 什么是网页？
网页就是由HTML来描述的，HTML文档包含了HTML标签和纯文本内容，所以HTML文档也被称为网页。
web浏览器的作用 ：读取HTML文档，并以网页的形式显示他们。
二、HTML常用标签及其结构规范
-
<!DOCTYPE html>：文档声明头，表示该页面使用哪个HTML版本进行编译。
-
<head> </head>：最外层标签，它是网页内容的开始；是网页的头部声明标签，不会显示到网页内容中。
-
<body> </body>：网页的内容标签，body标签包含网页中所有的可见元素。
- 标题标签h1~h6:
- p标签：主要是我们在展示文章的时候段落之间呈现出间隙，提升用户体验。
在浏览器呈现样式的时候，会发现内容并不会按照排布的规则去显示，这是因为浏览器默认的一种状态，那怎么去解决呢？
其实很简单，我们只需要把段落用p标签包裹起来
- strong和em标签：加粗和斜体
- br标签：换行
- hr:水平分割线（单闭合标签）
- ul/ol/dl标签：无序/有序/定义列表
ul/ol与li成对出现，dl与dt/dd成对出现
- table标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
- a标签（anchor）：锚点，超链接，默认在当前页面打开新网址（target=“-self"）,想要在新网页打开网址只需将target=“-self"改为target=“-blank"；
也可以用<a>标签实现当前页面的跳转，在想要跳转的位置给一个空标签
还可以用<a>发送邮件给：xxx@xxx.cn
- img标签：添加图片，src对应图片路径
- form表单:标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
6044
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
