html字体代码大全_HTML基础笔记（一）

HTML 基础

HTML 标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.

实例

HTML 段落

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

实例

HTML 链接

HTML 链接是通过标签<a> 来定义的.

实例

HTML 图像

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

实例

HTML 元素

HTML 文档由 HTML 元素定义。

HTML 元素

开始标签常被称为起始标签(opening tag)结束标签常称为闭合标签（closing tag）。

HTML 元素语法

HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

嵌套的 HTML 元素

HTML 文档由嵌套的 HTML 元素构成。

HTML 文档实例

以上实例包含了三个 HTML 元素。

HTML 实例解析

<p>元素:

<body>元素:

<body> 元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签<body>以及一个结束标签 </body>。
元素内容是另一个 HTML 元素（p元素）。

<html>元素：

<html>元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 <html> ，以及一个结束标签 </html>.
元素内容是另一个 HTML 元素（body元素）。

不要忘记结束标签

即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML：

以上实例在浏览器中也能正常显示，因为关闭标签是可选的。
但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。

HTML 空元素

HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。

注意：

一些标签的使用，切记所有标签都需要闭合，不管是单体标签还是成对标签。（尽管目前浏览器是识别有些标签不闭合的情况，但是取的最好的保证兼容性，使用闭合）
标签写法要用小写字母（有些版本对大小写可认为相同，而xhtml中强制使用小写）

HTML 属性

属性是 HTML 元素提供的附加信息。

HTML 属性

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

属性实例

HTML 链接由 <a>标签定义。链接的地址在 href 属性中指定：

HTML 属性常用引用属性值

HTML 提示：使用小写属性

属性和属性值对大小写不敏感。

HTML 全局属性

HTML 标题

在 HTML 文档中，标题很重要。

HTML 标题

标题（Heading）是通过<h1> - <h6>标签进行定义的。

<h1>定义最大的标题。<h6> 定义最小的标题。
**

标题大小与字体大小的关系
1到6号标题与1到6号字体逆序对应，比如1号字体对应6号标题，2号字体对应5号标题。

标题很重要

HTML 水平线

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

hr元素可用于分隔内容。

实例

HTML 注释

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

注释写法如下:

HTML 标签参考手册

HTML 段落

HTML 可以将文档分割为若干段落。

HTML 段落

段落是通过<p>标签定义的。

实例

HTML 折行

如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br> 标签：

实例

HTML 输出- 使用提醒

实例：

HTML 格式化标签

此例演示如何在一个 HTML 文件中对文本进行格式化

此例演示如何使用 pre 标签对空行和空格进行控制。

此例演示如何在 HTML 文件中写地址。

此例演示如何实现缩写或首字母缩写。

此例演示如何改变文字的方向。

此例演示如何实现长短不一的引用语。

此例演示如何标记删除文本和插入文本。

HTML 文本格式化标签

HTML “计算机输出” 标签

HTML 引文, 引用, 及标签定义

HTML 链接

HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

HTML 链接

如何在HTML文档中创建链接。实例

HTML 超链接（链接）

默认情况下，链接将以以下形式出现在浏览器中：

一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时，链接显示为红色并带有下划线。注意：如果为这些超链接设置了CSS样式，展示样式会根据CSS的设定而显示。

HTML 链接语法

链接的 HTML 代码很简单。它类似这样：

实例

上面这行代码显示为：访问我的博客

点击这个超链接会把用户带到hirak0博客的首页。

提示: “链接文本” 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 链接 - target 属性

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

下面的这行会在新窗口打开文档：

实例

HTML 链接- id 属性

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

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

实例

在HTML文档中插入ID:

基本的注意事项 - 有用的提示

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

实例

如何使用图片链接。

在当前页面链接到指定位置,即如何使用书签

本例演示如何跳出框架，假如你的页面被固定在框架之内。

本例演示如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）

本例演示更加复杂的邮件链接。

原作者姓名：hirak0
原出处：CSDN
原文链接：【HTML】HTML笔记一_hirak0的博客-CSDN博客