HTML-01

最新推荐文章于 2024-11-02 23:32:29 发布

维基人

最新推荐文章于 2024-11-02 23:32:29 发布

阅读量64

点赞数

分类专栏：前端文章标签： html 前端

本文链接：https://blog.csdn.net/missmxr/article/details/122383865

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文详细介绍了HTML的基础知识，包括HTML的结构、元素、属性及其用法。HTML元素由开始标签和结束标签定义，属性提供附加信息，如链接的href属性用于指定目标地址。文章还讲解了标题、段落、注释、文本格式化和链接的创建，强调了正确使用属性如id和target的重要性，并提醒了在创建链接时避免产生额外请求的注意事项。

摘要由CSDN通过智能技术生成

声明：笔记摘自菜鸟教程(https://www.runoob.com/)

1. HTML简析

1.1 代码

代码实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

运行结果：

代码解析

code analyze

1.2 网页结构

2. 元素

HTML 文档由 HTML 元素定义。

特性：

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

3. 属性

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

3.1 特性：

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

案例：

<a href="http://www.runoob.com">这是一个链接</a>
// HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：

3.2 引用属性值

属性值应该始终被包括在引号内。

双引号是最常用的，不过使用单引号也没有问题。

Remark 提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=‘John “ShotGun” Nelson’

3.3 属性参考手册

查看完整的HTML属性列表: HTML 标签参考手册。

下面列出了适用于大多数 HTML 元素的属性：

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

更多标准属性说明： HTML 标准属性参考手册.

4. 标题

通过 <h1> - <h6> 标签进行定义的。示例如下：

<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>

浏览器会自动地在标题的前后添加空行。

5. 水平线

<hr> 标签在 HTML 页面中创建水平线，可用于分隔内容。

6. 注释

用法:

<!-- 这是一个注释 -->

7. 段落

段落是通过
标签定义的。
**注意：**浏览器会自动地在段落的前后添加空行。（是块级元素）

<p>这是一个段落 </p>
<p>这是另一个段落</p>

8. 空白行

使用作为空白行，可以用来换行

9. 文本格式化

9.1 HTML 文本格式化标签

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

9.2 HTML “计算机输出” 标签

标签	描述
<code>	定义计算机代码
<kbd>	定义键盘码
<samp>	定义计算机代码样本
<var>	定义变量
<pre>	定义预格式文本

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

标签	描述
<abbr>	定义缩写
<address>	定义地址
<bdo>	定义文字方向
<blockquote>	定义长的引用
<q>	定义短的引用语
<cite>	定义引用、引证
<dfn>	定义一个定义项目。

10. 链接

HTML 链接语法
href 属性描述了链接的目标。

<a href="url">链接文本</a>

10.1 target 属性

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

10.2 id 属性

id 属性可用于创建一个 HTML 文档书签。
提示: 书签不会以任何特殊方式显示，即在 HTML 页面中是不显示的，所以对于读者来说是隐藏的。

在HTML文档中插入ID:

<a id=“tips”>有用的提示部分

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

<a href="#tips">访问有用的提示部分

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

<a href=“https://www.runoob.com/html/html-links.html#tips”>访问有用的提示部分