当前位置：文档之家› HTML基础知识

HTML基础知识

HTML基础知识
HTML基础知识

HTML

学习任何一门语言，都要首先掌握它得基本格式，就像写信需要符合书信得格式要求一样。HTML标记语言也不例外，同样需要遵从一定得规范。接下来将具体讲解HTML文档得基本格式。

HTML文档得基本格式主要包括文档类型声明、根标记、头部标记、主体标记，具体介绍如下：

（1） 标记

标记位于文档得最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML（可扩展超文本标记语言）标准规范，必需在开头处使用标记为所有得XHTML文档指定XHTML版本与类型，只有这样浏览器才能将该网页作为有效得XHTML文档，并按指定得文档类型进行解析。

（2） 标记

标记位于 标记之后，也称为根标记，用于告知浏览器其自身就是一个 HTML 文档， 标记标志着HTML文档得开始，标记标志着HTML文档得结束，在它们之间得就是文档得头部与主体内容。

在之后有一串代码“xmlns=""”用于声明XHTML统一得默认命名空间。

（3）标记

标记用于定义HTML文档得头部信息，也称为头部标记，紧跟在标记之后，主要用来封装其她位于文档头部得标记，例如、<meta>、<link>及<style>等，用来描述文档得标题、作者以及与其她文档得关系等。</p><p>一个HTML文档只能含有一对<head>标记，绝大多数文档头部包含得数据都不会真正作为内容显示在页面中。</p><p>（4）<body></body>标记</p><p><body>标记用于定义HTML文档所要显示得内容，也称为主体标记。浏览器中显示得所有文本、图像、音频与视频等信息都必须位于<body>标记内，<body>标记中得信息才就是最终展示给用户瞧得。</p><p>一个HTML文档只能含有一对<body>标记，且<body>标记必须在<html>标记内，位于<head>头部标记之后，与</p><p><head>标记就是并列关系。</p><p>在HTML页面中，带有“< >”符号得元素被称为HTML标记，如上面提到得<html>、<head>、<body>都就是HTML 标记。所谓标记就就是放在“< >”标记符中表示某个功能得编码命令，也称为HTML标签或HTML元素，本书统一称作HTML 标记。</p><p>为了方便学习与理解，通常将HTML标记分为两大类，分别就是“双标记”与“单标记”。</p><p>（1）双标记</p><p>双标记也称体标记，就是指由开始与结束两个标记符组成得标记。其基本语法格式如下：</p><p>该语法中“<标记名>”表示该标记得作用开始，一般称为“开始标记（start tag）”，“</标记名>”表示该标记得作用结束，一般称为“结束标记（end tag）”。与开始标记相比，结束标记只就是在前面加了一个关闭符“/”。</p><p>（2）单标记</p><p>单标记也称空标记，就是指用一个标记符号即可完整地描述某个功能得标记。其基本语法格式如下：</p><!--/p1--><!--p2--><p>一篇结构清晰得文章通常都有标题与段落，HTML网页也不例外，为了使网页中得文字有条理地显示出来，HTML 提供了相应得标记。</p><p>（1）标题标记</p><p>为了使网页更具有语义化，经常会在页面中用到标题标记，HTML提供了6个等级得标题，即<h1>、<h2>、<h3>、<h4>、<h5>与<h6>，从<h1>到<h6>重要性递减。其基本语法格式如下：<hn align="对齐方式">标题文本</hn></p><p>该语法中n得取值为1到6，align属性为可选属性，用于指定标题得对齐方式，下面来演示标题标记得使用。</p><p>（2）段落标记</p><p>在网页中要把文字有条理地显示出来，离不开段落标记，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落得标记就就是<p>。其基本语法格式如下：</p><p><p align="对齐方式">段落文本</p></p><p>该语法中align属性为<p>标记得可选属性，与标题标记<h1>~<h6>一样，同样可以使用align属性设置段落文本得对齐方式。</p><p>制作网页时，经常需要设置页面得基本信息，如页面得标题、作者、与其她文档得关系等。为此HTML提供了一系列得标记，这些标记通常都写在<head>标记内，因此被称为头部相关标记。</p><p>（1）<title>标记

标记用于定义HTML页面得标题，即给网页取一个名字，必须位于<head>标记之内。一个HTML文档只能含有一对<title>标记，<title>之间得内容将显示在浏览器窗口得标题栏中。其基本语法格式如下：</p><p><title>网页标题名称

（2） 标记

标记用于定义页面得元信息，可重复出现在头部标记中，在HTML中就是一个单标记。标记本身不包含任何内容，通过“名称/值”得形式成对得使用其属性可定义页面得相关参数，例如为搜索引擎提供网页得关键字、作者姓名、内容描述，以及定义网页得刷新时间等。

（3）标记

一个页面往往需要多个外部文件得配合，在中使用标记可引用外部文件，一个页面允许使用多个标记引用多个外部文件。其基本语法格式如下：

在HTML 中使用style 标记时，常常定义其属性为type ，相应得属性值为text/css ，表示使用内嵌式得CSS 样式。

多种多样得文字效果可以使网页变得更加绚丽，为此HTML 提供了文本样式标记，用来控制网页中文本得

字体、字号与颜色。其基本语法格式如下：

文本内容

标记常用得属性:

示，此时仅仅依靠HTML 标记得默认显示样式已经不能满足需求了，需要使用HTML 标记得属性加以设置。其基本语法格式如下：

<标记名 属性1="属性值1" 属性2="属性值2" …> 内容

在上面得语法中，标记可以拥有多个属性，必须写在开始标记中，位于标记名后面。属性之间不分先后顺序，

标记名与属性、属性与属性之间均以空格分开，任何标记得属性都有默认值，省略该属性则取默认值。

其中align 为属性名，center 为属性值，表示标题文本居中对齐，对于标题标记还可以设置文本左对齐或右对齐，

对应得属性值分别为left 与right 。如果省略align 属性，标题文本则按默认值左对齐显示。

标题文本

在网页中，有时需要为文字设置粗体、斜体或下划线效果，这时就需要用到HTML 中得文本格式化标记，使文字

以特殊得方式显示，常用文本格式化标记如下表所示。

与

文字以粗体方式显示（XHTML推荐使用strong）

与 文字以斜体方式显示（XHTML推荐使用em）

与 文字以加删除线方式显示（XHTML推荐使用del）

与 文字以加下划线方式显示（XHTML不赞成使用u）

“图像标记”，并通过设置其“相对路径”来制作一个图文混排页面，如下图所示。

HTML网页中任何元素得实现都要依靠HTML标记，要想在网页中显示图像就需要使用图像标记，接下来将详细介绍图像标记以及与它相关得属性。其基本语法格式如下：

该语法中src属性用于指定图像文件得路径与文件名，它就是img标记得必需属性。

（1）图像得替换文本属性alt

由于一些原因图像可能无法正常显示，比如网速太慢，浏览器版本过低等。因此为页面上得图像加上替换文本就是个很好得习惯，在图像无法显示时告诉用户该图片得内容。这就需要使用图像得alt属性，接下来通过一个案例来演示alt属性得用法。

注意：各浏览器对alt属性得解析不同，本书这里使用得就是Firefox，如果使用其她得浏览器如IE、谷歌等，显示效果可能存在一定得差异。

各浏览器对alt属性得解析不同，本书这里使用得就是Firefox，如果使用其她得浏览器如IE、谷歌等，显示效果可能存在一定得差异。

多学一招：使用title属性设置提示文字

图像标记有一个与alt属性十分类似得属性title，title属性用于设置鼠标悬停时图像得提示文字，下面来演示title属性得使用。

（2）图像得宽度、高度属性width、height

通常情况下，如果不给标记设置宽与高，图片就会按照它得原始尺寸显示，当然也可以手动更改图片得大小。width与height属性用来定义图片得宽度与高度，通常我们只设置其中得一个，另一个会按原图等比例显示。如果同时设置两个属性，且其比例与原图大小得比例不一致，显示得图像就会变形或失真。

（3）图像得边框属性border

默认情况下图像就是没有边框得，通过border属性可以为图像添加边框、设置边框得宽度，但边框颜色得调整仅仅通过HTML属性就是不能够实现得。

了解了图像得宽度、高度以及边框属性，接下来使用这些属性对图像进行修饰。

（4）图像得边距属性vspace与 hspace

在网页中，由于排版需要，有时候还需要调整图像得边距。HTML中通过vspace与hspace属性可以分别调整图像得垂直边距与水平边距。

（5）图像得对齐属性align

图文混排就是网页中得常见效果，默认情况下图像得底部会相对于文本得第一行文字对齐，如下图所示。但就是在制作网页时经常需要实现图像与文字得环绕效果，例如图像居左文字居右等，这就需要使用图像得对齐属性align。

网页中得路径通常分为两种，具体如下：

（1）绝对路径

绝对路径一般就是指带有盘符得路径。

例如：

“D:\HTML+CSS+JavaScript网页制作案例教程\教材案例\chapter02 \images\logo、gif”，或完整得网络地址。

例如：

“”。

（2）相对路径

相对路径不带有盘符，通常就是以HTML网页文件为起点，通过层级关系描述目标图像得位置。

例如：

java培训,、net培训,php培训,网页培训,平面培训,iOS培训机构

相对路径得设置分为以下3种：

?图像文件与html文件位于同一文件夹：只需输入图像文件得名称即可，如。

?图像文件位于html文件得下一级文件夹：输入文件夹名与文件名，之间用“/”隔开，如。

?图像文件位于html文件得上一级文件夹：在文件名之前加入“、、/”，如果就是上两级，则需要使用“、、

/ 、、/”，以此类推，如。

（1）GIF格式

GIF最突出得地方就就是它支持动画，同时GIF也就是一种无损得图像格式，也就就是说修改图片之后，图片质量几乎没有损失。再加上GIF支持透明（全透明或全不透明），因此很适合在互联网上使用。但GIF只能处理256种颜色。在网页制作中，GIF格式常常用于Logo、小图标及其她色彩相对单一得图像。

（2）PNG格式

PNG包括PNG-8与真色彩PNG（PNG-24与PNG-32）。相对于GIF，PNG最大得优势就是体积更小，支持alpha透明（全透明，半透明，全不透明），并且颜色过渡更平滑，但PNG不支持动画。同时需要注意得就是IE6就是可以支持PNG-8得，但在处理PNG-24得透明时会显示为灰色。通常，图片保存为PNG-8会在同等质量下获得比GIF更小得体积，而半透明得图片只能使用PNG-24。

（3）JPG格式

JPG所能显示得颜色比GIF与PNG要多得多，可以用来保存超过256种颜色得图像，但就是JPG就是一种有损压缩得图像格式，这就意味着每修改一次图片都会造成一些图像数据得丢失。JPG就是特别为照片图像设计得文件格式，网页制作过程中类似于照片得图像比如横幅广告（banner）、商品图片、较大得插图等都可以保存为JPG格式。

2、3

HTML为这些特殊字符准备了专门得替代代码

HTML知识点总结

HTML知识点总结 第一章知识总结 1.HTML文档结构（括号里面的是注释） （头部部分） (可写可不写) 显示在浏览器标题栏中的标题 （主体部分） （页面容） 1)标签中的属性有： bgcolor=颜色（背景颜色）background=图片的绝对路径或相对路径（背景图片） 2.标题标签 n取1~6（设置文字标题）： 1)

一级标题

2)

二级标题

3)

三级标题

4)

四级标题

5)
五级标题
6)
六级标题
3.标签（设置文字属性） 要设置的文字 4.特殊符号 5.行的控制相关标签 段落标签

(段落的对其方式) 换行标签
6.图片标签

图片的提示文字 (align是用于调整图片相对于周围文本的对其方式) 7.文字布局 1)水平线

2)有序列表的语法
    （序号类型有：1、a、A、ⅰ、I）
  1. 填写信息
    2. （必须用
  2. 将容包括起来）
  3. 填写信息
  4. 填写信息
    5. ……
3)无序列表语法
    （序号类型有：disc(默认值,实心圆点)、circle(空心圆环)、square(空心正方形)）
  • 所写容
  • （必须用
  • 将容包括起来）
4)预格式文本语法 
HTML知识点汇总
HTML知识点汇总 第一章HTML基础知识 1、HTML简介 HTML(Hypertext Markup Language)，超文本标记语言，HTML利用各种标记来标识文档的结构以及标识超链接的信息。它是从SGML(Standard Generalized Markup Language，标准通用标识语言)中的一个子集演变而来的。 2、HTML的标记组成 HTML用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“<>”括起来，而且是成对出现的，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。如、 等 1)单标记：有些标记能完整的表达标记里的意思，只须在尖括号中输入标记名即可，这类标记叫 单标记。XHTML中要求单标记也必须闭合，即在标记“>”前添加斜杠。常见的单标记如
、
等。 2)双标记：双标记有头有尾，且前面的标记与后面的标记保持一致，但在后面的标记前有斜线， 语法形如：<标记>内容。例如：段落  3)XHTML要求所有标记均为小写，且所有标记属性必须添加双引号 4)标记对不能交叉 3、HTML基本结构   网页标题      1)标记对不能放在<body>标记对中，同理，其它表示内容的标记也不能放在<head>标记对 中 2)<html></html>表示HTML语言，在<html></html>里面包含头部(<head></head>)和内容体 (<body></body>)。 1页</p><h2>HTML笔试题目(附答案)HTML基础知识笔试题目(附答案)</h2><p>) <input type="radio"></input> ) <input type="reset"></input> web 页的软件？ (B )(选择1项) ) Internet Explorer ) FTP A ) place=middle B C ) align=center D 8、 ｛HTML 题目｝将当前页面的背景色为 蓝色, 择1项) A ) bgcolor="blue" C ) backcolor="blue" 9、 ｛HTML 题目｝ A 文件夹与 现在我们希望在 B D B 文件夹是同级文件夹，其中 ) type=middle ) type=center 应该使用哪一句代码来描述此种设置 ( A ) (选 ) bgground="blue" ) background="blue" A 下有 a.htm ， B 下有 b.htm 文件， a.htm 文件中创建超链接，链接到 b.htm ，应该在 a.htm 页面代码中如何描 1、 ｛HTML 题目｝在HTML 页面中制作一个图像，想要在鼠标指向这个图像时浮出一条提示信 息，应该使用的参数是 :( C ) ( 选择 1 项) A) POP B) SRC C) ALT D) MSG 2、 ｛HTML 题目｝在页面中看不见的表单元素是 那种？ (C )(选择1项) A) <input type="password"></input> B C) <input type="hidden"></input> D 3、(HTML 题目)以下哪一个项目是用来访问 A) Outlook Express B C) QQ D 4. ｛HTML 题目｝下面关于CSS 表述正确的是(A,C,D )(选择3项) A) CSS 是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计 必不可少的工具之一。 B) 层叠样式表是 HTML 的辅助工具， 缺点是设计者设计的网页缺少动感， 网页内容的 排版布局上也有很多困难 C) 使用 CSS 能够简化网页的格式代码， 加快下载显示的速度，也减少了需要上传的代 码数量，大大减少了重复劳动的工作量。 D) CSS 是Cascading Stylesheets 的缩写，中文意思是层叠样式表 5、 ｛HTML 题目｝下面的标记用于表示 HTML 文档的结束的是:(B )( 选择1项) A) /BODY B) /HTML C) /TABLE D) /TITLE 6、 ｛HTML 题目｝在Html 标记中，哪个标记表示表格 (C )(选择1项) A) <H1> B ) <TD> C) <TABLE> D ) <TAB> 7、｛HTML 题目｝在Html 标记中，用什么方法可以将整个表格在页面中居中 (C )( 选择1 项) 述链接内容( C ) ( 选择 1 项) A) b.htm B ) ././././B/b.htm C) ../B/b.htm D../../b.htm 10、 ｛HTML 题目 ｝语句 A ：HTML 文档必须包括“头”和“主体”两部分 语句B : HTML 文档的扩展名为.htm 或.html ( D ) (选择 1 项) A)两句都对 B)两句都错 C)只有A 对 D)只有B 对 11、 ｛HTML 题目｝我们想要在 HTML 文档中加入图像，可以使用哪个标记来达到要求呢？ (选 择1项)( C ) A) <PIC> B ) <PICTURE></p><h2>网页制作HTML基础知识</h2><p>网页制作之HTML基础知识2009-04-15 11:03很多被淘汰了的标签，不过了解下也好。 总类（所有HTML文件都有的） 文件类型 <HTML></HTML> （放在档案的开头与结尾） 文件主题 <TITLE> （必须放在「文头」区块内） 文头  （描述性资料，像是「主题」） 文体  （文件本体） 结构性定义（由浏览器控制的显示风格） 标题  （从1到6，有六层选择） 标题的对齐  区分 
 区分的对齐 
 引文区块 
 （通常会内缩） 强调  （通常会以斜体显示） 特别强调  （通常会以加粗显示） 引文  （通常会以斜体显示） 码  （显示原始码之用） 样本  键盘输入  变数  定义  （有些浏览器不提供） 地址 
 大字  小字  与外观相关的标签（作者自订的表现方式） 加粗  斜体  底线  （尚有些浏览器不提供） 删除线  （尚有些浏览器不提供） 下标  上标  打字机体  （用单空格字型显示） 预定格式 
 （保留文件中空格的大小） 预定格式的宽度 
（以字元计算） 向中看齐 
 （文字与图片都可以） 闪耀  （有史以来最被嘲弄的标签） 字体大小 （从1到7） 改变字体大小  基本字体大小  （从1到7; 内定为3） 字体颜色  链结与图形 链接 
HTML基础知识
HTML 学习任何一门语言，都要首先掌握它的基本格式，就像写信需要符合书信的格式要求一样。HTML标记语言也不例外，同样需要遵从一定的规范。接下来将具体讲解HTML文档的基本格式。 HTML文档的基本格式主要包括文档类型声明、根标记、头部标记、主体标记，具体介绍如下： （1）标记  标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML 或XHTML（可扩展超文本标记语言）标准规范，必需在开头处使用标记为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有效的XHTML文档，并按指定的文档类型进行解析。 （2）标记 标记位于 标记之后，也称为根标记，用于告知浏览器其自身是一个HTML 文档， 标记标志着HTML文档的开始，标记标志着HTML文档的结束，在它们之间的是文档的头部和主体内容。 在之后有一串代码“xmlns=""”用于声明XHTML统一的默认命名空间。 （3）标记 标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在标记之后，主要用来封装其他位于文档头部的标记，例如、<meta>、<link>及<style>等，用来描述文档的标题、作者以及和其他文档的关系等。 一个HTML文档只能含有一对<head>标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。 （4）<body></body>标记 <body>标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内，<body>标记中的信息才是最终展示给用户看的。 一个HTML文档只能含有一对<body>标记，且<body>标记必须在<html>标记内，位于<head>头部标记之后，与<head>标记是并列关系。 在HTML页面中，带有“< >”符号的元素被称为HTML标记，如上面提到的<html>、<head>、<body>都是HTML标记。所谓标记就是放在“< >”标记符中表示某个功能的编码命令，也称为HTML标签或HTML元素，本书统一称作HTML标记。 为了方便学习和理解，通常将HTML标记分为两大类，分别是“双标记”与“单标记”。 （1）双标记 双标记也称体标记，是指由开始和结束两个标记符组成的标记。其基本语法格式如下： 该语法中“<标记名>”表示该标记的作用开始，一般称为“开始标记（start tag）”，“</标记名>”表示该标记的作用结束，一般称为“结束标记（end tag）”。和开始标记相比，结束标记只是在前面加了一个关闭符“/”。 （2）单标记 单标记也称空标记，是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下： 一篇结构清晰的文章通常都有标题和段落，HTML网页也不例外，为了使网页中的文字有条理地显示出来，HTML提供了相应的标记。 （1）标题标记 为了使网页更具有语义化，经常会在页面中用到标题标记，HTML提供了6个等级的标题，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>重要性递减。其基本语法格式如下：<hn align="对齐方式">标题文本</hn> 该语法中n的取值为1到6，align属性为可选属性，用于指定标题的对齐方式，下面来演示标题标记的使用。</p><h2>HTML+CSS基础知识点</h2><p>HTML+CSS笔记 1.学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。 （1）HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 （2）CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 （3）JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。 2.添加样式如： <style type="text/css"> h1{ font-size:12px; color:#930; text-align:center; } 我的第二个段落  （2）标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：<div>里嵌套，那么 必须</p><p>11.使用<br/>标签分行显示文本 需要加回车换行的地方加入<br />，<br />标签作用相当于word文档中的回车  暗淡轻黄体性柔，<br/> 情疏迹远只香留。<br/> 何须浅碧深红色，<br/> 自是花中第一流。  12.认识<hr>标签，添加水平横线 13. <address>标签，为网页加入地址信息 15.使用ul,添加信息列表（无序列表）：如下图</p><p>18.认识table标签，认识网页上的表格</p><p>19.caption标签，为表格添加标题和摘要 摘要：摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 例如：</p><h2>千锋html5基础入门教程内容</h2><p>千锋html5基础入门教程内容 千锋html5基础入门教程内容有哪些？零基础能不能学会这门课程？互联网的高速发展带动了软件行业，更多年轻人会选择学习软件行业作为未来的职业，html5随着近两年的不断火热，受到了更多年轻人的青睐，那么学习的内容也更受到大家的关注，那么给大家介绍一下千锋html5入门教程内容。 千锋html5培训课程分采用进阶式学习，阶段性检测学员掌握学员学习情况。千锋的html5学科的课程体系能够适应市场需求、紧跟时代技术，完全满足市场对html5工程师的要求，大大提升了学员的市场竞争力。学习内容包括7大学习阶段： 阶段一：前端页面重构(4周） 内容包含了：（PC端网站布局项目、HTML5+CSS3基础项目、WebApp 页面布局项目） 阶段二：JavaScript高级程序设计（5周）</p><p>内容包含：1）原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目） 阶段三：PC端全栈项目开发（3周） 内容包含：（jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目） 阶段四：移动端项目开发(6周) 内容包含：（Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目） 阶段五：混合（Hybrid,ReactNative）开发（1周） 内容包含：（微信小程序开发、React Native、各类混合应用开发）</p><h2>HTML基础知识点总结</h2><p>HTML知识点总结 第一章:知识总结 1. <b>HTML文档结构</b>(括号里面的就是注释) <!DOCTYPE html > *注:<!DOCTYPE> 标签没有结束标签！ <html > <head>(头部部分) <meta http-equiv=“Content-Type”content=“text/html”; charset=gb2312 >(可写可不写) <title>显示在浏览器标题栏中的标题  (主体部分) (页面内容)   标签中的属性有: bgcolor=颜色(背景颜色) background=图片的绝对路径或相对路径(背景图片) 2. 标题标签 n取1~6(设置文字标题): 1) 
一级标题
 2) 
二级标题
 3) 
三级标题
 4) 
四级标题
 5) 
五级标题
 6) 
六级标题
 3、标签(设置文字属性) 要设置的文字
5、行的控制相关标签 段落标签  
(段落的对其方式) 换行标签
 6、图片标签 图片的提示文字 (align就是用于调整图片相对于周围文本的对其方式) 7、文字布局 1) 水平线
 2) 有序列表的语法 
    (序号类型有:1、a、A、ⅰ、I) 
  1. 填写信息
    2. (必须用
  2. 将内容包括起来) 
  3. 填写信息
    4.  
  4. 填写信息
    5.  …… 
 3) 无序列表语法 
    (序号类型有:disc(默认值,实心圆点)、circle(空心圆环)、square(空心正方形)) 
  • 所写内容
  • (必须用
  • 将内容包括起来) 
 4) 预格式文本语法 
 (具体的文本格式,这个格式在时就是不改变的哦！) 
 8、页面链接语法 1) 链接到其她页面 连接标志 2) 链接到本页面 首先创建一个锚链接的锚记点:主题名称 然后在具体要链接到的地方设置name: (锚记点前面要加上#号) 3) 电子邮件链接 站长邮箱(注意不能忘了mailto) 9、滚动标签的语法  滚动的文字与图像 
HTML基础设计教案
教案编写日期：20XX年11月20日授课时间：20XX年11月21日-25日授课班级：高二3-8班授课地点：高中微机教室 第六章HTML代码基础 §1.1 HTML语言 指导思想与理论依据：HTML语言基础广西科学技术出版社《信息技术高中第三册》第一单元第六章——“了解一点HTML”的入门知识，HTML语言是超文本标记语言的缩写(HyperTextMarkupLanguage) ,它是网页设计中应用最广泛的一种语言，也是网页制作中学生感到最头疼难学的一个内容。掌握html语言基础会让动态网页制作的学习事半功倍，因而本部分知识显得非常重要，因此在本节课程的教学中，结合新课标及教材的特点，采用多种教学法结合方式（启发式教学法、任务驱动法、演示法等等...），激发学生学习兴趣，尤其是注重对学生的引导，采用任务驱动方式教学，引导学生通过自主学习平台自主学习从而提高学生的学习效率，本节内容是在学生已经掌握了利用FRONTPAGE制作普通网页的基础上，对网页语言的深入学习。 学情背景分析： 本节之前，学生已经学习了如何利用FrontPage进行网页以及网站的制作，但是对于网页的认识还知识停留在页面的直观设计上，缺少对HTML代码的认识。本节课主要对学生讲述HTML的基本概念，为学生培养良好的代码结构意识打下基础。 在本节课程的教学中，结合新课改的理念，采用创设情境演示教学的方法，激发学生学习兴趣，采用任务驱动方式教学，引导学生通过自主学习平台自主学习从而提高学习效率。 教学目标 1、掌握HTML基本概念、格式，理解其与网页的关系； 2、掌握基本的HTML 标签的作用与用法； 过程与方法：通过对简单网页html代码的观察对和html语言的基本结构进行自我概括，掌握HTML文件的基本结构，能够明确HTML语言的结构和特点，并能在实验的过程中尝试自我修改。 情感态度价值观：本课主要锻炼学生分析能力，语言构成能力。在相应的实验中，还能提升学生自主探究、自我学习的能力。 教学重点：HTML标签的基本用法及其意义 教学难点：HTML主要标签属性的具体意义及使用 教学方法：任务驱动法（引导学生自主学习）、演示法（激发学生学习兴趣）、上机操作实习法（精讲多练）、联系对比法（化难为易，照葫芦画瓢） 教学媒体：教材、多媒体课件、电脑等
HTML知识点
首先学习HTML我认为需要搞懂块级元素与行内元素这两个概念 块级元素与行内元素 块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊，它只能用来容纳其他块元素。 你能够把块容器元素div想象成一个个box，或者如果你玩过剪贴文载的话，那就更加容易理解了。我们先把需要的文章从各种报纸、杂志总剪下来。每块剪下来的内容就是一个block。然后我们把这些纸块按照自己的排版意图，用胶水重新贴到一张空白的新纸上。这样就形成了你自己独特的文摘快报了。作为一种技术的延伸，网页布局设计也遵循了同样的模式。. 内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素“a”。 块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素cite加上display:block 这样的属性，让他也有每次都从新行开始的属性。 可变元素的基本概念就是他需要根据上下文关系确定该元素是块元素或者内联元素。可变元素还是属于上述两种元素类别，一旦上下文关系确定了他的类别，他就要遵循块元素或者内联元素的规则限制。大致的元素分类见全文。 块元素(block element) *address-地址 *blockquote-块引用 *center-居中对齐块 *dir-目录列表 *div-常用块级元素，也是css layout的主要标签 *dl-定义列表 *fieldset-form控制组 *form-交互表单 *h1-h6标题 *hr-水平分隔线 *isindex-input prompt *menu-菜单列表 *noframes-frames可选内容，（对于不支持frame的浏览器显示此区块内容 *noscript-可选脚本内容（对于不支持script的浏览器显示此内容） *ol-排序表单 *p-段落 *pre-格式化文本 *table-表格
HTML5基础知识
Html5·J S基础 Html5是超文本标记语言，不属于编程语言。 Html5不考虑对IE9及以下版本的支持。 1.html5基础 div布局中设置浮动：float: right; 清除浮动：clear: both; 表格布局中合并2个单元格：colspan="2" 要在网页上显示预留关键字可以直接百度HTML实体。 XHTML的语法和书写格式更加严格规范。 1.1.html基础格式  //声明:html各版本的声明方式不同，这里是html5版本  //en表示英文，zh表示中文   //编码格式 叉叉学院   大叉叉家族 hello //这里的两排文字是没有格式的，不会分两排显示,可使用换行符 
大狗狗
 //html标题 
大豚豚
 hello dachacha  //html段落 hello //这里的两排文字是有格式的，会分两排显示 百度一下 //html链接  //html图片   换行符：hello dachacha 
 hello dagou
1.2.html标签属性 1)通用属性： class：规定元素的类名 id：规定元素唯一ID style：规定元素样式 title：规定元素的额外信息 2)键/值属性： 打开本地 点击打开本地，进入href_file.html。href="#"表示点击链接后跳转到自身 3)常用属性： 
:align对齐方式，有right,left,center 
title
 :bgcolor背景颜色，颜色是十六进制符号来定义的 background背景，如background="image01.jpg" :target规定在何处打开链接。_blank：在新页面打开（浏览器的新页面） _self：在当前页面打开（当前框架页面） _top:在顶级页面打开（相当于浏览器当前页面） _parent:在父级页面打开（承载当前框架的框架内打开）打开本地 1.3.html格式化 定义粗体文本 定义删除字 定义着重字 定义斜体字 定义小号字 定义加重语气 定义下标字 定义上标字 定义插入字 欢迎来到叉叉学院 1.4.html样式 1)外部样式表 创建外部样式文件mystyle.css然后在head中引用该样式：  2)内部样式表 直接将外部样式文件的内容写到head中，p标签装的是需要改变样式的文本
HTML基础知识
元素分类 在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有： 
、、
...
、
    、