HTML_01_基础

最新推荐文章于 2022-01-21 10:20:37 发布
最新推荐文章于 2022-01-21 10:20:37 发布
阅读量922 收藏 10
点赞数 5
分类专栏： # HTML/H5 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pre_eminent/article/details/79439227
版权




HTML 指超文本标签语言,英文全称是HyperText Markup Language。

HTML发展史

HTML没有1.0，因为关于它的初版存在争议，1995年HTML 2.0横空出世，

1997年由国际官方组织W3C隆重推出了HTML 3.2以及HTML 4.0标准，

后面W3C(万维网联盟)也渐渐变成Web技术领域的权威，经过漫长岁月的演变，

2014年，时隔15年之后, HTML 5  标准在人们的千呼万唤,翘首以盼之下,终于出现在历史舞台的正中心。

HTML 2.0——1995年11月，RFC 1866发布

HTML 3.2——1997年1月14日，W3C发布推荐标准

HTML 4.0——1997年12月18日，W3C发布推荐标准

HTML 4.01——1999年12月24日，W3C发布推荐标准

HTML 5——2014年10月28日，W3C发布推荐标准

HTML结构

HTML的结构一般包括<head>标签和<body>标签，

<head>和<body>这2个标记符分别表示网页的头部和正文。

<head>头部中可包含页面的标题、关键词、描述说明等内容，它本身不作为内容来显示，但影响网页显示和传播的效果。

<body>当中是网页实际显示的内容，正文标记符<body> 又被称为 实体标记。

页面当中通常包含有很多 指向其他相关页面 或 其他节点的指针(???Excuse Me???)，

通过点击，可以很方便地获取新的网页，这是HTML获得广泛推广运用最最最重要的原因之一，

而由这些相互之间存在关联的页面组成的有机集合便是网站。


究竟HTML为什么会被普及?这就要归功于互联网的高速发展，对于编程语言的需求直线上升。

而HTML5具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。

凭借着这些特性，HTML越来越受到人们的喜爱。

HTML5 编辑规范

1、文件拓展名默认使用htm，便于操作系统或者程序辨认文件，而图片则基本上存为gif或jpg

2、浏览器默认忽视回车符，不过为了方便阅览，人们还是会习惯地在写完一段代码后进行回车

3、标记符号用尖括号括起来<a>，带斜杠的元素表示该标记说明结束</a>，大多数标记符必须成对使用，用以说明起始和结束。

4、必须使用半角而不是全角字符

5、HTML注释<!--注释内容-->的内容不给予显示。

开始学习HTML

接下来，你可以打开这本教程，先了解html的基本概念，

然后一个一个地掌握HTML标签、HTML语法、HTML注释、HTML框架等用法，

并且参考借鉴一些优秀的网站，通过浏览器的“查看源代码”功能来steal别人写的HTML代码结构。

HTML对于系统环境配置要求一点也不高，基本上，你只需要有一台电脑就够了。

HTML 教程导读- (HTML5 标准)

HTML也叫作超文本标记语言，标准通用标记语言下的一个应用，您可以使用 HTML 来建立自己的 WEB 站点。

通过学习本教程，您将可以使用 HTML 来创建站点。

HTML 是非常容易学习的！相信您能很快学会它！


HTML 简介

现在您可以通过如下的一个 HTML 实例来建立一个简单的 HTML 页面，以此来简单了解一下HTML的结构。


运行效果如下:


实例解析

  • DOCTYPE 声明了文档类型
  • <html> 标签描述了文档类型，该标签的结束标志为 </html>
  • <body> 标签定义文档的主体，即网页的可视化内容，该标签的结束标志为 </body>
  • <h1> 标签作为一个标题使用，该标签的结束标志为 </h1>
  • <p> 标签作为一个段落显示，该标签的结束标志为 </p>
lamp<!DOCTYPE html> 在 HTML5 中也是描述了文档类型。

什么是 HTML?

HTML 语言用于描述网页。

  • HTML 是指超文本标记语言: Hyper Text Markup Language
  • HTML 不是一种编程语言，而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签  及  文本内容
  • HTML 文档也叫做 web页面

HTML 标签

HTML 标记标签  通常被称为HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是  开始标签，第二个标签是  结束标签
  • 开始和结束标签  也被称为  开放标签  和  闭合标签
    <标签>内容</标签>

HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述相同的意思。

但是严格来讲，一个 HTML元素  包含了  开始标签 与 结束标签，如下实例:

HTML 元素:

<p>This is a paragraph.</p>

Web 浏览器

Web 浏览器（如谷歌浏览器、Internet Explorer、Firefox 和 Safari等）是用于读取 HTML 文件，并将其作为网页显示。

Web 浏览器  不会直接显示 HTML 标签，而是通过使用标签来决定如何向用户展现 HTML 页面的内容：


HTML 网页结构

下面是一个可视化的 HTML 页面结构（只有 <body> 标签中的内容会显示在浏览器中）：

<html>
<body>
<h1>文本</h1>
<p>文本2</p>
<p>文本3</p>
</body>
</html>

HTML 版本

从最初的非标准化的超文本标记语言诞生后，HTML 已经更新了多个版本：

版本发布时间
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

<!DOCTYPE> 声明

<!DOCTYPE> 是标准通用标记语言的文档类型声明，有助于在浏览器中正确地显示网页。

由于网络上文件的类型不一，因此需要正确声明 HTML 版本，以使得浏览器能够正确识别并显示您的网页内容。

doctype 声明是不区分大小写的，以下方式均可使用：

<!DOCTYPE html>  推荐用这种

<!DOCTYPE HTML>

通用声明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"      
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

查看完整网页声明类型 DOCTYPE 参考手册.

中文编码

在 HTML 页面的头部声明字符为 UTF-8 可以解决在浏览器中出现中文乱码的现象。

<!DOCTPYE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>这是标题</title>
</head>
<body>
<h1> hello beyond </h1>
<p> god is a girl </p>
</body>
</html>
运行效果:



HTML 基础- 4个实例

本章介绍了 HTML 中较为常用的标签的实例。

HTML 标题

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

h 是英文header标题的缩写，

标题无处不在，它的应用范围十分广泛：网站结构、写作文、PPT 等。

h1 是主标题，h2 是副标题，h3、h4、h5、h6 依次递减字体的大小。

代码如下:

<!DOCTPYE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>未闻花名</title>
</head>
<body>
<h1> 我们仍未知道那年夏天所见到的花的名字1 </h1>
<h2> 我们仍未知道那年夏天所见到的花的名字2 </h2>
<h3> 我们仍未知道那年夏天所见到的花的名字3 </h3>
<h4> 我们仍未知道那年夏天所见到的花的名字4 </h4>
<h5> 我们仍未知道那年夏天所见到的花的名字5 </h5>
<h6> 我们仍未知道那年夏天所见到的花的名字6 </h6>
</body>
</html>

运行效果如下:




HTML 段落

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

P 是英文paragraph段落的缩写，

经常被用来创建一个段落，就和你写作文一样。

代码如下:

<!DOCTPYE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>beyond</title>
</head>
<body>
<b>加粗文本</b><br>
<i>斜体文本</i><br>
这是<sub>下标</sub><br>
这是<sup>上标</sup><br>
这是<code>Code代码</code>啦<br>
</body>
</html>

运行效果如下:



HTML 链接

HTML 链接是通过标签 <a> 来定义的.a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。

代码如下:

<!DOCTPYE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>beyond</title>
</head>
<body>
<a href="http://www.baidu.com/s?wd=未闻花名" target="_blank">未闻花名</a>
</body>
</html>

效果如下:



提示:在 href 属性中指定链接的地址。

HTML 图像

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

使用img元素来为你的网站添加图片，使用src属性指向一个图片的具体地址。

举例如下：<img src="https://www.baidu.com/logo.jpg">

请千万注意：img元素是自关闭元素，不需要结束标记。

代码如下:

<!DOCTPYE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>beyond</title>
</head>
<body>
<img src="http://wx3.sinaimg.cn/large/ce98cd4cgy1fp17h8ip14j20m80m81kx.jpg" width="500" height="500" alt="图片加载失败" />
</body>
</html>

运行效果如下:


注意： 图像的 名称 和 尺寸 是以属性的形式提供的。



HTML 元素

HTML 文档由 HTML 元素定义,

注意喔:HTML 元素指的是 从开始标签（start tag）到  结束标签（end tag）之前的所有代码喔。

HTML 元素

开始标签 *元素内容结束标签 *
<p>这是一个段落</p>
<a href="app.html">这是一个链接</a>
<br>这是一个换行标签 

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

HTML 元素语法

  • HTML 元素以 开始标签 起始
  • HTML 元素以 结束标签 终止
  • 元素的内容是  开始标签  与  结束标签  之间的全部内容喔
  • 特别注意: 某些 HTML 元素具有  空内容（empty content）喔,妳懂的哈~
  • 空元素 在 开始标签中 进行关闭（以开始标签的结束而结束）
  • 大多数 HTML 元素可拥有属性

嵌套的 HTML 元素

HTML 文档由嵌套的 HTML 元素（可以包含其他 HTML 元素）构成。 

HTML 文档实例

<!DOCTYPE html>
<html>
<head>    <meta charset="UTF-8">
    <title>beyond</title>
</head>
<body>
<p>这是第一个段落</p>
</body>

</html>

上述的实例包含了6个 HTML 元素

HTML 实例解析

<p> 元素:

<p>这是第一个段落。</p>

这个 <p> 元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>。
元素内容是: 这是第一个段落。


<body> 元素:

<body>
<p>这是第一个段落。</p>
</body>

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

元素内容是另一个 HTML 元素（p 元素）


<html> 元素：

<html>

<body>
<p>这是第一个段落。</p>
</body>

</html>

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

永远不要忘记结束标签

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

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

上述实例在浏览器中也能正常显示，因为关闭标签是可选的。

但您不能对此产生依赖性，因为忘记使用结束标签会产生不可预料的结果或错误或损失或悲剧。

HTML 空元素

HTML 空元素 即为没有内容的 HTML 元素。

HTML 空元素 应该在开始标签中关闭。

HTML 其中的一个空元素: <br>（用于定义换行），<br> 元素就是没有关闭标签。

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

注意：在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭，即使是空元素也不例外。

HTML 提示：推荐使用小写标签

由于 HTML 标签对英文字母的大小写不敏感，所以 <P> 和 <p> 表达的意思相同。

推荐使用小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。


HTML 属性

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

HTML 属性

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

属性实例

HTML 链接 由 <a> 标签定义。

链接的地址在 href 属性中指定： 

实例

<a href="https://www.baidu.com/s?wd=未闻花名">未闻花名</a>


HTML 属性中的引号

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

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

Remark提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您就必须使用单引号，例如：name='god is a "girl" '

HTML 推荐：使用小写属性

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

不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。

HTML 属性参考手册

查看完整的 HTML 属性列表: HTML 标签参考手册(见本文的附录)

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

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

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


HTML 全局属性

HTML 元素的意义与语境,通过属性可以通过 HTML 属性来描述。

HTML 中的全局属性对任何 HTML 元素有效！

New : HTML5 新属性。

属性描述
accesskey设置访问元素的键盘快捷键。
class-->√规定元素的类名（classname）
contenteditableNew规定是否可编辑元素的内容。
contextmenuNew指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单
data-*New用于存储页面的自定义数据
dir设置元素中内容的文本方向。
draggableNew指定某个元素是否可以拖动
dropzoneNew指定是否将数据复制，移动，或链接，或删除
hiddenNewhidden 属性规定对元素进行隐藏。
id-->√规定元素的唯一 id
lang设置元素中内容的语言代码。
spellcheckNew检测元素是否拼写错误
style-->√规定元素的行内样式（inline style）
tabindex设置元素的 Tab 键控制次序。
title规定元素的额外信息（可在工具提示中显示）
translateNew指定是否一个元素的值在页面载入时是否需要翻译

HTML 标题

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

HTML 标题可以用来呈现文档结构，设置得当的标题有利于用户浏览您的网页。

HTML 标题

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

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

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

注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。


标题非常非常非常重要

请确保将 HTML 标题 标签只用于标题。

千万注意: 绝对不要仅仅是为了生成粗体或大号的文本而使用标题。

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

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

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

HTML 水平线

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

hr 元素可用于分隔内容，使用该元素产生的水平线可以在视觉上将文档分隔成各个部分。

代码如下:

<!DOCTPYE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>beyond</title>
</head>
<body>
<p>这个是段落1</p>
<hr/>
<p>这个是段落2</p>
<hr/>
<p>这个是段落3</p>
</body>
</html>

运行效果如下:

 


HTML 注释

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

HTML 注释可以方便地用来帮助网页设计人员，提醒他们与程序相关的信息。

注释写法如下:

实例

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

注释: 开始括号之后（左边的括号）需要紧跟一个叹号，不过,结束括号之前（右边的括号）不需要，

合理地使用注释可以对未来的代码编辑工作产生帮助。

HTML 提示 - 如何查看源代码

你是否看过一些网页然后惊叹它是如何实现的的。

如果您想steal其中的奥秘，只需要单击右键，然后选择"查看源文件"（IE）或"查看页面源代码"（Firefox等）。

这么做会打开一个包含页面 HTML 代码的窗口。

HTML 标签参考手册

标签参考手册 提供了有关这些标题及其属性的更多信息。

您将在本教程下面的章节中学到更多有关 HTML 标签和属性的知识。

标签描述
<html>定义 HTML 文档
<body>定义文档的主体
<h1> - <h6>定义 HTML 标题
<hr>定义水平线
<!--...-->定义注释

HTML 段落

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

HTML 段落p

段落是通过标签定义的

注意：浏览器会自动地在段落的前后添加空行。（</p>是块级元素）

HTML 折行

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

在 HTML 语言中， 

标签定义为一个换行符，它可以理解为简单的输入一个空行，而不是用来对内容进行分段： 

代码如下:

<!DOCTPYE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>beyond</title>
</head>
<body>
<p>我们<br/>仍未知道<br/>那年夏天<br/>所见到的<br/>花的名字</p>
</body>
</html>

运行效果如下:


元素是一个空的 HTML 元素。

由于关闭标签没有任何意义，因此它没有结束标签。

HTML 输出- 使用提醒

我们无法确定 HTML 被显示的确切效果。

屏幕的大小，以及对窗口的调整都可能导致不同的结果。

对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除 源代码中多余的空格和空行。

所有连续的空格或空行都会被算作一个空格。

需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。


在 HTML 代码中的排版几部催泪神作:

代码如下:

<!DOCTPYE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>beyond</title>
</head>
<body>
<h1>动漫催泪神作</h1>
<p>
	未闻花名<br/>
	东京地震8.0<br/>
	萤火虫之墓<br/>
	可塑性记忆<br/>
	坷朵莉<br/>
	AIR<br/>
	...
</p>
<p>注意:多余的空格和空行 全变成了一个</p>
</body>
</html>

运行效果如下:



浏览器在显示 HTML 时，会省略源代码中多余的空白字符（空格或回车等会变成一个）

HTML 标签参考手册

标签参考手册提供了有关 HTML 元素及其属性的更多信息。

标签描述
<p>

定义一个段落
<br>插入单个折行（换行）




附录:

HTML 参考手册- (HTML5 标准)

按字母顺序排列

New : HTML5新标签

标签描述
<!--...-->-->√定义注释
<!DOCTYPE>-->√定义文档类型
<a>-->√定义超文本链接
<abbr>定义缩写
<acronym>定义只取首字母的缩写，不支持HTML5
<address>定义文档作者或拥有者的联系信息
<applet>定义嵌入的 applet。HTML5中不支持使用。
<area>定义图像映射内部的区域
<article>New定义一个文章区域
<aside>New定义页面的侧边栏内容
<audio>New-->√定义音频内容
<b>-->√定义文本粗体
<base>定义页面中所有链接的默认地址或默认目标。
<basefont>定义页面中文本的默认字体、颜色或尺寸。HTML5不支持使用。
<bdi>New允许您设置一段文本，使其脱离其父元素的文本方向设置。
<bdo>定义文字方向
<big>定义大号文本，HTML5不支持使用。
<blockquote>定义长的引用
<body>-->√定义文档的主体
<br>-->√定义换行
<button>定义一个点击按钮
<canvas>New定义图形，比如图表和其他图像,标签只是图形容器，您必须使用脚本来绘制图形
<caption>定义表格标题
<center>定义居中文本。HTML5不支持使用。
<cite>定义引用(citation)
<code>-->√定义计算机代码文本
<col>-->√定义表格中一个或多个列的属性值
<colgroup>定义表格中供格式化的列组
<command>New定义命令按钮，比如单选按钮、复选框或按钮
<datalist>New定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
<dd>定义定义列表中项目的描述
<del>定义被删除文本
<details>New用于描述文档或文档某个部分的细节
<dfn>定义定义项目
<dialog>New定义对话框，比如提示框
<dir>定义目录列表。HTML5不支持使用。
<div>定义文档中的节
<dl>定义列表详情
<dt>定义列表中的项目
<em>定义强调文本
<embed>New定义嵌入的内容，比如插件。
<fieldset>定义围绕表单中元素的边框
<figcaption>New定义<figure> 元素的标题
<figure>New规定独立的流内容（图像、图表、照片、代码等等）。
<font>定义文字的字体、尺寸和颜色。HTML5不支持使用。
<footer>New定义 section 或 document 的页脚。
<form>-->√定义了HTML文档的表单
<frame>-->√定义框架集的窗口或框架
<frameset>-->√定义框架集
<h1> to <h6>-->√定义 HTML 标题
<head>-->√定义关于文档的信息
<header>New定义了文档的头部区域
<hr>-->√定义水平线
<html>-->√定义 HTML 文档
<i>-->√定义斜体字
<iframe>-->√定义内联框架
<img>-->√定义图像
<input>-->√定义输入控件
<ins>定义被插入文本
<kbd>定义键盘文本
<keygen>New规定用于表单的密钥对生成器字段。
<label>定义 input 元素的标注
<legend>定义 fieldset 元素的标题。
<li>定义列表的项目
<link>定义文档与外部资源的关系
<map>定义图像映射
<mark>New定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
<menu>定义菜单列表。HTML5不支持使用。
<meta>定义关于 HTML 文档的元信息。
<meter>New定义度量衡。仅用于已知最大和最小值的度量。
<nav>New定义导航链接的部分
<noframes>定义针对不支持框架的用户的替代内容。HTML5不支持
<noscript>-->√定义针对不支持客户端脚本的用户的替代内容。
<object>定义内嵌对象
<ol>定义有序列表。
<optgroup>定义选择列表中相关选项的组合。
<option>-->√定义选择列表中的选项。
<output>New定义不同类型的输出，比如脚本的输出。
<p>-->√定义段落。
<param>定义对象的参数。
<pre>-->√定义预格式文本。
<progress>New定义运行中的进度（进程）。
<q>定义短的引用。
<rp>New<rp> 标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。
<rt>New<rt> 标签定义字符（中文注音或字符）的解释或发音。
<ruby>New<ruby> 标签定义 ruby 注释（中文注音或字符）。
<s>不赞成使用。定义加删除线的文本。
<samp>定义计算机代码样本。
<script>-->√定义客户端脚本。
<section>New<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
<select>定义选择列表（下拉列表）。
<small>定义小号文本。
<source>New<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。
<span>定义文档中的节。
<strike>HTML5不支持，不赞成使用。定义加删除线文本。
<strong>-->√定义强调文本。
<style>定义文档的样式信息。
<sub>-->√定义下标文本。
<summary>New<summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。
<sup>-->√定义上标文本。
<table>-->√定义表格。
<tbody>定义表格中的主体内容。
<td>-->√定义表格中的单元。
<textarea>-->√定义多行的文本输入控件。
<tfoot>定义表格中的表注内容（脚注）。
<th>-->√定义表格中的表头单元格。
<thead>定义表格中的表头内容。
<time>New定义日期或时间，或者两者。
<title>-->√定义文档的标题。
<tr>-->√定义表格中的行。
<track>New<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
<tt>定义打字机文本。
<u>不赞成使用。定义下划线文本。
<ul>定义无序列表。
<var>定义文本的变量部分。
<video>New<video> 标签定义视频，比如电影片段或其他视频流。
<wbr>New规定在文本中的何处适合添加换行符。




未完待续,下一章节,つづく



pre_eminent
关注
  • 5
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Lesson01_01 HTML基础
10-31
Lesson01_01 HTML基础
document.forms 对应页面上的标签
龙在天涯的专栏
11-24 343
forms集合(页面中的表单) --电脑教程技术学习网a)通过集合引用 代码document.forms                  //对应页面上的标签   document.forms.length //对应页面上标签的个数   document.forms[0]   //第1个标签   document.forms[i]               //第i-1个标签 
html获取java对象属性,Document对象中的查询方法介绍
weixin_35252187的博客
06-05 758
Document中重要且常用的几个查询方法1.document.getElementById(elementId)通过标签的id属性查找标签dom对象，elementId是标签的id属性2.document.getElementByName(elementName)通过标签的name属性查找标签dom对象，elementName是标签的name属性值3.document.getElementByT...
Java爬虫之Jsoup Document select详解
qq_28016751的博客
07-22 7808
select详解 Document 继承自 Element 类。select方法将返回一个Elements集合。 1.通过标签名来查找： 测试代码： <span>33</span> <span>25</span> select写法：Elements elements = document.select("span"); 下面的例子都按照上面的格式来写，就不进行重复的标注了。 2.通过id来查找： <span id=\"myS
javascript获取select的值全解
学习 进步
05-24 931
获取显示的汉字 document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text 获取数据库中的id window.document.getElementById("bigclass").value 获取select组分配的索引id wind...
零基础入门html
庸医的博客
09-29 1288
Html 什么是Html？ HyperText Markup Language：超文本标记语言 ** 超文本：超出文本的范畴，使用html可以轻松实现 ** 标记：html所有的操作都是通过标记实现的。标记，就是标签 ** 网页语言：超文本标记语言 第一个html程序： 例如：创建Java文件 后缀名为.java **先编译，后运行（jvm） 同理：html文件后缀是.html **直接通过...
21php01_html
03-19
在这个"21php01_html"的学习资源中，我们将深入探讨HTML的基本概念、语法结构以及如何应用于实际的网页开发。 1. **HTML基础**： HTML由一系列的元素组成，每个元素都有自己的标签。这些标签告诉浏览器如何显示...
landing_page_01
02-12
标签“HTML”指出我们将探讨的重点是超文本标记语言（HTML），这是网页设计的基础，用于构建网页结构。 在HTML中，创建一个有效的着陆页涉及多个关键知识点： 1. **HTML基础结构**：每个HTML文档都始于`<!DOCTYPE ...
sensitive_sample_01
02-14
HTML 是构建网页的基础语言，它定义了网页的结构和内容。HTML 文件由一系列的元素组成，这些元素以标签对的形式存在，如 `<html>`、`<head>` 和 `<body>` 等。这些标签告诉浏览器如何解析和展示内容。 在压缩包中的...
HTML学习总结
xiang_muran的博客
01-21 1300
1、网站和网页 网站是因特网上根据一定的规则，使用HTML等制作的用于特定展示特定内容的相关网页的集合。 （网页的集合） 网页是网站中的一个“页”,通常是HTML格式的文件。需用通过浏览器来阅读。是构成网站的基本元素。 2、Web标准 1、结构：html 2、表现：CSS 版式 颜色 大小 3、行为：JavaScript 负责动起来 3、语法规范 1、由尖括号组成标签，成对出现的叫做双标签，单独出现的叫单标签。双标签前面的叫做开始标签，后面的是结束标签。 2、开始标签和结束标签的区别
添加图片
qq_37499398的博客
04-28 431
Add Images to your Website使用img元素来为你的网站添加图片，使用src属性指向一个图片的具体地址。举例如下：&lt;img src="https://www.your-image-source.com/your-image.jpg"&gt;注意：img元素是自关闭元素，不需要结束标记。用以下图片来测试：/images/relaxing-cat.jpg...
Html的编程开篇
代码敌敌畏的博客
03-17 320
                                                           Html的编程开篇                                前端就从Html开始吧~说了那么多看看比较实用的吧：一、超链接HTML 链接 HTML 链接是通过标签 &lt;a&gt; 来定义的.a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现...
html css学习
u013121938的专栏
09-25 291
class 为html元素定义一个或多个类名（classname）(类名从样式文件引入) id 定义元素的唯一id style 规定元素的行内样式（inline style） title 描述了元素的额外信息 (作为工具条使用) 标签在 HTML 页面中创建水平线。 标签
分分钟教会你使用HTML写Web页面
爱技术 爱生活
10-29 9901
在学习如何使用HTML编写网页之前，我们必须先搞清楚什么是HTML？当然了不是系统的给大家介绍HTML的前世今生，如果对其身世感兴趣的小伙伴可以去问度娘，她会给你想要的答案。                   所谓HTML，就是我们常听到的“超文本标记语言”，是标准通用标记语言下的一个应用，目前最新的版本是5.0，上面的图片就是官方发布的Logo。“超文本”就是指页面的内容不仅有文字，还
html
迷路的小绅士之家
06-06 169
1.html语义化的作用 更容易让屏幕阅读器读出网页内容 更容易让搜索引擎收录 2.HTML声明 &amp;amp;amp;amp;amp;lt;!DOCTYPE&amp;amp;amp;amp;amp;gt;声明帮助浏览器正确的显示网页 - &amp;amp;amp;amp;amp;lt;!DOCTYPE&amp;amp;amp;amp;amp;gt;不是HTML标签 - &amp;amp;amp;amp;amp;lt;!DOCTYPE&
HTML学习
叶嘉的博客
10-17 369
HTML标签学习html基础HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: Hyper Text Markup Language HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面 HTML 标签HTML 标记标签通常被
在使用img标签的src属性引用网络图片资源时加载图片失败的问题
热门推荐
VVVinegar的博客
01-24 1万+
问题如标题，以简单代码演示：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <img src="http://p1.so.qhmsg.com/t01f77e838597537491.gif"> <
HTML and CSS
qq_41158669的博客
05-06 287
HTML5 and CSS1、HTML是英文Hyper Text Markup Language(超文本标记语言)的缩写。h1就是一个HTML元素，h1是header1的简写，意思是一级标题。大部分元素都有一个开始标记和一个结束标记。开始标记像这样：&lt;h1&gt;结束标记像这样：&lt;/h1&gt;开始标记和结束标记的唯一区别就是结束标记多了一个/。 2、h是英文header标题的缩写， ...
freecodecamp 学习
a'ha'ha'ha'h的博客
05-06 3213
1.&lt;h&gt;&lt;/h&gt; 标题 2. &lt;p&gt;&lt;/p&gt;段落3. style 样式  内联用法&lt;h style="color:red;"&gt;111&lt;/h&gt;内联样式是为元素添加样式的最简单有效的方式，但是更易于维护的方式是使用层叠样式表css4. &lt;style&gt;&lt;/style&gt;在这
JavaScript课件-01.pptx
03-14
可用于学生，教师的JavaScript基础教程，课件的主要内容为 什么是JavaScript JavaScript与Java的区别 JavaScript程序的运行开发环境 JavaScript的优点与局限 JavaScript基本语法

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值