Html基础知识汇总
1. 定义
-- 超文本标记语言HyperText Markup Language，是一种用于描述网页的标准标记语言，不是编程语言
2. 知识点
-- 可使用html来建立自己的web站点，html运行在浏览器上，由浏览器来解析
-- 对于中文网页，须使用<meta charset="utf-8">声明编码，否则会出现乱码
-- html文档后缀名.html / .htm，也叫web页面，包含html标签及文本内容，由元素定义
-- html/css/js在线工具，可在线编辑html,css,js代码，并实时查看效果 https://c.runoob.com/front-end/61
-- 不区分大小写
-- F12开启调试模式，可看到组成标签
-- html标签/元素需成对出现，如<html>内容</html>，开始标签&结束标签 / 开放标签&闭合标签
一个html元素包含开始标签和结束标签
-- web浏览器用于读取html文件，不直接显示html标签，可使用标签来决定如何展示html页面的内容给用户
-- html编辑器：VS Code
新建html文件-->保存为.html-->右击编辑器中的文件名，选择浏览器打开
-- 注释：<!-- 这是一个注释 -->
-- 显示页面时，浏览器会移除源代码中多余的空行和空格，所有连续的空格或空行都会被算作一个空格
-- CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式，可设计网页的样式和布局
-- DOM (Document Object Model) ：文档对象模型，是 HTML 和 XML 文档的编程接口
-- HTML(XML) DOM 定义了访问和操作 HTML(XML) 文档的标准方法
3. html元素
-- <!DOCTYPE html> 声明为 HTML5 文档，doctype 声明是不区分大小写的
-- <html> 元素是 HTML 页面的根元素
-- <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8，网页描述，作者等
<head>元素包含了所有头部标签元素，包含<title><style><meta><link><script><base>
<base>标签为html文档中所有的链接标签的默认链接
<link> 标签通常用于链接到样式表
<style> 标签定义了HTML文档的样式文件引用地址
<script>标签用于加载脚本文件，如： JavaScript
<meta>定义了HTML文档中的元数据
-- <title> 元素描述了文档的标题，是必须的，浏览器工具栏的标题
-- <body> 元素包含了可见的页面内容，只有<body>区域才会在浏览器中显示
-- <h1> 元素定义一个大标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的，<h1>定义最大的标题，<h6>定义最小的标题
浏览器会自动在标题前后添加空行
-- <p> 元素定义一个段落
HTML 段落是通过标签 <p> 来定义的, 浏览器会自动在段落前后添加空行
-- <a> 定义HTML 链接
<a href="https://www.runoob.com/">访问菜鸟教程</a> 代码显示为：访问菜鸟教程
href 属性中指定链接的地址
<a href="https://www.runoob.com/" target="_blank">访问菜鸟教程!</a>
如果你将 target 属性设置为 "_blank", 链接将在新窗口打开
-- <img> 定义HTML 图像
<img src="/images/logo.png" width="258" height="39" />
图像的名称和尺寸是以属性的形式提供的
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签
-- 没有内容的元素为空元素，在开始标签中关闭，无结束标签
<br/>(换行） <hr>标签创建水平线，无结束标签
-- 元素属性
html可设置属性，属性可在元素中添加附加信息，属性一般描述于开始标签，总是以名称/值对的形式出现
class：为html元素定义一个或多个类名classname
id：定义元素的唯一id
style：规定元素的行内样式
title：描述了元素的额外信息（作为工具条使用）
-- 文本格式化标签：<b>定义粗体文本 / <em>定义着重文字 / <i>定义斜体字等
-- <table> 定义表格
每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义），表格的表头使用 <th> 进行定义
<thead> 定义表格的页眉，<tbody> 定义表格的主体，<tfoot> 定义表格的页脚
-- html列表
无序列表 <ul><li>Coffee</li><li>Milk</li></ul> 使用粗体圆点（典型的小黑圆圈）进行标记
有序列表<ol><li>Coffee</li><li>Milk</li></ol> 使用数字进行标记
自定义列表<dl><dt>Coffee</dt></dl>
-- html区块
HTML 可以通过 <div> 和 <span>将元素组合起来
<div> 元素是块级元素，组合其他元素的容器，无特定的含义。与css一同使用，可对大的内容块设置样式属性/文档布局
<span> 元素是内联元素，可用作文本的容器，无特定含义，与css一同使用时，为部分文本设置样式属性
-- html脚本
<script> 标签用于定义客户端脚本，比如 JavaScript
<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件
<noscript> 提供无法使用脚本时的替代内容，只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容
