(此篇为markdown格式,持续学习与更新中)
# HTML
<!DOCTYPE html>
<html lang="cmn-hans">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>杨星凯的网页</title>
</head>
<body>
<h1 title="this is my first page">第一个网页: </h1>
<img src="https://ts1.cn.mm.bing.net/th?id=OIP-C.g591IHXzmtp28EyXwAVaDgHaEK&w=252&h=137&c=8&rs=1&qlt=90&o=6&dpr=1.25&pid=3.1&rm=2" alt="">
<!-- 超链接 -->
<a href="https://www.bilibili.com/"title="哔哩哔哩有限公司">哔哩哔哩</a>
</body>
</html>
## 元素
>其他叫法:标签、标记
...html
<a href="https://www.bilibili.com/">哔哩哔哩</a>
<title>杨星凯的网页</title>
...
元素 = 起始标记(begin beg) + 结束标记(end tag) + 元素内容 + 元素属性(不一定要必须写)
<!-- <a> </a> 哔哩哔哩 href="https://www.bilibili.com/" -->
元素属性有局部属性和全局属性
元素是可以嵌套的
..html
<meta charset="UTF-8">
...
有些元素没有结束标志,这样的元素叫做:**空元素**
**空元素** :
...<meta charset="UTF-8">...
...<meta charset="UTF-8"/>...
## 标准的文档结构
(按下感叹号后自动生成的代码)
...html
<!DOCTYPE html>
...
文档声明,作用是当前文档使用的HTML标准是HTML5
不写文档声明,将导致浏览器即进入怪异渲染模式
...html
<html lang="en">
</html
...
根元素,一个页面最多只能有一个,并且该元素是其他所有元素的父元素或者祖先元素
HTML5版本中没有强制要求书写该元素,要兼容以前的版本的话就要加上
lang属性:language,全局属性,表示该元素内部使用的文字是使用哪一种自然语言,cmn-hans表示前端
...html
<head>
</head>
...
文档头,文档头内部的内容,不会显示到页面上
...html
<meta>
...
文档的元数据:附加信息
charset:指定网页内容编码,即使用唯一的编码规则
...html
<title>Document</title>
...
表示网站的标题
..html
<body>
</body>
...
文档体,页面上所有要参与显示的元素,都应该放到文档体中
# 语义化
## 什么是语义化
1. 每一个HTML元素都有具体的含义
a元素:超链接
p元素:段落
h1元素:一级标题
2. 所有元素与展示效果无关
元素展示到页面的效果,应该是由CSS决定的
因为浏览器带有默认的CSS样式,所以每个元素有一些默认样式
**重要:选择什么元素,取决于内容的含义,而不是显示出的效果**