HTML基础1

合集下载

1.初识html语言

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基础知识总结

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基础教程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

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简介

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

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

lhtml-1
Frontpage、Dreamweaver等
网页文件命名
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

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章网页设计基础

第1章网页设计基础

1.2 Web设计基础
3. 网页设计一致性 一致性的网页设计原则使得访问者容易理解站点的结构,否则可能导致访问者陷入困惑。对优秀的 Web站点分析可以发现,优秀的网页虽然各有特色,但都遵守最基本的原则,即保持站点内部页 面之间的一致性。 要保持一致性,可以从页面的结构排版入手:
通过定义一致的页面模板,各个页面使用相同的页边距。 文本和图形之间保持相同的间距。 主要图形、标题或符号旁边留下相同的空白。 如果在第一页的顶部放置了公司标志,那么在其他各页面都放上这一标志,如果使用图标导航,
1.3 网页布局
1.3.2 布局设计类型 网页布局大致可分为“国”字型、“匡”字形型、标题正文型、框架型、封面型、Flash型、变化型等。
思考:1. 网易网站的布局设计属于哪种类型? 2. 网络传播学院的网站首页布局设计属于哪种类型?
1.3 网页布局
1.3.3 布局设计元素 在网页文件中,会涉及很多的页面元素。如何将这些页面元素有机地组合起来,达到满意的视觉效
随着浏览器版本的标准化和制作工具的完善,该布局技术原来的缺点已经逐渐被克服,建议使用。
1.3 网页布局
3. 框架布局 框架由于不能进行精确的元素定位,因此不能独立完成页面的布局,它常常和表格配合使用。先用
框架将页面划分为几个区域,然后再用表格实现各区域的精确局部。常用在网站系统的后台页面设计 中。由于在HTML 5标准中已经不被推荐,所以该布局不建议使用。
1.3 网页布局
1.3.1 布局设计原则 通常可以从以下几个大的方面考虑布局的基本设计原则。 (1)网页布局的内容应来源于需求,栏目的重要程度决定了网页布局的形式。网页中要展示的内容必 须是依据站点的主要栏目进行规划的。同时可以将所要表达的相近的栏目集中在一个区域显现,构成 一种群体效应。 (2)网页布局应区分栏目模块的重要程度。分开栏目的主次性,重要栏目以顶部、左侧排列,次要的 栏目以底部、右侧排列。即重要信息、重要功能模块“靠上靠左”原则。 (3)网页布局必须尊重用户习惯。不仅要考虑不同类型用户的使用习惯差异,还要考虑中、英文等不 同语种用户的浏览习惯。

高手进阶第1章 HTML基础

高手进阶第1章 HTML基础
HTML的基本规则 就是 用“标记语言” ——成对尖括号 组成的 标签元素 来描述网页内容 是如何在浏览器中 显示的。
用HTML制作的网页 可以通过其中的链接 从一个网页“跳转” 至另一个网页。
Page 5 讲师:贾如春 QQ:460669467
网站开发主要原则
讲师:贾如春 QQ:460669467
2、编写及显示HTML文件
Page 7 讲师:贾如春 QQ:460669467
3、标签、元素和属性
标签
Page 8 讲师:贾如春 QQ:460669467
元素
讲师:贾如春 QQ:460669467
属性
讲师:贾如春 QQ:460669467
目录
HTML简介
HTML常用元素 HTML常用元素
1.基本结构元素 2.常用块元素 3.常用列表元素 4.常用表格元素 5.常用行元素 6.表单元素 7.一些特殊元素
HTML 常用元素 HTML 常用元素
HTML 4.01制定的文档类型 :
严格型(Strict) 转换型(Transitional )
12种
常用元素 大约96种
框架型(Frameset)
讲师:贾如春 QQ:460669467
1、基本结构元素
HTML的基本结构元素:
html(HTML文档)元素 head(头)元素 body(主体)元素
head(头)元素 ● ● ● ●
title元素 link元素和style元素常用于CSS script元素 meta元素
body(主体)元素
讲师:贾如春 QQ:460669467
2.常用块元素
标题类块元素
段落块元素
通用属性
讲师:贾如春 QQ:460669467

编程考试基础知识及答案-第一卷.

编程考试基础知识及答案-第一卷.

1.HTML的基本结构是()A.<html><body></body><head></head></html>B.<html><head></head><body></body></html>C.<html><head></head><foot></foot></html>D.<html><head><title></title></head></html>2.要实现无列表符号,横向排列的导航菜单,应使用( )CSS属性A.list-stypleB.lineheightC.floatD.backgroup-repeat3.表格的基本语法结构是()A.<table><td><tr></tr></td></table>B.<table><td></tr><tr></td></table>C.<tr><table><td></td></table></tr>D.<table><tr><td></td></tr></table>4.下面说法正确的是()A.HTML页面元素的组织顺序是先从上到下,而后从左往右B.所有常用的图片格式都可以是透明背景C.HTML中的元素有两类:块级元素和行级元素D.<h1>标签属于块级元素,但并不会自动换行5.对超链接伪类的理解,说法正确的是()A.a:link表示未单击状态B.a:hover表示单击后的状态C.a:visited表示已访问状态D.a:active表示单击后的状态6.下面说法正确的是()A.表格布局适用于结构化数据显示和表单B.表格布局也可以实现参差结构,但必须用到嵌套C.同列单元格宽度由该列宽度最大的单元格决定D.同行单元格高度由该行第一列的单元格决定7.下面关于多目标块状元素,正确的是()A.既可以终端形式出现,又可以结构化形式出现B.因为比较灵活,可以嵌套,所以很适合在块结构最内层或最外层C.规范用法中,多目标块状元素可以任意组合,放置在任何地方D.<div>、<li>、<dd>、<dl>都是多目标块状元素8.关于表格的数据分组标签,说法正确的是()A.<thead>、<tbody>、<tfoot>分别表示页眉、数据主体、页脚B.<thead>必须包含<th>表头标签C.<thead>和<tfoot>标签只能包含一行数据D.<thead>、<tbody>、<tfoot>由行组成,所以一般包含<tr>标签9.以下关于CSS属性的缩写形式,正确的是A.font:12px/28px 宋体B.font:12px 28px boldC.background:url(images/bg.png) repeat-x 20px -100pxD.background:repeat-x 20px,-100px10.以下对div-ul-li局部布局的理解,正确的是()A.比较常用,适用于无层次关系的并列结构。

一、HTML中常用标签及属性

一、HTML中常用标签及属性

⼀、HTML中常⽤标签及属性⼀、HTML基础语法 ---> 单标签、双标签、块级元素、⾏内元素 单双标签其实就是HTML⽂档中标签书写的格式,页⾯中最常见的是双标签; 单标签就是只有⼀个标签,也就是⼀个空元素:meta、img、hr、br 双标签有开始标签和结束标签 块级元素:独占⼀⾏,对宽⾼的属性值⽣效,如果不给宽度,块级元素就默认浏览器的宽度,(即就是100%宽) 例如:div p ul h1~h6 ..... ⾏内元素:对宽⾼属性值不⽣效,完全靠内容撑开宽⾼,可以跟其他标签存在⼀⾏ 例如:span b strong em a img input ...... ⾏内块元素:结合⾏内和块级元素的特点,不仅对宽⾼的属性值⽣效,还可以跟多个标签存在⼀⾏ 例如:input img⼆、HTML中常⽤标签 ---> ⽂档头部<!DOCTYPE html><!-- 申明,这⾏以下的⽂档都是html⽂档 --><html lang="en"><head><!-- 设置字符集编码 --><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 定义⽹页头部 --><title>Document</title><!-- link标签引⼊外部⽂件 rel定义⽂档与被链接⽂档的关系 shortcut icon:链接图⽚ type规定链接⽂档的类型 image/x-icon 图⽚类型 --><link rel="shortcut icon" type="image/x-icon" href=""><!-- link标签引⼊外部⽂件 rel定义⽂档与被链接⽂档的关系 stylesheet:层叠样式表 type规定链接⽂档的类型 text/css CSS样式表 --><link rel="stylesheet" type="text/css" href=""></head><body></body></html>三、HTML中常⽤标签 ---> ⽂本标签级属性<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><!-- 块级元素,段落标签 text-indent:段落缩进 1个em就是1个字体的长度; --><!-- font-size:字体⼤⼩设置 1px⼀个像素点⼤⼩;color:字体颜⾊;font-weight:bold 字体加粗;font-family:字体类型 --><p style="text-indent: 2em;font-size:15px;color: red;font-weight: bold;font-family: monospace;"></p><!-- ************ --><!-- ⾏内元素标签 --><!-- 斜体标签1 --><em></em><!-- 斜体标签2 --><i></i><!-- 删除线标签 --><del></del><span></span><!-- ************ --><!-- 换⾏标签,单标签,内部没有属性,上⾯的段落、⾏内标签可以通过br换⾏ --><br><!-- 预格式标签,保留⽂本中的换⾏或者空格 --><pre></pre><!-- 标题标签,h1~h6,块级元素,从⼤到⼩,h1最⼤ --><!-- text-align:设置⽂本位置 left:靠左 center:居中 right:靠右 --><h1 style="text-align: center;"></h1><!-- background:背景颜⾊ height:标签⾼度 line-height:设置⾏⾼ --><h2 style="background: pink;height: 50px;line-height: ;"></h2><h3></h3><h4></h4><h5></h5><h6></h6></body></html>四、HTML中常⽤标签 ---> 超链接<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">/* 去掉a链接下划线 */a{text-decoration: none;}/* 伪属性,⿏标移上字体变红,下划线显⽰ */a:hover{color: red;text-decoration: underline;}div{height: 1000px;background: pink;width:400px;}</style></head><body><!-- 链接标签 href:链接地址,"#"本页⾯跳转,默认⾃带下划线 --><a href="#">我是⼀个链接</a><!-- 图⽚链接 --><a href=""><img src="" alt=""></a><!-- 设置锚点定位 --><a href="top">页⾯顶部</a><div></div><a href="" id="top">回到顶部</a></body></html>五、HTML中常⽤标签 ---> 列表标签<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>列表标签</title><style type="text/css">/* 清空li样式;⽂化素质宽⾼;设置边框线 */ul li{list-style: none;height: 40px;width: 200px;border: 1px solid #ccc;margin: 5px 0px;text-align:center;line-height: 40px;} /* 设置前⾯样式为图⽚,但是⽆法调整图⽚与⽂字的间距 */ul li{list-style: url(图⽚地址);}/* 伪元素;在⽂字前⾯设置图⽚与⽂字的间距 */ul li::before{content: url(图⽚地址);margin-right: 30px;}/* 伪元素;在⽂字前⾯设置图⽚与⽂字的间距 */ul li::after{content: url(图⽚地址);}</style></head><body><!-- 有序列表 --><ol><li>web前端</li><li>JavaScript</li><li>jQuery</li></ol><!-- ⽆序列表 --><ul><li>西⽠<ul><li>有籽西⽠</li><li>⽆籽西⽠</li></ul></li><li>苹果</li><li>西柚</li></ul></body></html>六、HTML中常⽤标签 ---> form表单<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>form表单</title><style type="text/css">/* padding内边距 */input{height: 8px;width: 258px;border: 1px solid #ccc;margin-top: 20px;padding: 20px;} /* border: none去掉按钮⾃带的边框线 */button{height: 50px;width: 300px;margin-top: 20px;background: #FF6A00;border: none;color: #fff;} </style></head><body><!-- method在后端传输数据⽤到,传值⽅式get/post --><!-- action传值url地址 --><form method="" action=""><!-- type类型,输⼊域的类型:text⽂本型,password密码类型 --><!-- placeholder⽂本框内部的提⽰信息 --><input type="text" name="username" placeholder="请输⼊⽤户名"><br><input type="password" name="pwd" placeholder="请输⼊⽤密码"><br><button>登陆</button></form></body></html>七、HTML中常⽤标签 ---> 表格(table)<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表格</title><style type="text/css">/* 清除默认样式 */*{margin: 0px;padding: 0px;}/* border-collapse: collapse;合并多余的边框线 */table{border: 1px solid #ccc;border-collapse: collapse;}tr th{height: 200px;border: 1px solid #ccc;width: 100px;}tr td{height: 200px;border: 1px solid #ccc;width: 100px;}</style></head><body><table><!-- 表头定义⽤th --><tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th></tr><!-- 定义⾏⽤tr --><tr><!-- 定义列⽤td --><!-- colspan="5"合并5列 --><td colspan="5"></td></tr><tr><!-- 定义列⽤td --><!-- rowspan="2"合并两⾏,同时删除合并⾏的列 --><td rowspan="2"></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></table></body></html>。

第1章 HTML与CSS网页设计概述

第1章 HTML与CSS网页设计概述
– 目前国际上,网站设计推崇的Web标准就是基于XHTML的(即通 常所说的DIV+CSS)。
✎ 1.2 网页制作入门
• 1.2.2 CSS简介
– CSS通常称为CSS样式或样式表,主要用于设置HTML页面中的 文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边 框样式、边距等)以及版面的布局等外观显示样式。
✎ 1.2 网页制作入门
• 1.2.1 HTML简介
– 目前最新的HTML版本是HTML5,但是各个浏览器对其支持不统 一,所以如今大多数的网站采用的还是HTML4.01版本。
– XML虽然数据转换能力强大,完全可以替代HTML,但是面对互 联网上成千上万基于HTML编写的网站,直接采用XML还为时过 早。因此,在HTML4.0的基础上,用XML的语法规则对其进行扩 展,得到了XHTML。
的版本仍然是CSS2,即本书所讲解的版本。
✎ 1.2 网页制作入门
• 1.2.2 CSS简介
CSS非常灵活,既可以嵌入在HTML文档中,也可以是一个单独的外部文件,如 果是独立的文件,则必须以.css为后缀名。
• CSS采用的是内嵌方式,虽然与HTML在同一 个文件中,但CSS集中写在HTML文档的头部 ,也是符合结构与表现相分离的。
网页是如何形成的呢?
✎ 1.1 Web基本概念
• 1.1.1 认识网页
– 除了首页之外,一个网站通常还包含多个子页面。网页与网页之 间通过超链接互相访问。
– 网站由网页构成,网页有静态和动态之分。(动态网页有交互,如查 询\论坛上留言等
– 静态网页是指用户无论何时何地访问,网页都会显示固定的信息 ,除非网页源代码被重新修改上传。
• 如今大多数网页都是遵循Web标准开发的,即 用HTML编写网页结构和内容,而相关版面布 局、文本或图片的显示样式都使用CSS控制。

第1章 HTML基础

第1章 HTML基础

表示页面所遵循的协 议
表示页面对于文档类 型的声明
14
DOCTYPE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"/TR/xhtml1/DTD/xhtml1-strict.dtd">
在此情况下使用:需要干净的标记,避免表现上的混乱。请不层叠样式表配合使用。
15
HTML的编码觃范
1.标签闭合:HTML中的所有标签都必须是闭合的
2.标签名小写 : 用小写字母来拼写标签名
3.属性值包含在双引号内:除特殊情冴,我们一定要用双引 号来包裹属性值。如: <div class=“myBox”></div> 4.标签的嵌套关系:有些标签属于其他标签的子标签,那么 如果父标签丌存在,则子标签页丌应存在。如:<td>在没有 <table>出现的时候,是绝对丌应该出现的
网页制作工具:
EditPlus:方便快捷、有语法高亮、行号提示、HTML代码快捷插入
;缺点是无语法自动提示,丌能所见即所得。
Dreameweaver:传统网页制作主流工具,语法自动提示、自动完 成,通过鼠标拖放可自动生成代码,所见即所得,但由于功能强大,
导致运行速度偏慢
32
我的第一个网页
制作你的第一个网页,内容随意 例如:
通过 JavaScript,可以重构整个 HTML 文档,可以添加、移除、改 变戒重排页面上的项目
要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所
有元素迚行访问的入口。这个入口,连同对 HTML 元素迚行添加、 移劢、改变戒移除的方法和属性,都是通过DOM来获得的

1 Html基本标签

1 Html基本标签

常用于布局的块级标签7-2
无序列表标签
<ul> <li>列表项1</li> …… </ul>
<body> <h3>新人上路指南 </h3> <ul> <li>如何激活会员名?</li> <li>如何注册贵美会员?</li> <li>注册时密码设置有什么要求?</li> <li>贵美认证</li> </ul> </body>
操作演示10:分区标签
小结 请说出实际开发常用的4种块状结构是什么? 1、div-ul(ol)-li :常用于分类导航或菜单等 2、div-dl-dt-dd :常用于图文混编的场合 3、table-tr-td :常用于图文布局或显示数据 4、form-table-tr-td:常用于布局表单
练习——常用于布局的块级标签 需求说明:
<h1>标题</h1> …… <h6>标题</h6>
…… <body> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> </body> ……
操作演示2:标题标签 h1最大 h6最小 前后隔行
操作演示13:换行标签
为什么需要W3C标准 W3C:World Wide Web Consortium,万维网联盟 W3C的职能:负责制定和维护web行业标准 W3C标准包括:列的标准:

02_HTML基础知识[1]

02_HTML基础知识[1]

HTML基本结构—文档头 ① http-equiv=“Content-type”时,content表示页面 内容的类型,例如: <meta http-equiv="Content-type" content="text/html;"> ② http-equiv="refresh"时,content表示刷新页面的时 间,例如: <meta http-equiv=“refresh” content="10;UR次本页面。 其他标记,<style></style>,<script></script>,……
正文常用标记—文本格式化标记 无序列表标记 无序列表是一种在各列表项前面显示特殊项目符号的缩 排列表,可以使用标记<ul>和<li>来创建,格式如下:
<ul 属性="值"…> <li>列表项1 <li>列表项2 … <li>列表项n </ul>
属性:type(项目符号类型) 值:disc(实心圆)、circle(空心圆)、squar(方块)
正文常用标记—多媒体标记 2. 字幕标记 在HTML语言中,可以在页面中插入字幕,水平或垂直 滚动显示文本信息。字幕标记格式如下: <marquee 属性="值"…>滚动的文本信息</marquee> 属性如下: bgcolor,指定字幕的背景颜色。 direction,指定文本的移动方向,取值是down、left、 right、up。 另外,align,behavior,height,hspace,vspace。。。

HTML从入门到精通 第1章 HTML入门

HTML从入门到精通 第1章  HTML入门

·2·HTML网页设计参考手册HTML的基本概念HTML的发展历史网页设计原则Dreamweaver简介在Dreamweaver中直接编写HTML网页制作技术日新月异,但都是以HTML为基础的。

HTML是浏览器识别网页的标记语言,可以说,没有它就没有丰富多彩的网页。

本章首先让读者对HTML有一个初步的认识,了解其概念、发展历史以及编写方法。

第1章HTML入门·3·1.1 HTML的基本概念1.1.1 HTML简介HTML的英文全称是Hyper Text Markup Language,直译为超文本标记语言。

它是全球广域网上描述网页内容和外观的标准。

HTML包含了一对打开和关闭的标记,在当中包含有属性和值。

标记描述了每个在网页上的组件,例如文本段落、表格或图像等。

事实上,HTML是一种因特网上较常见的网页制作标注性语言,而并不能算做一种程序设计语言,因为它缺少程序设计语言所应有的特征。

HTML通过IE等浏览器的翻译,将网页中所要呈现的内容、排版展现在用户眼前。

1.1.2 HTML的结构概念一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象,这些对象统称为HTML 元素。

在HTML中使用标签来分割并描述这些元素。

实际上可以说,HTML文件就是由各种HTML 元素和标签组成的。

一个HTML文件的基本结构如下:<html> 文件开始标记<head> 文件头开始的标记…文件头的内容</head> 文件头结束的标记<body> 文件主体开始的标记…文件主体的内容</body> 文件主体结束的标记</html> 文件结束标记从上面的代码结构可以看出,在HTML文件中,所有的标记都是相对应的,开头标记为< >,结束标记为</ >,在这两个标记中间添加内容。

有了标记作为文件的主干后,HTML文件中便可添加属性、数值、嵌套结构等各种类型的内容了。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 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标签参数:
相关文档
最新文档