Html5——笔记一

学习网址

https://www.w3school.com.cn/html5/html_5_audio.asp
https://www.runoob.com/html/html-tutorial.html

笔记

HTML 基础元素

HTML 标题（Heading）是通过
 
 标签来定义的.

HTML 段落是通过标签 
 来定义的.

HTML 链接是通过标签  来定义的.
这是一个链接

HTML 图像是通过标签  来定义的.

 换行

提示

HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。


 就是没有关闭标签的空元素（
 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 
，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 
 在所有浏览器中都是有效的，但使用 
 其实是更长远的保障。

HTML 属性

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。

属性	描述
class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

HTML 标题

注释: 浏览器会自动地在标题的前后添加空行。
标题很重要

请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。

 标签在 HTML 页面中创建水平线。

html注释

HTML 文本格式化

标签	描述
< b>	定义粗体文本
< em>	定义着重文字
< i>	定义斜体字
< small>	定义小号字
< strong>	定义加重语气
< sub>	定义下标字
< sup>	定义上标字
< ins>	定义插入字
< del>	定义删除字

tip:markdown可使用上述标签对字体进行设置哦~~

HTML 链接

HTML 链接 - target 属性
使用 target 属性，你可以定义被链接的文档在何处显示。

HTML 链接- id 属性
id属性可用于创建在一个HTML文档书签标记。

提示: 书签是不以任何特殊的方式显示，在HTML文档中是不显示的，所以对于读者来说是隐藏的。

实例
在HTML文档中插入ID:

有用的提示部分
在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：

访问有用的提示部分
或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：


访问有用的提示部分

注释： 请始终将正斜杠添加到子文件夹。假如这样书写链接：href="https://www.runoob.com/html"，就会向服务器产生两次 HTTP 请求。
这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="https://www.runoob.com/html/"。

HTML head

使用 < base> 定义页面中所有链接默认的链接目标地址。

 
 




 - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签，该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为 "http://www.runoob.com/images/logo.png"



菜鸟教程 - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。

使用 < meta> 元素来描述HTML文档的描述，关键词，作者，字符集等

	
		 
		 
		为网页定义描述内容:
		
		为搜索引擎定义关键词:
		
		
		每30秒钟刷新当前页面:
		
	

标签	描述
< head>	定义了文档的信息
< title>	定义了文档的标题
< base>	定义了页面链接标签的默认链接地址
< link>	定义了一个文档和外部资源之间的关系
< meta>	定义了HTML文档中的元数据
< script>	定义了客户端的脚本文件
< style>	定义了HTML文档的样式文件

DOM

DOM是网页中的用来表示文档中对象的标准模型，通过JavaScript可以对网页中的所有DOM对象进行操作，是由万维网联盟W3C组织制定的标准编程接口。
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。