1.2.1 HTML 简介[共2页]

合集下载

HTML使用教程

HTML使用教程一、HTML简介HTML（HyperText Markup Language）是一种常用的标记语言，用于创建网页结构和内容。

本章将介绍HTML的基本概念和语法规则。

1.1 HTML的发展历程HTML最早是由李爵士（Tim Berners-Lee）于1991年创建的，用于在因特网上发布和共享文档。

随着互联网的发展，HTML逐渐成为构建网页的标准语言。

1.2 HTML元素和标签HTML文档由多个元素组成，每个元素都由开始标签和结束标签包围。

元素的内容位于开始标签和结束标签之间。

1.3 HTML基本结构一个简单的HTML文档由DOCTYPE声明、html标签、head标签和body标签组成。

其中，DOCTYPE声明定义了文档的类型，而head标签和body标签分别定义了文档的头部和主体部分。

二、HTML常用标签本章将介绍HTML中常用的标签，包括文本标签、链接标签、图像标签等。

2.1 文本标签HTML提供了多种文本标签，如标题标签（h1至h6）、段落标签（p）、换行标签（br）等，用于展示不同级别的标题、段落和换行。

2.2 链接标签链接是网页中常用的元素，可以通过使用链接标签（a）在网页之间进行跳转。

链接标签使用href属性指定跳转的目标URL。

2.3 图像标签在网页中插入图像可以丰富页面内容，HTML提供了图像标签（img）来实现这一功能。

图像标签使用src属性指定图像的URL。

三、HTML表单HTML表单是网页中用户输入和提交数据的主要方式，本章将介绍HTML表单的创建和常见表单元素的使用。

3.1 创建表单使用表单标签（form）可以创建一个HTML表单。

表单标签的action属性指定数据提交的URL，method属性定义提交数据的方式（GET或POST）。

3.2 表单元素HTML提供多种表单元素，如文本输入框（input type="text"）、单选按钮（input type="radio"）、复选框（input type="checkbox"）等。

HTML介绍

<html> <head> 头部信息 </head> <body> 文档主体，正文部分 </body> </html>
Page 12
1.2 HTML结构
根据 HTML 标准，仅有几个标签在 HTML 的头部分是合法的。
标签
<head> <title> 定义关于文档的信息。定义文档标题。
描述
Page 21
1.4.1 标签
HTML 标题
HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。<h1> 定义最大的标题，<h6> 定义最小的标题。实例1：
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
Page 17
1.3 页面类型
静态页面VS动态页面
静态页面，也就是HTML语言编辑出的页面。
• 缺点是：相对于动态页面来说支持的功能少 • 优点是：浏览速度快，占用服务器资源小
动态页面，用ASP、JSP、PHP 等语言编辑的页面。
• 缺点是：占用系统资源大，浏览速度相对静态页面来说慢一些 • 优点是：方便管理，功能强大，可扩展性高
注释：浏览器会自动地在标题的前后添加空行。默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。
Page 22
1.4.1 标签
实例2： <html>

html简介

html简介1、什么是htmlHTML是⽤来制作⽹页的标记语⾔HTML是Hypertext Markup Language的英⽂缩写,即超⽂本标记语⾔在html中，虽然有⽂本，但是这些⽂本需要使⽤html语⾔中的标记来标识。

当被html中的标记标识之后的⽂本，它就超出了我们所理解的简单⽂档范畴。

不再是⼀个普通的⽂本。

⽽这些⽂本可以被浏览器进⾏识别，并且以不同的形式展⽰在浏览器上。

HTML语⾔是⼀种标记语⾔,不需要编译,直接由浏览器执⾏HTML⽂件是⼀个⽂本⽂件,包含了⼀些HTML元素,标签等.HTML⽂件必须使⽤html或htm为⽂件名后缀HTML是对⼤⼩写不敏感的,HTML与html是⼀样的；但是我们⼀般规定：书写时⼀律⼩写HTML是由W3C组织的维护的2、html⽂件的书写规范任何的语⾔书写的源码代码都有⾃⼰的书写规范。

html规范：约定: 所有的html代码都需要保存在html 标签中格式：Html可以分为三个部分：1.html标签：html⽂件的所以代码都要在html标签中。

2.head标签：head标签中的内容不会浏览器的窗体中显⽰。

Title标签是⽹页的标题名称。

3.body标签：body标签中的代码才会显⽰在浏览器的窗体中。

3、html标签介绍通常要⽤两个⾓括号括起来:“<”和“>”。

标签都是闭合的（两种格式：双标签（成对）与单标签（不成对）双标签：<标签名>标签名称</标签名> 如：<table></table> 分结束标签和开始标签单标签：<标签名/> 如：<br/> <hr/> 注意：由于html是⼀种弱势语⾔，所以如果单标签不写 / ⼀般也不会报错，但如果放在某些规定⽐较严格的浏览器上运⾏，可能会出现问题，所以，建议还是按照规范的格式写代码标签是⼤⼩写⽆关的,<body>跟<BODY>表⽰意思是⼀样的，标准推荐使⽤⼩写，这样符合XHTML标准　标签的属性：格式：<标签名属性名1="属性值" 属性名2="属性值" ... 属性名>书写内容</标签名>HTML属性⼀般都出现在HTML标签中, 是HTML标签的⼀部分。

1[1].2HTML语言

>: 起始标记的结束。我们从这个例子可以看出，标记在使用是必须用方括号“<>”括起来，而且是成对出现，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。在HTML中，标记的大小写作用相同，如<TABLE>和 <table>都是表示一个表格的开始。但是有一点需要我们注意的是，虽然HTML语言描述了文档的结构格式，但并不能精确的定义文档信息该如何显示和排列，而只是建议Web浏览器应该如何显示和排列这些信息，最终在用户面前的结果取决于Web浏览器本身的显示风格以及它对标记的理解能力。这就不难解释为什么同一文档在不同的浏览器里会出现不同的显示效果。
这时，编写HTML文档的任务由开发工具替你完成了。这是网页制作工具的最大成功之处，但也是它们的最大不足之处。因为受到图形编辑工具自身的约束，将产生大量的垃圾代码。原因很简单，比如：在我们在网页里设计了一个表格，若是每个单元格的宽度和高度让它根据其中的内容自动确定，HTML只要你告诉它是表格和单元格的排列顺序（也就是行列数）就行了，但因为图形化开发工具无法得知你的这种特殊要求，所以只能取一般要求，把每个单元格的宽度和高度都定义起来，从而增加了许多代码。所以一个明智的网页编写者应该在掌握图形编辑工具的基础上进一步学会HTML语言，从而知道哪些是垃圾代码，这样，我们就可以利用图形化HTML开发工具快速成地做出网页，又会消除无用的代码，从而达到快速制作高质量网页的目的.。这也是我们学习HTML语言的目的。
2.“文件头”标记符(Meta)
文件头标记符也就是通常见到的Meta标记符，Meta标记符在网页中是看不到的，因为它包含在HTML语言的“<head>…</head>”标记符之间，而通常我们所见到的网页内容只有在“<body>…</body>”之间的才可以在文档中显示出来.Meta是文件头标记符中常用的一个标记符，说明与网页有关的信息，如创作工具，文件作者等。这些标记符可以为服务器提供参考信息，如发布日期，刷新设置等.Meta主要是针对网络中的搜索引擎建立的，它的信息被搜索引擎猎取并被提取所需要的内容.在Meta中常用的属性有：name、Http-equiv和content。Name给出特性名，content给出特性值，告知网页使用的是HTML语言，应用gb2312字符集，Http-equiv属性指定HTTP响应名称，通常用于替换name，HTTP服务器使用该属性值为HTTP 响应消息头收集信息.

HTML基础知识

上一页下一页返回
2.4 HTM L标记
2.图像标记<IMG>
在HTML中，使用IMG标记在网页中加入图像。它具有两个基本属性src和alt，分别用于设置图像文件的位置和替换文本。
上一页下一页返回
2.4 HTM L标记
2.4.6超链接标记
1.相对地址与绝对地址 URL 统一资源定位符，也被称为网页地址，是表示互联
上一页下一页返回
2.4 HTM L标记
2.4.3文本标记
1.<FONT> <FONT>标记用于控制网页上文字的字体，大小和颜色。
控制方式是利用属性设置得以实现的。 2.特殊符号
某些字符在HTML中具有特殊意义，如小于号(<)即定义HTML标记的开始。这个小于号是不显示在最终看到的网页单的。那如果希望在网页中显示一个小于号，该怎么办呢? 要在浏览器中显示这些特殊字符，就必须在HTML文档中使用字符实体。
在<TD>和<TH>标记内使用colspan的取值表示水平方向上合并的列数。
上一页下一页返回
2.4 HTM L标记
2.4.8表单标记
1.表单元素 <FORM>标记：用于在网页中创建表单区域，属于一
个容器标记，表示其他表单标记需要在它的包围中才有效。其属性介绍如下。 action用来设置接收和处理浏览器递交的表单内容的服务器程序的URL。 method：此属性告诉浏览器如何将数据发送给服务器，它指定向服务器发送数据的方法(用POST方法还是用GET方法)。
上一页下一页返回
2.4 HTM L标记
2.4.10脚本标记
有时，网页中的一些特殊效果击要加入脚本语言才能够实现，脚本语言是一种简化的编程语言，它可以生成许多的网页特效，如滚动的文字、雪花效果、波浪效果等。‘常用的脚本语言有3种，分别是JavaScript， VBScript和 Jscript。其中JavaS cript是IE不II Navigator都完全支持的脚本语言，所以使用得最广泛。

Html简介

Html简介Html简介全写： HyperT ext Mark-up Language 译名：超文件注标式语言（译名之一）简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。

HTML 是在SGML 定义下的一个描述性语言，或可说HTML 是SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种标记的用法便算学懂了HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于编辑方面，任何文字编辑器都可以，只要能将文件另存成ASCII 纯文字格式即可，当然以专业的网页编辑软件为佳。

■ 阅读须知：这一篇【HTML剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必读的，其余可任意选择。

这一篇不会提及任何网页编辑软件，只要掌握了 HTML ，任何网页编辑工具都可以变成一把利器。

■ 标记写法：•任何标记皆由"<"及">"所围住，如<P>•标记名与小于号之间不能留有空白字符。

•某些标记要加上参数，某些则不必。

如size="+2">Hello•参数只可加于起始标记中。

•在起始标记之标记名前加上符号"/"便是其终结标记，如</font> •标记字母大小写皆可。

■ 围堵标记与空标记：标记按型态分为围堵标记与空标记1.围堵标记顾名思义，它以起始标记及终结标记将文字围住，令其达到预期显示效果。

例如 HTML Source ：Creation of Webpageis my favourite. 显示成：Creation of Webpage is my favourite.其中便称为围堵标记。

1 HTML简介

上一页
下一页
HTML的英文全名为Hypertext Markup Language，译为超文本标记语言。HTML用于描述超文本中资料的显示方式，从控制文字的颜色、大小，到标识资料的种类为图形文件或者声音等。其描述的方式是利用一个个的 HTML标签，将要进行格式控制的资料包含起来。
15
上一页
（简称NC）和Internet Explorer（简
下一页
称IE）。
7
1.3 网页设计基本概念
上一页
下一页
1．超链接（Hyper Link）超链接是特殊的文字标记，它指向了万维网中的其他资源，如另外一个网页、一个声音文件、网页的另一个段落或者是万维网中的任何资源等等，而且这些资源均可以存放在任何一个服务器上。在浏览网页时，如果你用鼠标单击超链接，那么就会跳转到超链接所指向的资源，就可从Web上下载新的信息。
上一页
下一页
3．网站（Web site）网站是一个存放在网络服务器上的完整信息的集合体。它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个整体，用来描述一组完整的信息或达到某种期望的宣传效果。
11
上一页
下一页
4．网页（Web pages）网页是网站的组成部分。制作者可以将需要公布的信息按照一定的方式分门别类，放在一个个网页上，网页里可以有文字、表格、图像声音和视频等等。网页可以看作一个单一体，是网站的一个元素，它是磁盘上的一个个单一的文件，由Web浏览器下载或格式化。
第1章 HTML简介
1.1 1.2 1.3 1.4 1.5 1.6 1.7 WWW的基本概念浏览器网页设计基本概念网页技术概况 HTML简介 HTML的编辑和运行环境 HTML的基本结构

第1章 HTML简介

种属性，比较常用的属性是“ 可以是“ 种属性，比较常用的属性是“Aligh＝#”。“#”可以是“Left”、“Center”或“Right”，其含义同上文。浏览器＝。可以是、或，其含义同上文。是基于窗口的，用户可随时改变显示区的大小，将多个空格以及回车等效为一个空格，是基于窗口的，用户可随时改变显示区的大小，所以 HTML 将多个空格以及回车等效为一个空格，这和通常的文字处理器不同。字处理器不同。源文件中插入注释，注释在显示时会被浏览器忽略，（3）注释标识：用来在 HTML 源文件中插入注释，注释在显示时会被浏览器忽略，在浏览器窗口中是不可见）注释标识：的。它以""结束，即"<!-开头，结束，它以开头结束 4．文件的路径名．（1）绝对路径：绝对路径是写出文件所在位置的全部路径，系统按照全部路径时文件进行查找。绝对路径中）绝对路径：绝对路径是写出文件所在位置的全部路径，系统按照全部路径时文件进行查找。的盘符后用“ 分隔开。的盘符后用“：\”或“：/”，各个目录名之间以及目录名与文件名之间应用“\”或“/”分隔开。绝对路径名或，各个目录名之间以及目录名与文件名之间应用“ 或分隔开所示。的写法及其含义如表 1-1-1 所示。（2）相对路径：相对路径是以当前文件所在路径和子目录为起始目录，所查找文件相对于这个其实目录的相）相对路径：相对路径是以当前文件所在路径和子目录为起始目录，对位置。通常都采用相对路径，这样可以保证文件整体移动后，不会产生断链现象。相对路径名的写法及其含义对位置。通常都采用相对路径，这样可以保证文件整体移动后，不会产生断链现象。所示。如表 1-1-2 所示。 5．URL ．统一资源定位器（上的地址编码。统一资源定位器（uniform resource locator，URL）是某一文件在 WWW 上的地址编码。它指出了文件在，） Internet 中的位置，这样就不会出现重复或由于编码不统一而出现无法浏览等问题。当用户因查询信息给出 URL 中的位置，这样就不会出现重复或由于编码不统一而出现无法浏览等问题。这里是注释 -->"。。

html基础知识

html基础知识HTML（HyperText Markup Language）是一种常见的标记语言，用于创建网页。

如果你对HTML基础知识感兴趣，那么你来对地方了。

在本文中，我们将简要介绍HTML的一些基本概念和用法，以帮助你入门。

首先，HTML是一种描述网页结构的语言。

它使用一系列的标签来定义网页的不同部分。

一个HTML文档通常由两个部分组成，分别是头部（head）和主体（body）。

在头部中，你可以定义文档的标题、引用样式表和脚本等信息。

而主体部分则包含了实际显示在网页上的内容。

在HTML中，最基本的标签是`<html>`标签，它用来定义整个HTML文档。

在`<html>`标签内，我们将头部和主体部分分别用`<head>`和`<body>`标签包裹起来。

在头部部分，你可以使用`<title>`标签来定义网页的标题。

这将是在浏览器标签页上显示的文本。

例如，`<title>我的第一个网页</title>`将在浏览器标签页上显示"我的第一个网页"。

另一个重要的头部标签是`<meta>`标签。

它用来指定网页的元数据，比如字符编码和描述等信息。

例如，`<meta charset="UTF-8">`将告诉浏览器使用UTF-8编码来解析网页。

在主体部分，你可以使用各种标签来定义不同的内容。

例如，`<h1>`到`<h6>`标签用来定义标题，数字越小，标题的级别越高。

`<p>`标签用于定义段落，而`<br>`标签用于换行。

除了以上的基本标签外，HTML还提供了许多其他标签来定义更丰富的内容。

例如，`<a>`标签用于创建链接，`<img>`标签用于插入图像，`<table>`标签用于创建表格等等。

html简介及常用功能

html简介及常⽤功能Html1.html是什么？超⽂本标记语⾔(HyperText Markup Language)⽂本：txt ⽂本超⽂本：⽂本、图⽚、链接、⾳乐、程序标记：标签 <html> 单标签和双标签 <meta> <html></html>html当中，不存在编程语⾔的语法，⽽是充斥着各式各样的标签。

html运⾏环境：浏览器浏览器是⽤来打开⽹页的。

在浏览器中我们见到的所有的⽹页本质上都是⼀个⽂本，⽽这⽂本⼜称之为 html。

<h1>hello,world</h1>w3c --- 万维⽹兼容性处理html 不是⼀门编程语⾔，只是⼀门标记语⾔，类似于⼯具⼀样的东西。

htm --> ⽐较⽼的教科书⾥⾯⽂件的后缀htmhtml --> htmlhtm⽂件不完整的⽀持html5的语法2.sublime 插件ctrl + shift + p 输⼊ install 选择 install package在新的输⼊框中输⼊emmet ，选择即可。

3 html5⽂档结构说明<!DOCTYPE html> html5⽂档声明头，想要完整的使⽤html5语法，必须使⽤⽂档声明头，声明当前⽂件是html5⽂件<html></html> 双标签定义html⽂档内容的结构所有的html⽂档的内容都需要写在这对标签内部。

<head></head> 头部通常情况下，⾥⾯写的内容是对于当前⽹页的⼀些预定义信息设置。

<body></body> ⾝体⽹页⾥⾯要显⽰给⽤户看的内容，全部写在body⾥⾯4 ⽹页预定义信息<meta charset="UTF-8"> 设定当前⽹页的编码格式meta标签是⼀个单标签，通过charset 属性，将其属性值设置为需要的编码，即可为当前的⽹页设置编码格式。

HTML基本介绍

第2章 HTML语法基础
网页架构：主要网页主架构的介绍分隔标签：也就是所谓的水平线排版标签：针对标签的属性，可做适当的版面编排字体标签：设定文字的字体。文字标签：设定文字的颜色、行距、变化.....等等。影像标签：如何在网页中，植入图像。
背景标签：如何设定背景颜色或是背景图像。
连结标签：如何设定超连结，以及开视窗的条件。表格标签：如何在网页中运用表格。序列标签：如何设定文字序列或图形序列。表单标签：制作可填写用的表单。框架标签：可让同一个视窗由多个网页一起组成。
个窗口（是原来的窗口还是新打开的窗口）。
文字输入列：每个表单之所以会有不同的类型，原因就在于 TYPE="表单类型"设定的不同而已，我们就先来看看第一个类型：文字输入列。文字输入列的形态就是TYPE="TEXT，其使用方法
如下：
其有下列可设定之属性： NAME="名称"，是设定此一栏位的名称，程式中常会用到。 SIZE="数值"，是设定此一栏位显现的宽度。 VALUE="预设内容"，是设定此一栏位的预设内容。 ALIGN="对齐方式"，是设定此一栏位的对齐方式，其值有： TOP（向上对齐）、MIDDLE（向中对齐）、BOTTOM（向下对齐）、 RIGHT （向右对齐）、 LEFT （向左对齐）、 TEXTTOP（向文字顶部对齐）、BASELINE（向文字底部对齐）、ABSMIDDLE（绝对置中）、ABSBOTTOM（绝对置下）等。
2.1 网页构架
<HTML> <HEAD> <TITLE>网页制作教学</TITLE> </HEAD> <BODY> BODY之间则为主要语法所在，也是网页的主要呈现部分。 </BODY> </HTML>

html基本概念

HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。

它是Web开发的基础，用来描述和组织文档内容的结构和语义。

本文将介绍HTML的基本概念，帮助读者了解HTML的作用、语法和常用标签。

一、HTML的作用HTML被设计用于创建网页，它定义了网页的结构和内容。

通过使用HTML，开发人员可以将文本、图像、链接和其他多媒体元素组织起来，以呈现出丰富的网页内容。

HTML还支持超链接，使得用户可以在不同页面之间导航，实现网页间的互相链接。

此外，HTML还可以与CSS（层叠样式表）和JavaScript等技术相结合，增强网页的外观和交互性。

二、HTML的语法HTML由一系列的标签（tag）组成，标签用尖括号（<>）包围，并且通常成对出现，有开始标签和结束标签。

例如，<p>这是一个段落</p>是一个简单的HTML标签。

开始标签和结束标签之间的内容被称为元素（element），表示特定的文档结构或含义。

三、HTML的基本结构一个典型的HTML文档由以下几部分组成：1. <!DOCTYPE>声明：用于指定文档类型，必须出现在文档的最开始位置。

2. <html>元素：用于包裹整个HTML文档。

3. <head>元素：用于定义文档的元数据，如标题、字符编码等。

4. <body>元素：用于定义文档的主体内容，包含可见的网页内容。

四、常用的HTML标签HTML有很多标签可以用来创建各种元素和结构。

以下是一些常用的HTML标签及其作用：1. 标题标签：<h1>到<h6>用于定义不同级别的标题。

2. 段落标签：<p>用于定义段落。

3. 链接标签：<a>用于创建超链接。

4. 图像标签：<img>用于插入图片。

5. 列表标签：<ul>、<ol>和<li>用于创建无序列表和有序列表。

html简介

用浏览器可以播放的格式有：MOV格式、AVI格式。例 6.5
七、表单
➢ 基本语法
表单的基本语法
<form action="url" method=*> ... ... <input type=submit> <input type=reset> </form> *=GET, POST
表单中提供给用户的输入形式
<tr align=#> <th align=#> <td align=#>
#=left, center, right
<tr valign=#> <th valign=#>
#=top，middle，bottom，baseline
<td valign=#>
例 4.4
4.5 跨多行、多列的表元
要创建跨多行、多列的表元，只需在<TH>或<TD>中加入 ROWSPAN或COLSPAN属性，这两个属性的值，表明了表元中要跨越的行或列的个数。跨多列的表元 <th colspan=#> <td colspan=#> colspan表示跨越的列数，例如colspan=2表示这一格的宽度为两个列的宽度。跨多行的表元 <th rowspan=#> <td rowspan=#> rowspan所要表示的意义是指跨越的行数，例如
内容与格线之间的宽度
我们还可以在<TABLE>中设置CELLPADDING属性，用来规定内容与格线之间的宽度。格式为：
<TABLE CELLPADDING=#>

HTML 简介(建议收藏)

HTML 简介实例解析•<!DOCTYPE html>声明为HTML5 文档•<html>元素是HTML 页面的根元素•<head>元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为utf-8。

•<title>元素描述了文档的标题•<body>元素包含了可见的页面内容•<h1>元素定义一个大标题•<p>元素定义一个段落注：在浏览器的页面上使用键盘上的F12 按键开启调试模式，就可以看到组成标签。

什么是HTML?HTML 是用来描述网页的一种语言。

•HTML 指的是超文本标记语言: H yper T ext M arkup L anguage•HTML 不是一种编程语言，而是一种标记语言•标记语言是一套标记标签 (markup tag)•HTML 使用标记标签来描述网页•HTML 文档包含了HTML标签及文本内容•HTML文档也叫做 web 页面HTML 标签HTML 标记标签通常被称为HTML 标签(HTML tag)。

•HTML 标签是由尖括号包围的关键词，比如<html>•HTML 标签通常是成对出现的，比如<b> 和</b>•标签对中的第一个标签是开始标签，第二个标签是结束标签•开始和结束标签也被称为开放标签和闭合标签<标签>内容</标签>HTML 元素"HTML 标签" 和"HTML 元素" 通常都是描述同样的意思.但是严格来讲, 一个HTML 元素包含了开始标签与结束标签，如下实例: HTML 元素:<p>这是一个段落。

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

html的理解

HTML的理解一、HTML简介HTML，全称Hyper Text Markup Language，即超文本标记语言，是用于创建网页的标准标记语言。

它由一系列的元素构成，这些元素描述了网页的结构和内容。

HTML文档是纯文本文件，可以用任何文本编辑器打开和编辑。

二、HTML的构成一个基本的HTML文档通常包含以下部分：1. <!DOCTYPE html>：这一行声明文档类型，告诉浏览器这是一个HTML5文档。

2. <html>：HTML文档的根元素。

3. <head>：这个元素包含了所有的头部标签元素，如<title>, <meta>, <link>, <style>和<script>等。

<title>：定义浏览器工具栏的标题，显示在标题栏或选项卡上。

4. <body>：这个元素包含了所有的主体内容，如文本，超链接，图片，表格，列表等。

三、HTML标签的类型HTML标签大致可以分为两类：单标签和双标签。

1. 单标签：只有一个标签的元素，例如<br>，<hr>等。

2. 双标签：有两个标签的元素，例如<p>，<div>等。

双标签通常包括开始标签和结束标签，结束标签的形式为</tagname>。

四、HTML语义化语义化HTML是指使用正确的HTML标签来描述网页内容的含义。

语义化的HTML不仅能让开发者更好地理解内容的结构，也能让搜索引擎和辅助技术（如屏幕阅读器）更好地理解网页内容。

例如，使用<h1>标签表示最重要的标题，使用<article>标签表示独立的内容块等。

五、HTML与CSS和JavaScript的关系1. HTML与CSS关系：HTML用于构建网页的结构，而CSS用于描述网页的样式。

HTML基础知识

<html> <head> <title>显示在浏览器窗口最顶端中的文本</title> </head> <body bgcolor="red" text="blue"> <p>红色背景、蓝色文本</p> </body>
</html>
注意：<title></title>标志对只能放在<head></head>标志对之间。
</html>
以上在 IE 中的运行效果如图 1-30 所示。
图 1-30 格式标记执行效果图
6．<div>……</div> <div></div>标志对用来排版大块 HTML 段落，也用于格式化表，此标志对的用法与<p></p>标志对非常相似，同样有 align 对齐方式属性。
1.1.5 文本标记
HTML 基础知识
2017-11-18
Internet 风行世界，作为展现 Internet 风采的重要载体，Web 页受到了愈来愈多人的重视。好的Web 页可以吸引用户频频光顾站点，从而达到宣传网站的目的。Web 页是由 HTML（Hypertext Markup Language，超文本标记语言）组织起来的，由浏览器解释显示的一种文件。
4．<title>……</title>
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的主题。要将网页的主题显示到浏览器的顶部其实很简单，只要在<title></title>标志对之间加入需要显示的文本即可。

HTML简介及使用技巧

6. 文本居中排列标签<center>
文本居中排列标签<center></center>使作用旳对象在屏幕旳中央显示。
7. 水平线标签<hr>
水平线标签<hr>能够在Web页面上插入一条水平线。其属性有align、width、size和noshade。
语法格式：<hr \[size=值 align=值 width=值 noshade\]>
例如，<title>网页设计教程</title>
其中，title是元素名，<title>与</title>之间旳内容都属于元素title，<title>是标签，用来阐明元素title。
3. 标签旳划分
（1）单标签
只需单独使用就能完整地体现意思旳标签称为”单标签”
语法格式：< 标署名称>
例如，最常用旳单标签<br>, 它表达换行。
4. 换行标签<br>
在HTML文档中，无法用多种回车、空格、Tab键来调整文档段落旳格式。要用 HTML旳标签符来强制换行、分段。
<br>是一种很简朴旳标签，它没有结束标签，因为它是用来创建一种回车换行旳。它不产生一种空行，但连续多种<br>标签能够产生多种空行旳效果。
5. 段落标签<p>
2. 图像属性赋值
<img>标签并不是真正地将图像加入到HTML文档中，而是对标签旳SRC属性赋值。该值是插入图像文件旳文件名，涉及途径。途径能够是相对途径，也能够是网址。实际上就是经过途径将图形文件嵌入到文档中。