说明
根据HTML 教程 | 菜鸟教程 (runoob.com)自学,制作的目录和简要说明。
文章目录
html简介
实例解析
最简单的html实例,介绍了html的大体结构。
什么是html
不是编程语言,而是标记语言。使用标记标签描述网页。html文档包含了html标签和文本内容,html文档也叫做web页面。
html标签
尖括号包围的关键词。通常成对出现,成对的第一个叫做开始标签,第二个叫做结束标签。
html元素
开始标签+元素内容+结束标签
web浏览器
浏览器读取html文件并将其作为网页显示。
Html网页结构
HTML版本
<!DOCTYPE> 声明
中文编码
html基础
html标题
标题标签,<h1> - <h6>
html段落
段落标签,<p>
html链接
链接标签
<a href="https://www.runoob.com">这是一个链接</a>
html图像
图像标签
<img decoding="async" src="/images/logo.png" width="258" height="39" />
html元素
html元素语法
开始标签、结束标签、元素内容、某些元素具有空内容、空元素在开始标签中关闭、大多数html元素有属性
嵌套的html元素
大多数html元素可以嵌套
html文档实例
实例演示了3个元素是怎么嵌套的
html实例解析
分析了<p>
元素,<body>
元素,<html>
元素
html空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br>
就是没有关闭标签的空元素(<br>
标签定义换行)。
HTML 提示:使用小写标签
html属性
- HTML 元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签
- 属性总是以名称/值对的形式出现,比如:name=“value”。
属性实例
通过<a>
标签介绍了href属性
HTML 属性常用引用属性值
属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='John "ShotGun" Nelson'
HTML 提示:使用小写属性
HTML 属性参考手册
查看完整的HTML属性列表: HTML 标签参考手册。
html标题
标题(Heading)是通过 <h1> - <h6>
标签进行定义的。
<h1>
定义最大的标题。 <h6>
定义最小的标题。
标题很重要
不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
html水平线
<hr>
标签在 HTML 页面中创建水平线。
HTML 注释
HTML 提示 - 如何查看源代码
单击右键,然后选择"查看源文件"(IE)或"查看页面源代码"(Firefox)查看网页源代码。
实例
显示标题、插入注释、插入水平线
html段落
段落是通过 <p>
标签定义的。
HTML 折行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br>
标签:
<br />
元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。
HTML 输出- 使用提醒:
无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
实例
显示段落、换行、排版一首唐诗、空格和回车被忽略,行数显示和浏览器大小有关。
html文本格式化
通过标签控制一些文本的格式显示
HTML 格式化标签
HTML 使用标签 <b>
(“bold”) 与 <i>
(“italic”) 对输出的文本进行格式, 如:粗体 or 斜体
这些HTML标签被称为格式化标签。
通常标签<strong>
替换加粗标签 <b>
来使用, <em>
替换 <i>
标签使用。
然而,这些标签的含义是不同的:
<b>
与<i>
定义粗体或斜体文本。
<strong>
或者 <em>
意味着你要呈现的文本是重要的,所以要突出显示。
实例
文本格式化、使用 pre 标签对空行和空格进行控制、"计算机输出"标签的显示效果、如何在 HTML 文件中写地址、实现缩写或首字母缩写、改变文字的方向、实现长短不一的引用语、标记删除文本和插入文本。
html链接
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
html超链接
HTML使用标签 <a>
来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。