HTML基础1
1.初识html语言
课题：第一课：初识html语言
前言
我们知道internet 是目前世界上应用最广泛是计算机网络，而internet上面的信息的基本组织是网页和网站，因此具备网页与网站设计技术是非常必要的。
本课程主要以html基础语言知识为讲解，让大家深入明白、理解、运用我们所学的html语言技术
那html是什么呢？
Html是网页制作的基础语言，是英文Hyper Text Mark-up Language是缩写它是一种用来制作超文本文档的基础语言
我们通常所说的网页语言其实包括很多种，有html、asp、php….
而html语言是学网页设计、网站架设、网站开发….必须具备的基础知识
备注
所以为了大家能够真正的学习到这些技术，我们开设了html培训班这套课程。
为的是让新手能够真正学习好关于网站方面的各种技术，有了基础，那么再学习其他技术也就非常容易了！也是为了老手能够重新温习一下这些技术！所以说我们开设本套课程是非常有必要的！
Html课程总共50课，课程主要以新手为主来按照顺序讲解的！在课程中如果有什么遗漏疏忽，望请大家多多包涵！。
htm第一章l基础知识总结
htm第一章l基础知识总结HTML（HyperText Markup Language）是一种标记语言，用于描述网页的结构和内容。
下面是HTML的基础知识总结：1. HTML标签：HTML由一系列的标签组成，标签用尖括号（< >）包围。
常用的标签包括<html>、<head>、<title>、<body>等。
2. 文本标签：用于定义文本内容的标签，例如：<p>用于定义段落、<h1>~<h6>用于定义标题、<a>用于定义链接等。
3. 图像标签：用于显示图像的标签，例如：<img>用于插入图像，其中的src属性用于指定图像的路径。
4. 列表标签：用于定义有序或无序列表的标签，例如：<ul>用于定义无序列表（包含点或其他标志）、<ol>用于定义有序列表（包含数字）。
5. 表格标签：用于创建表格的标签，例如：<table>用于创建表格、<tr>用于定义表格中的行、<td>用于定义表格中的单元格等。
6. 表单标签：用于创建表单的标签，例如：<form>用于定义表单、<input>用于输入字段、<button>用于定义按钮等。
7. 属性：标签可以带有属性，属性提供元素的额外信息。
例如，<a>标签带有href属性，用于指定链接的地址，<img>标签带有src属性，用于指定图像的路径。
8. CSS：CSS（Cascading Style Sheets）用于描述网页的样式和布局。
可以通过<style>标签或外部CSS文件将样式应用到HTML元素上。
9. 嵌套：HTML元素可以相互嵌套，一个元素可以包含另一个元素。
例如，<div>内部可以包含<p>、<a>等其他标签。
html基础教程1
什么是HTML 文件？∙HTML 指超文本标签语言。
∙HTML 文件是包含一些标签的文本文件。
∙这些标签告诉WEB 浏览器如何显示页面。
∙HTML 文件必须使用htm 或者html 作为文件扩展名。
∙HTML 文件可以通过简单的文本编辑器来创建。
做个实验如何？准备工作：第一步：如果您使用Windows，请启动记事本。
第二步：键入以下文本：1.2.<html>3.<head>4.<title>页面的标题</title>5.</head>6.<body>7.<p>这是我的第一个页面。
<b>这是粗体文本。
</b></p>8.</body>9.</html>复制代码第三步：将这个文件存为"mypage.html"。
第四步：直接双击你做好的这个文件（网页）,浏览器就会显示这个页面。
或者启动您的浏览器。
在浏览器的文件菜单中选择“打开”或者“打开页面”。
这时会弹出一个对话框。
单击“浏览”或者“选择文件”，找到您刚才创建的文件- "mypage.html"，选定它然后打开，现在您会看到对话框中有一行地址，比如："D:\mypage.html"。
单击确定按钮，浏览器就会显示这个页面。
这就是我们做好的第一个网页。
例子解释：HTML 文件中的第一个标签是<html>。
这个标签告诉浏览器这个HTML 文件的开始点。
文件中最后一个标签是</html>。
这个标签告诉您的浏览器，这是HTML 文件的结束点。
位于<head> 标签和</head> 标签之间的文本是头信息。
头信息不会显示在浏览器窗口中。
<title> 标签中的文本是文件的标题。
标题会显示在浏览器的标题栏。
HTML经典试题及答案1
精心整理1.在HTML中,表示页面背景的是( )A.<body bgcolor=>B.<body bkcolor=>C.<body agcolor=>A4.下列表示，已经点击(访问)过的可链接文字的的颜色是黑色的是（）A.<body alink=”#000000”>B.<body link=”#000000”>C.<body vlink=”#000000”>D.<body blink=”#000000”>C5.下列表示，正被点击的可链接文字的颜色是白色的是（）B.页面上边的空白大小C.页面上边的可用区域大小D.页面上边的可编辑区域大小B8.链接(Link)基本语法是（）B.<a herf="URL"> ... </a>C.<a link="URL"> ... </a>D.<a href="URL"> ... </a>D9.表示跳转到页面的”bn”锚点的代码是：（）A.<a href="hello.html&bn"> ... </a>B.<a href="bnl#hellohtml"> ... </a>C.<a href="hello.html#bn"> ... </a>D.<a href="#bn"> ... </a>CA.跳转到”hello.html”页面的顶部B.跳转到”hello.html”页面的”top”锚点C.跳转到”hello.html”页面的底部D.跳转到”hello.html”页面的文字”top”所在链接BA.打开一个空窗口的超链接代码B.在父窗口打开超链接的代码C.新开一个窗口的超链接代码D.在本窗口中打开一个超链接的代码BA.<a href=URL target=_top>..</a>B.<a href=URL target=_parent>..</a>C.<a href=URL target=_blank>..</a>D.<a href=URL target=_self>..</a>BA.<a href=URL target=_blank>..</a>B.<a href=URL target=_top>..</a>C.<a href=URL target=_main>..</a>D.<a href=URL target=_self>..</a>BA.在框架页中的主框架中打开链接B.在框架页中的上面框架中打开链接C.在整个框架页中打开链接D.在本窗口打开超链接CA.在框架页中的主框架中打开链接B.在框架页中的左面框架中打开链接C.在整个框架页中打开链接D.在本窗口打开超链接BA.<hr>B.<br>C.<hr></hr>D.<tr>AA.<br align=left>B.<tr align=left>C.<hr align=left>D.<hr align=right> CA.表示水平线没有阴影B.表示水平线没有边框C.表示页面边界没有阴影D.表示水平线不显视AA.<s></s>表示上标B.<strike></strike>表示删除线C.<sup></sup>表示上标D.<u></u>表示下划线AA.斜体B.粗体C.下划线D.上标BA.<hr>B.<br>C.<tr>D.<hr></hr> BA.<p>和<br>的区别是<p>插入了一个空行B.<p>和<br>的区别是<p>不是换行符，而<br>是C.<p>和<br>的区别就是<p>后面不能加入文字D.<p>和<br>的区别就是<b>后面不能加入文字AA.<dt><dl>***<dd>***</dl>B.<dd><dt>***<dl>***</dd>C.<dt><dd>***<dl>***</dt>D.<dl><dt>***<dd>***</dl>DA.disk是定制表中type的标记B.left是定制表中type的标记C.circle是定制表中type的标记D.square是定制表中type的标记BA.圆点B.圆环C.字母D.方块D43.定制有序列表表中的序号的起始值的表示法为（）A.<ol begint=#>B.<ol star=#>C.<ol still=#>D.<ol start=#>DA.列的数目B.列间的空白C.列的宽度D.列的长度A47.<multicol gutter=#> ... </multicol>，gutter表示（）A.列的数目B.列间的空白C.列的宽度D.列的长度BA <Hn></Hn>B <PRE><PRE>C <p>D <BR>A51.下列哪一项是"多选式选单"的语法？A. <SELECT MULTIPLE>B. <SAMP></SAMP>C. <ISINDEX PROMPT="***">D.<TEXTAREAWRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>54.HTML的段落标志中,标注行中断的是?A. <Hn> </Hn>B. <PRE> </PRE>C. <P>D. <BR>C55.HTML文本显示状态代码中,<SUP></SUP>表示?A. 文本加注下标线B. 文本加注上标线C. 文本闪烁D. 文本或图片居中58.HTML语言中，设置正在被点中的链接的颜色的代码是？A. <body bgcolor=?>B. <body alink=?>C. <body link=?>D. <body vlink=?>B59.HTML文本显示状态代码中,<CENTER></CENTER>表示?A.文本加注下标线B.文本加注上标线C.文本闪烁D.文本或图片居中63.HTML的颜色属性值中，Purple的的代码是？A."#800080"B.. "#008080"C."#FF00FF"D."#00FFFF"A64.HTML代码<img src="name">表示?A. 添加一个图象B. 排列对齐一个图象C. 设置围绕一个图像的边框的大小E.加入一条水平线A65.html语言中，设置围绕表格的边框的宽度的标记是？A. <table border=#>B. <table cellspacing=#>C. <table cellpadding=#>A69.框架中“可改变大小”的语法是下列哪一项A. <IMG SRC="URL" BORDER=?>B. <SAMP></SAMP>C. <ADDRESS></ADDRESS>D. <FRAME NORESIZE>70.创建最小的标题的文本标签是？A. <pre></pre>B. <h1></h1>C. <h6></h6>D. <b></b>C71.设置围绕表格的边框宽度的HTML代码是？A. <table size=#>B. <table border=#>C. <table bordersize=#>D. <tableborder=#>75.创建黑体字的文本标签是？A. <pre></pre>B. <h1></h1>C. <h6></h6>D. <b></b>D76.在HTML语言中"<FRAME NORESIZE> "的具体含义是下列哪一项？A. 个别框架名称B. 定义个别框架C. 不可改变大小D. 背景资讯C77.HTML代码<table width=# or%>表示？A. 设置表格格子之间空间的大小B. 设置表格格子边框与其内部内容之间空间的大小C. 设置表格的宽度－用绝对像素值或文档总宽度的百分比A. 创建一个单选框B. 创建一个单行文本输入区域C. 创建一个提交按纽D. 创建一个使用图象的提交按纽B82.表格标记的基本结构是？A. <tr></tr>B. <br></br>C. <table></table>D.<bg></bg>C83.表单提交中的方式有()A.1种B.2种C.3种D.4种B84.在HTML中,<form action=?>,action表示()B.<input type=iamge>C.<input type=text>D.<input type=hide>C87.增加表单的隐藏域的HTML代码是()A.<input type=submit>B.<input type=iamge>C.<input type=text>D.<input type=hide>D88.增加表单的复选框的HTML代码是()B.<input type=iamge>C.<input type=radio>D.<input type=checkbox>B91.增加表单的文本域的HTML代码是()A.<input type=submit></input>B.<textarea name="textarea"></textarea>C.<input type=radio></input>D.<input type=checkbox></input>B92.增加表单的密码域的HTML代码是()B.<td>C.<tr>D.<th>C95.定义表头的HTML是（）A.<table>B.<td>C.<tr>D.<th>D96.定义表元的HTML是（）B.<th rowspan=#>C.<td colspan=#>D.<td rowspan=#>B99.设置表格的边框为0的HTML代码是（）A.<table cellspacing =0>B.<table height=0>C.<table border=0>D.<table cellpadding =0>C100.设置表格的单元格填充为0的HTML代码是（）B.<table vspace=600 hspace=500>C.<table height=600 width=500>D.<table vspacet=500 hspace=600>C103.设置表格的宽度为600的HTML代码是（）A.<table height=500 width=600>B.<table vspace=600 hspace=500>C.<table height=600 width=500>D.<table vspacet=500 hspace=600>A104.设置表格标题的HTML代码是（）B.<th backgound =#>C.<th src=#>D.<tr src=#>B107.设置表格边框色彩的HTML代码是（）A.<table color=#>B.<th bordercolor=#>C.<table bordercolor=#>D.<th color=#>C108.设置表格边框色彩的亮度的HTML代码是（）B.<tfoot> ... </tfoot>C.<thead> ... </thead>D.<caption> ... </caption>C111.表格的正文的HTML是（）A.< tbody> ... </tbody>B.<tfoot> ... </tfoot>C.<thead> ... </thead>D.<content> ... </content>A112.<table frame=box>表示显示的边框的数为（）115.<table frame=hsides>只显示一个边框，（）A.正确B.错误B116.<table frame=vsides>只显示一个边框，（）A.正确B.错误B117.<table frame=hsides>表示显示的边框的数为（）A.1个B.2个B.1个C.2个D.3个A121.显示表格分隔线的HTML是（）A.<table line>B.<table rules>C.<table rule>D.<table lines>B122.<table rules=all>,表示（）B.只显示组(Groups)与组之间的分隔线C.只显示行与行之间的分隔线D.只显示列与列之间的分隔线C125.<table rules=cols>,表示（）A.显示所有分隔线B.只显示组(Groups)与组之间的分隔线C.只显示行与行之间的分隔线D.只显示列与列之间的分隔线D126.<table rules=none>,表示（）B.框架的行数C.框架的列高D.框架的列数C129.<frameset rows=#>,.表示（）A.框架的行高B.框架的行数C.框架的列高D.框架的列数A130.表示显示框架的HTML的代码是（）D.<frame framespadding=#>C132.<frame marginwidth=#>表示（）A.框架页面边框高度B.框架页面边框宽度D.边框是否有颜色A135.<marquee> ... </marquee>，表示（）A.页面空白B.页面属性C.标题传递D.移动文字D136.<marquee dir=ltr> ... </marquee>，”lrt”表示（）A.移动文字从上到下B.移动文字从下到上<marquee auto=#> ... </marquee>D.<marquee time=#> ... </marquee>B139.指定移动文字的循环速度的HTML代码是（）A.<marquee scrollamount =#> ... </marquee>B.<marquee loop=#> ... </marquee>C.<marquee auto=#> ... </marquee>D.<marquee time=#> ... </marquee>A140.指定移动文字的循环延时的HTML代码是（）A.<marquee scrollamount =#> ... </marquee>B.<marquee loop=#> ... </marquee>D.<backsound url=#>B143.<img src="url.gif" dynsrc="url.avi">表示图象"url.gif"作为视频的封面，该说法（）A．正确B．错误A。
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的基本结构
HTML语言基础知识及源码大全(一)1
HTML语言基础（一）1.本文档的主要内容：（1）HTML语言概述。
（2）文字版面的编辑。
（3）文字列表的设计。
（4）表格的设计。
（5）HTML的超链接。
（6）图片的使用。
（7）高级HTML使用。
（8）表单设计。
2.Web上的信息是以页面(Page)的形式组织起来的，Web页面由HTML描述。
3.Web页面与HTML文档实际上是同一事物的两个不同侧面：人们通常把用HTML编写的文件称为HTML文档，而把HTML文档在Web浏览器中的表现形式称为Web页面。
4.Web页面中有一种称为主页(Hompage)的特殊页面。
主页通常是用户通过Web浏览器访问某一Web站点时看到的第一个页面，用户通过主页可以访问该站点的其他页面。
因此主页一般是关于某一组织、机构或个人的基本信息的页面。
5.最基本的定义：标记是用于指明文档中文本格式编排的代码系统。
6.标记语言的发展：SGML——>HTML——>XML。
7.标准通用标记语言SGML：Standard Generalized MarkupLanguage 。
8.超文本标记语言HTML：Hyper Text Markup Language。
9.可扩展标记语言XML：eXtensible Markup Language。
10.使用编辑器生成页面可能会产生的问题：（1）在编辑界面下的显示效果与用浏览器看到的很可能会不同；（2）会产生一些复杂的、非标准的代码，难以达到设计的效果，从而容易引起浏览器之间的兼容问题；（3）一些特殊的页面控制，必须通过HTML代码才可以实现。
11.可以借助于HTML编辑器，但不能依赖于它。
12.HTML文档的基本构成：<HTML><HEAD>………</HEAD><BODY><标签1 [属性[=属性值]] [属性[=属性值]].....><标签2 [属性[=属性值]] [属性[=属性值]].....>...........[</标签2>][</标签1>]..…….</BODY></HTML>13.HTML之所以称为“超文本标记语言”，一是因为它的超链接功能，二是因为它的指令统一采用了“标记”表示法。
lhtml-1
网页文件命名
1. *.htm或*.html 2. 无空格 3. 无特殊符号（例如&符号），只可以有下 划线“_”，只可以为英文、数字 4. 区分大小写 5. 首页文件名默认为：index.htm 或 index.html
HTML 文件结构
<html>...</html> <head>...</head> <body>...</body> 元素：是HTML语言的基本部分。元素总是 成对出现，每一对元素一般都有一个开始 的标记（如<body>），也有一个结束的标 记（如</body>）。元素的标记要用一对尖 括号括起来，并且结束的标记总是在开始 的标记前加一个斜杠。
HTML 文件结构 (Document Structures)
<HTML>
<HEAD>
• <title></title> • <meta>
</HEAD> <BODY>
• HTML 文件的正文
</BODY>
</HTML>
第一张网页
<html> <head> <title>my first page</title> </head> <body> This is my first homepage! </body> </html>
HTML文字与段落格式控制
<body>…… <i>倾斜文本</i> <b>粗体文本</b> <u>下划线文本</u> <s>删除线文本</s> ……</body>
HTML第一部分练习题.doc
一、选择题1、URL又称为（ A ）。
A.统一资源定位符B.客户机C.网络服务商D.远程访问2、通常网页的首页被称为（ A ）。
A.主页(index.html)B.网页C.页面D.网址3、网页的基本语言是（ C ）。
A.JavaScriptB.VBScriptC.HTMLD.XML4、网页中包含所谓的（ A ），通过已经定义好的关键字和图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其它文件，获得相应的信息.A.超链接B.热区C.图片D.多媒体5、通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做（ B ）。
A.主页B.网站C.静态网页D.动态网页动态网页和静态网页的区别：是否与后台服务器相连6、网页文件的扩展名可以是（ A ）A. .htmB. .docC. .batD. .ppt7、HTML 指的是( A)A. 超文本标记语言（Hyper Text Markup Language）B. 家庭工具标记语言（Home Tool Markup Language）C.超链接和文本标记语言（Hyperlinks and Text Markup Language）D.以上均错误8、( D )是Internet上用于编写网页的主要语言A. C语言B.VBC.VFD.HTML9、在HTML文件中，大部分的标记都是相对应的，开头标记为〈〉，结束标记为（ A ），在这两个标记中间添加内容。
A. 〈/ 〉B.〈〉C.〈！〉D.〈？〉10、〈head〉与〈/head〉就是一对标记，称为文件的（ A ），用来记录文档的相关信息。
A. 头部标记B.尾部标记C.主体标记D.总标记11、（ A ）标记是HTML文档的第 1 个标记，它通知客户端该文档是HTML文A.〈html〉B.〈body〉C.〈head〉D.〈/html〉12、( A)标记是出现在文档的起始部分，标明文档的头部信息，一般包括标题和主题信息A. 〈html〉B.〈body〉C.〈head〉D.〈/html〉13、( B )标记是用来指明文档的主体区域，该部分通常包容其他字符串，例如标题、段落、列表等A.〈html〉B.〈body〉C.〈head〉D.〈/html〉14、"在网页源代码中,( B )标记必不可少。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
│ │ │
起 空 属
始 格 性 标 识
属 空 属
性 格 值 性
属
性 值
内
容
结
束 标 识
问题：我怎么知道哪个标记符有哪些属性呢？
学习方法技巧 • 问题：我怎么知道哪个标签有哪些属性呢？ • 答曰： 1、查阅HTML语言手册（借助书籍） 2、上网在搜索引擎搜索（借助网络）
5. HTML编写网页工具 • 我们已经知道网页由html语言编写，那么那些工具可 以用来帮助我们制作网页呢？ • windows记事本 • Editplus
编写HTML语言可以在Windows记事本内书写，在存盘 输入文件名时，一定要输入HTML语言文件的扩展 名：.htm或.html。
31
小节 • 综上所述，一个不包含任何内容的基本 Web 页文件 如下所示：
• <FONT SIZE="1">本行字将以较小字体显示。</FONT>
example
10
HTML语言标签属性
属性是存储属性值的变量。HTML中的许多标签都可以提供相关信息的属性 设置。如设置文档的第2级标题文字，字体3号，文字为蓝色。其例句如下：
<FONT
SIZE="3" │ │
COLOR="#FF0000">设置字符的尺寸和颜色</FONT> │ │ │ │
• 属性是用来描述对象特征的特性。例如，一个 人的身高、体重就是人这个对象的属性。 • 在HTML中，所有的属性都放置在标签的尖括号 里，多个属性之间用空格分开，通常也不区分 大小写。 属性采用“键值对”的方式：属性名=“属性值”
9
HTML语言标签属性
• 例如，可以用字体标签和字号属性指定文字的 大小。
3、使用所见即所得的网页开发工具。（以后会讲）
12
3.HTML的基本结构ห้องสมุดไป่ตู้
<html> <head> <title> 标题栏的标题 </title> </head> <body> 主体部分内容
━┓ ┃文件头 ━┛
━┓ ┃ ┃ ┃ ┃文件体 ┃ ┃ ┃ ┃ ━┛
</body> </html>
13
4. HTML常用标签 <html> …. </html>
5
HTML标签 HTML 文档 = 网页
1. HTML 文档描述网页
2. HTML 文档包含 HTML 标签和纯文本
3. HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形 式显示出它们。浏览器不会显示 HTML 标签，而是 使用标签来解释页面的内容
HTML的基本工作原理
<HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML>
32
谢谢大家！
注：在W3C制定的HTML 4.0标准中，只有16种颜色可以用颜色 名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow)，其它的 颜色都要用16进制RGB颜色值表示。 当然，现在的浏览器支持更多的颜色名称。不过为保险起见，建 议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上# 这个符号。
href: 用于指示链接的地址 target :用于说明打开链接地址的方式，主要有两种 _self :在当前浏览器窗口中打开页面，默认值 _blank: 在新的浏览器窗口中打开页面
常用标签 <img src=“…”>
用于标记此内容为一张图片，src属性用于指明图片的位置
常用标签 <hr />
在 HTML 页面中创建水平线
HTML颜色参考 HTML颜色参考
• 在HTML里，颜色有两种表示方式。一种是用颜色名称表示，比 如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。 RGB是Red，Green，Blue意思，RGB每个原色的最小值是0， 最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。比 如白色的RGB(255,255,255)，就用#FFFFFF表示；还有黑色的 RGB(0,0,0)，就用#000000表示。
用于标记文档的开始与结束，其他标签均放在此标签内部
常用标签 <head> …. </head>
页面一般分为“头”和“体”两部分，头部用于引入一些 资源，说明一些页面信息，而不显示内容，其内部最主要 的标签是<title>..</title>
常用标签 <title> …. </title>
用于定义页面的标题，当网页在浏览器中显示时，网页标 题将在浏览器窗口的标题栏中显示。
<p><em>网站设计与开发</p> 是一门选修课</em> 错误
3.
HTML 标签是不区分大小写的。
<html>、<Html>和<HTML>没有区别。
8
HTML语言标签属性
标签可以有属性，属性放在开始标签中，并以“属性=值”的方式 出现，有些属性是必须的，有些不是 如：<img src=“images/logo.gif”>
第2章 HTML基础
河北北方学院 刘一斐 2011.09.13 afei2008@
本章内容
•
2.1 HTML语言简介
•
• • •
2.2 HTML标签的定义
2.3 HTML的基本结构 2.4 HTML的常用标签 2.5 HTML的编写工具
1. HTML语言简介 HTML 是用来描述网页的一种语言
常用标签 <meta …. >
<META> 用来介绍与网页内容相关的信息，如作者、页面信 息、关键字等。每一个<META>标签用于指明一个名称或数值 对，常常放在头标签<HEAD>中。如：
<meta name=“Author”
content=“小铃铛 "> 作者
<meta http-equiv=“Content-Type” content=“text/html”; charset=“gb2312”> 字符类型和字符集
常用标签 <br />
换行标签，用于将内容移动到下一行显示
常用标签 表格
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签 定义）
常用标签 无序列表
用于标签一个无序列表，常用于新闻列表中
常用标签 注释标签 标签的格式： <!--……--> 标签说明： <!--……-->标签是注释标签， 在这个标签之内的文本都不会在用户的浏 览器窗口中显示出来
1. HTML 标签是由尖括号包围的关键词，比如 <html> 2. HTML 标签通常是成对出现的，比如 <b> 和 </b> 3. 标签对中的第一个标签是开始标签，第二个标签是结束标
签
4. 开始和结束标签也被称为开放标签和闭合标签
HTML标签
• HTML语言使用标记标签来编写网页文件。 格式： <标签名> 内容 </标签名> 开始标记 结束标记 开始标签与结束标签的区别在于： 结束标记符多一个斜杠“/”（不是反斜杠“\”！） 例如： <html> ….. </html>
•
•
常用标签 <h1> ~ <h6>
用于标记标题的层级，h1用于标记一级标题，以此类推， 如：新闻的标题一般使用h1
常用标签
常用标签 <p>….</p>
用于标记段落，主要是在内容中使用
常用标签 <a>….</a>
用于标记此内容的链接，新闻的标题链接到新闻内容页
常用标签 <a>….</a>
此标签的属性：
1. HTML 指的是超文本标记语言 (Hyper Text Markup Language) 2. HTML 不是一种编程语言，而是一种标记语言 3. 标记语言是一套标记标签 4. HTML 使用标记标签来描述网页
3
2. HTML标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
• 浏览器按顺序阅读网页文件（HTML文件）， 然后根据内容周围的HTML标记符解释和显示 各种内容。
7
HTML语言标签概述
1. 绝大多数标签都是成对出现的，字符内容放在一对标签的中间， 如：<h1>我的第一个网页</h1> 某些标签，例如<BR>，只要求单一标记符号。
2.
标签可以嵌套，但不能相互嵌套： <p><em>网站设计与开发</em>是一门选修课</p> 正确
常用标签 <body> …. </body>
用于标记页面的“体”，需要显示的内容放在此标签内
BODY标签标志着页面内容的开始和结束，页面中所用其它的HTML 标签都在这对标签符之间。
BODY标签参数：