HTML教程(看完这篇就够了)

开通VIP,畅享免费电子书等14项超值服

首页

好书

留言交流

下载APP

联系客服

2021.08.23

超文本标记语言(英语:HyperTextMarkupLanguage,简称:HTML)是一种用于创建网页的标准标记语言。您可以使用HTML来建立自己的WEB站点,HTML运行在浏览器上,由浏览器来解析。在本教程中,您将学习如何使用HTML来创建站点。HTML很容易学习!相信您能很快学会它!本教程包含了数百个HTML实例。

水香木鱼的博客

我的第一个标题

我的第一个段落。

HTML文档的后缀名:.html、.htm格式

1.HTML是用来描述网页的一种语言。2.HTML指的是超文本标记语言:`HyperTextMarkupLanguage`3.HTML不是一种编程语言,而是一种标记语言,标记语言是一套标记标签`(markuptag)`4.HTML使用标记标签来描述网页5.HTML文档包含了HTML标签及文本内容,HTML文档也叫做web页面6.HTML标签:HTML标记标签通常被称为HTML

HTML标签是由尖括号包围的关键词,比如HTML标签通常是成对出现的,比如标签对中的第一个标签是开始标签,第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签

<标签>内容

“HTML标签”和“HTML元素”通常都是描述同样的意思.但是严格来讲,一个HTML元素包含了开始标签与结束标签,如下实例:

这是一个段落

Web浏览器(如谷歌浏览器,InternetExplorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户

页面标题

这是一个标题

这是一个段落。

这是另外一个段落。

水香木鱼的博客

我的第一个标题

我的第一个段落。

二、HTML编辑器1.推荐几个常用的编辑器Notepad++SublimeTextVSCode

HTML标题(Heading)是通过`

-

`标签来定义的.

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题
(2)html段落HTML段落是通过标签`

`来定义的.

这是一个段落。

这是另外一个段落。

(3)html链接HTML链接是通过标签``来定义的.

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

元素的内容是开始标签与结束标签之间的内容,某些HTML元素具有空内容(emptycontent),空元素在开始标签中进行关闭(以开始标签的结束而结束),大多数HTML元素可拥有属性嵌套的html元素。实例:(包含三个元素)

这是第一个段落。

不要忘记结束标签

没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。
就是没有关闭标签的空元素(
标签定义换行)。在XHTML、XML以及未来版本的HTML中,所有元素都必须被关闭。在开始标签中添加斜杠,比如
,是关闭空元素的正确方法,HTML、XHTML和XML都接受这种方式。即使
在所有浏览器中都是有效的,但使用
其实是更长远的保障。html提示:使用小写标签HTML标签对大小写不敏感:

等同于

。许多网站都使用大写的HTML标签。水香木鱼使用的是小写标签,因为万维网联盟(W3C)在HTML4中推荐使用小写,而在未来(X)HTML版本中强制使用小写。

html属性值常用引用属性值属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。*提示:在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='BE“BAGAN”son’HTML提示:使用小写属性属性和属性值对大小写不敏感。不过,万维网联盟在其HTML4推荐标准中推荐小写的属性/属性值。而新版本的(X)HTML要求使用小写属性。

标题(Heading)是通过

-

标签进行定义的.

这是一级标题。

这是二级标题。

这是三级标题。

这是四级标题。

这是五级标题。

这是六级标题。

注释:浏览器会自动地在标题的前后添加空行。标题很重要请确保将HTML标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。应该将h1用作主标题(最重要的),其后是h2(次重要的),再其次是h3,以此类推。html水平线
标签在HTML页面中创建水平线。hr元素可用于分隔内容。

这是一个段落。


这是一个段落。


这是一个段落。

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

注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要,合理地使用注释可以对未来的代码编辑工作产生帮助。

你是否看过一些网页然后惊叹它是如何实现的的。如果您想找到其中的奥秘,只需要单击右键,然后选择”查看源文件”(IE)或”查看页面源代码”(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面HTML代码的窗口。

HTML可以将文档分割为若干段落,段落是通过

标签定义的。

这是一个段落

这是另一个段落

注意:浏览器会自动地在段落的前后添加空行。(

是块级元素)不要忘记结束标签即使忘了使用结束标签,大多数浏览器也会正确地将HTML显示出来:

这是一个段落

这是另一个段落上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误。注释:在未来的HTML版本中,不允许省略结束标签。

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
标签:

这个
段落
演示了分行的效果

br元素是一个空的HTML元素。由于关闭标签没有任何意义,因此它没有结束标签。

我们无法确定HTML被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。对于HTML,您无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML代码中的所有连续的空行(换行)也被显示为一个空格。

加粗文本
斜体文本
电脑自动输出
下标上标1.html格式化标签标签描述

定义粗体文本定义着重文字定义斜体字定义小号体定义加重语气定义下标字定义上标字定义插入字定义删除字2.html计算机输出标签标签描述定义计算机代码定义键盘码定义计算机代码样本定义变量

定义预格式文本3.html引文,引用,标签定义标签描述定义缩小
定义地址定义文字方向
定义长的引用定义短的引用语定义引用、引证定义一个定义项目

id属性可用于创建在一个HTML文档书签标记。提示:书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。在HTML文档中插入ID:

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

元素包含了所有的头部标签元素。在元素中你可以插入脚本(scripts),样式文件(CSS),及各种meta信息。可以添加在头部区域的元素标签为:`,<style>,<meta>,<link>,<script>,<noscript>,and<base>`html中的title元素</p><p><title>标签定义了不同文档的标题。<title>在HTML/XHTML文档中是必须的。<title>元素:*定义了浏览器工具栏的标题*当网页添加到收藏夹时,显示在收藏夹中的标题*显示在搜索引擎结果页面的标题一个简单的HTML文档:实例</p><p><!DOCTYPEhtml><html><head><metacharset="utf-8"><title>文档标题文档内容......

html中的base元素标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:

这是水平居中标题这是一个段落左对齐

文本对齐属性text-align取代了旧标签

当单个文件需要特别样式时,就可以使用内部样式表。你可以在部分通过