《HTML语言》总复习
- 格式:doc
- 大小:275.50 KB
- 文档页数:7
网页设计与制作期中复习(HTML)HTML复习1.HTML概念HTML(Hyper Text Markup Language 超文本标识语言)是一种用来制作超文本文档的简单标记语言。
用HTML编写的超文本文档称为HTML文档。
2.HTML文档的编写方法①手工直接编写:记事本等,保存成*.htm或 *.html格式。
②使用可视化HTML编辑器:Frontpage、Dreamweaver等③由Web服务器(或称HTTP服务器) 一方实时动态地生成。
3.网页文件命名①*.htm或*.html;②无空格;③无特殊符号(例如&符号),只可以有下划线“_”或英文、数字;④区分大小写;⑤首页文件名默认为:index.htm 或 index.html。
4.HTML 文件结构<html>...</html><head>...</head><body>...</body>元素:是HTML语言的基本部分。
元素总是成对出现,每一对元素一般都有一个开始的标记(如<body>),也有一个结束的标记(如</body>)。
元素的标记要用一对尖括号括起来,并且结束的标记总是在开始的标记前加一个斜杠。
<HTML><HEAD><ti tle>…</title><meta></HEAD><BODY>HTML 文件的正文</BODY></HTML>5.基本组成部分——HTML元素属性HTML元素可以有自己的相关属性,每一个属性还可以由我们网页编制者赋一定的值。
元素属性出现在元素的< >内,并且和元素名之间有一个空格分隔;属性值用“”引号括起来。
6.HTML基本结构的有关元素和元素属性①HEAD元素——<head>元素出现在文档的开头部分。
一.单选50题50分二.多选题10题20分三.判断题15题15分四.简答1题15分选择题1.在HTML中,表示页面背景的是( )A.<body bgcolor=>B.<body bkcolor=>C.<body agcolor=>D.<body color=><body leftmargin=?>,表示()A.页面左边的表格大小B.页面左边的空白大小C.页面左边的可用区域大小D.页面左边的可编辑区域大小HTML中<body text=red>,表示()A.正在点击文字的色彩是红色B.可链接文字的色彩是红色C.非可链接文字的色彩是红色D.已链接文字的色彩是红色。
??禁止表格格子内的内容自动断行的HTML代码是?A.<tr valign=?>B.<td colspan=#>C.<td rowspan=#>D.<td nowrap>??在HTML中,标记<pre>的作用是( ) A.标题标记B.预排版标记C.转行标记D.文字效果标记??以下css样式的定义不正确的是()A.em.very{color:red;}B.h1 em{color:red;}C.div#gaudi{color:red;}D.a.link{color: red;}HTML代码<img src=""name"">表示?A.添加一个图象B.排列对齐一个图象C.设置围绕一个图像的边框的大小D.加入一条水平线跨多列的表元的HTML代码为()A.<th colspan=#>B.<th rowspan=#>C.<td colspan=#>D.<td rowspan=#>//在HTML中,<form action=?>,action表示()A.提交的方式B.表单所用的脚本语言C.所需运行的脚本在服务器上的位置D.表单的形式CSS侧重于()A.Web页的继承性和表现B.组织和查找数据C.网页的初始创建D.Web页内容的动态表现加入一条水平线的HTML代码是?A.<hr>B.<img src="name" border=?>C.<img src="name" align=?>D.<img src="name">表示新开一个窗口的超链接代码是()A.<a href=URL target=_new>..</a>B.<a href=URL target=_self>..</a>C.<a href=URL target=_blank>..</a>D.<a href=URL target=_parent>..</a>不属于把CSS样式表与HTML网页关联的方法。
HTML期末复习题(含答案)第1题判断正误(1)HTML标记符的属性一般不区分大小写。
(对)(2)网站就是一个链接的页面集合。
(对)(3)将网页上传到Internet时通常采用FTP方式。
(对)(4)所有的HTML标记符都包括开始标记符和结束标记符。
(错)(5)用H1标记符修饰的文字通常比用H6标记符修饰的要小(错)。
(6)B标记符表示用粗体显示所包括的文字。
(对)(7)GIF格式的图象最多可以显示256种颜色。
(对)(8)HTML表格在默认情况下有边框。
(错)(9)创建图象映射时,理论上可以指定任何形状作为热点。
(对)(10)指定滚动字幕时,不允许其中嵌入图象。
(错)1.使用FONT 标记符的size 属性可以指定字体的大小。
( )2.网站就是一个链接的页面集合。
( )3.GIF格式的图象最多可以显示1024种颜色。
( )4.制作图像映射只需要使用<AREA> 标记符。
( )5.在HTML表格中,表格的列数等于第一行中TH与TD的colspan属性的和。
( )6.在HTML表格中,在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。
( )7.指定滚动字幕时,不允许其中嵌入图象。
( )8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。
( )9. CSS中的color属性用于设置HTML元素的背景颜色。
( )10.CSS样式表项的组成格式为:selector{property1:value1, property2:value2, ……}( )1. T2. T3. F4. F5. F6. T7. F8. T9. F 10. F第2题单选题(20分)(1)WWW是的意思。
答案:BA.网页B.万维网C.浏览器D.超文本传输协议(2)在网页中显示特殊字符,如果要输入“<”,应使用_________。
答案:DA.lt; B.≪ C.< D.<(3)以下有关列表的说法中,错误的是:。
HTML/XML复习题一、判断对错(正确T 错误F)1.HTML本身包括网页本身的文本和标记两部分,文本是网页上的内容,标记是用来定义文本显示方式2.标记必须用<>括起来3.<>与标记名之间不能有空格或其他字符4.标记是成对的,有开始标记有结束标记,有些标记是单标记,只有开始标记没有结束标记。
5.标记不区分大小写6.属性是可选的没有先后顺序7.标记的属性带有特定的值,属性值包含在直引号中。
8.标记嵌套的规则是先开始的标记后结束,后开始的标记先结束。
9.<head>标记定义页面标题,搜索引擎包括页面的信息,除标题以外的其他内容对访问者是不可见的。
10.网页中整体字体尺寸用basefont标记中的size属性来定义11.定义网页中所有文字的默认颜色用body标记中的text属性来定义12.定义颜色的属性值可以用颜色的英文如:red;也可以用RGB表示方式如:122,139,42;还可以用#******来表示,取值从0-9,a-f13.上标标记是 <sup> ,下标标记是 <sub>14.JPEG是最常用静态图像文件格式,是一种有损压缩格式,支持颜色信息丰富,但不能保存透明区域。
15.Swf是FLASH软件生成的动画影片格式,够用比较小的体积来表现丰富的多媒体形式。
16.<img>标记中border属性用来定义图片的边框17.<img>标记中图像左右空白属性为hspace,图像上下空白属性为vspace18.设置网页的背景图片使用<body>标记中的background属性,背景图片使用bgcolor属性。
19.预定义格式化文本标记是<pre>20.body标记中Link属性定义未被访问过的链接颜色;alink属性定义链接激活状态的链接颜色;vlink属性定义已被访问过链接的颜色21.target属性用来定义链接打开窗口,当属性值为blank是定义链接在新窗口中打开。
html知识点总结HTML(Hypertext Markup Language)是一种用于构建网页的标记语言,我们在浏览器中看到的网页就是通过HTML代码来编写和渲染的。
HTML包含了许多的标签和属性,用于描述和定义网页的结构和内容。
首先,HTML可以创建网页的基本结构。
一个HTML文档通常包含`<html>`标签,在`<html>`标签中通常有`<head>`和`<body>`两个子标签。
`<head>`标签用于定义网页的头部信息,其中可以包含`<title>`标签用来定义网页的标题。
`<body>`标签用于定义网页的主体内容。
其次,HTML可以创建文本内容。
常用的标签包括`<p>`标签用于标记段落,`<h1>`到`<h6>`标签用于定义标题的级别,`<ul>`和`<ol>`标签用于创建无序和有序列表,`<a>`标签用于创建链接等。
另外,还有一些修饰文本的标签,如`<em>`用于强调文本,`<strong>`标签用于表示重要的文本等。
此外,HTML还可以插入图像和媒体内容。
通过`<img>`标签可以插入图像,其中的`src`属性用于指定图像的URL,`alt`属性用于指定图像的替代文本。
HTML5引入了`<video>`和`<audio>`标签,用于插入视频和音频文件。
这些标签可以通过设置属性来控制媒体的播放、暂停、音量等。
另外,HTML还可以创建表格和表单。
`<table>`标签用于创建表格,其中使用`<tr>`和`<td>`标签来表示表格的行和单元格。
`<th>`标签用于定义表头单元格。
`<form>`标签用于创建表单,包含了各种表单元素如文本输入框、单选按钮、复选框、下拉菜单等,这些元素可以通过设置属性和事件来实现用户输入和数据提交。
html复习资料HTML复习资料HTML(HyperText Markup Language)是一种用于创建网页的标记语言。
它使用标签来描述网页的结构和内容。
对于那些正在学习或准备复习HTML的人来说,有一份全面而详细的复习资料是非常重要的。
本文将提供一些关键的HTML知识点和技巧,帮助读者更好地理解和掌握HTML。
1. HTML基础知识HTML的基础知识是学习和理解HTML的关键。
首先,HTML文档的基本结构由<!DOCTYPE html>标签定义,它告诉浏览器使用HTML5来解析文档。
然后,<html>标签定义了HTML文档的根元素,它包含了<head>和<body>标签。
在<head>标签中,可以添加<title>标签来定义文档的标题,以及<link>标签来引入外部样式表和脚本文件。
在<body>标签中,可以添加各种HTML元素来构建网页的内容。
2. HTML标签HTML标签是HTML文档中最基本的构建块。
每个标签都有特定的含义和功能。
例如,<h1>到<h6>标签用于定义标题,<p>标签用于定义段落,<a>标签用于创建链接等等。
此外,还有一些特殊的标签,如<img>标签用于插入图像,<table>标签用于创建表格,<form>标签用于创建表单等等。
了解不同标签的用途和语法是非常重要的,因为它们构成了网页的结构和内容。
3. HTML属性HTML属性是用于为HTML元素提供额外信息的。
每个HTML元素可以有一个或多个属性。
例如,<a>标签可以有href属性来指定链接的目标地址,<img>标签可以有src属性来指定图像的URL,<table>标签可以有border属性来定义表格边框的宽度等等。
HTML超文本标记语言,一种规范预定义,已经定义好的各种标记,只需要我们把对应的标记放到合适的位置一. HTML基本语法与基本结构(重点)标记的使用1、标记一般成对出现,包含开始标记和结束标记2、标记可以嵌套使用,但是不能交叉使用3、标记不区分大小写属性的使用(属性控制内容的格式,额外的格式)1、书写位置在开始标记中2、格式:属性名=“属性值",多个属性之间使用空格分割3、不同的标记属性可能相同也可能不同4、属性使用的标记中,只能对本标中的内容记产生影响5、属性不冲突时,效果叠加,属性冲突时,就近原则html的基本结构〈html>-—--声明网页〈head〉———-网页的头部信息<title〉标题〈/title〉—---网页的标题</head><body〉—---网页的主体,网页内容主要展示的部分网页的主要内容</body>〈/html〉二. 文本格式的应用1、标题标记<hn>,n的取值1-6,1级标题最大效果:加粗显示,带有自动换行属性:align控制标题的对齐方式,取值left(左对齐,默认值)|center(居中)|right (右对齐)2、段落标记<p〉效果:把内容分段展示,自动换行属性:align,控制段落内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐)3、换行符〈br /〉,单标记,不需要结束标记,换行但不分段空格符号: 表示一个空格强制换行符:<br /〉4、水平线标记<HR />,单标记效果:水平线,默认是一个粗细为2px(像素)的线条属性:size 控制水平线的粗细,取值为整数,单位为像素(px)width 控制水平线的长度,取值可以是像素单位,也可以是百分数(相对于浏览器窗口百分比)noshade设置水平线不带有阴影,该属性不需要取值color 设置水平线的颜色,取值可以是英文的颜色值,也可以是十六进制的颜色代码align 控制水平线的对齐方式,取值left(左对齐)|center(居中,默认值)|right(右对齐)5、分节标记<div〉效果:把内容设置为一节,前后带有自动换行属性:align控制div中内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐)6、居中标记符<center>效果:把center标记中的内容居中显示7、文本控制标记<font>效果:控制字体的各种显示样式属性:size 控制字体的大小,取值为绝对值时,1--7,数字越大字体越大,取相对值时,参考的是默认字体(3号),取值在-2-—+4之间color 控制字体的颜色face 控制字体的字体,取值可以是多个值,多个值之间使用逗号分割,取值时从左往右依次取值,找到合适的值为止,假如都不支持,使用默认格式显示8、字体的物理样式加粗:<b>斜体:〈i>下划线:〈u〉删除线:<s〉上标:<sup〉下标:〈sub>1、常用逻辑字符〈ADDRESS〉网页设计者或维护者的信息,通常显示为斜体<CITE> 表示文本属于引用,通常显示为斜体<CODE〉• 表示程序代码,通常显示为固定宽度字体<DFN> • 表示定义了的术语,通常显示为黑体或斜体〈EM> 强调某些字词,通常显示为斜体〈KBD〉表用户的键盘输入,通常显示为固定宽度字体〈SAMP> 表示文本样本,通常显示为固定宽度字体〈STRONG〉特别强调某些字词,通常显示为粗体<VAR> 表示变量,通常显示为斜体2、列表标记1、有序列表,〈ol〉,需要配合〈li>标记使用一个<li>标记对应一个选项ol的属性:type 控制列表的符号样式,取值1|A|a|i|I,默认是1start 控制列表的起始值,取值为任意的整数li的属性:type控制选项自身的符号样式,取值1|A|a|i|Ivalue控制选项本身的起始值,取值为任意整数,但是修改自身起始值之后,会对同一个列表中本选项之后的同级<li〉标记产生影响2、无序列表,<ul>,配合<li>标记使用一个<li>标记对应一个选项ul的属性:type 控制所有选项的符号样式,取值disc(实心圆,默认值)|circle(空心圆)|square(方块)li的属性:type控制选项本身的符号样式li标记用在ol中,type属性的取值跟ol的type属性取值走,用在ul中,跟着ul的type属性取值走3、定义列表,<dl〉,完成对定义列表的声明<dt>,术语标记,可以理解为类似于列表选项的标题使用〈dd>,描述标记,可以理解为类似于列表的选项使用三. 在网页中使用图片标记:〈img>,单标记,不需要结束标记属性: src 引入图片资源的路径绝对路径:资源在服务器上的位置,该位置是从盘符出发相对路径:资源在服务器上的相对位置,从网页本身出发.。
html知识点总结详细HTML是超文本标记语言(HyperText Markup Language)的简称,是用于创建网页的标准标记语言。
它由一系列的标签(tag)组成,这些标签可以用来描述网页的结构和内容。
HTML标签通过尖括号包围,并且通常是成对出现的,其中包括起始标签和结束标签。
起始标签用来定义元素的开始,并且告诉浏览器如何显示内容,而结束标签用来定义元素的结束。
HTML的发展可以追溯到1991年,由蒂姆•伯纳斯•李(Tim Berners-Lee)创建,目的是发展一种标记语言来连接科学研究人员之间的文档,使他们能够共享和检索信息。
随着互联网的普及,HTML逐渐成为创建网页的标准语言。
在本文中,我将简要介绍HTML的各种知识点,包括基本语法、常用标签、表单、图像、链接、音频和视频等方面。
一、基本语法HTML文档以`<html>`标签开头,以`</html>`标签结束,表示整个HTML文档的开始和结束。
```html<!DOCTYPE html><html><head><title>页面标题</title></head><body><h1>这是一个标题</h1><p>这是一个段落</p></body></html>```在上面的例子中,`<!DOCTYPE html>`声明是用来告诉浏览器文档类型的。
`<html>`标签表示HTML文档的根元素,`<head>`标签用来包含页面的元信息,比如标题、样式表等,而`<body>`标签则包含页面的主要内容。
二、常用标签1. 标题标签(`<h1>`~`<h6>`):用来定义标题,分为六级,`<h1>`为最大,`<h6>`为最小。
常用HTML代码解释一、文字1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字2.字体变化 <font>..........</font>【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大【2】指定字型 <font face="字体名称">..........</font>【3】文字颜色 <font color=#rrggbb>..........</font>rr:表红色(red)色码gg:表绿色(green)色码bb:表蓝色(blue)色码rrggbb也可用6位颜色代码数字5.粗体字 <b>..........</b>6.斜体字 <i>..........</i>13.换行(也称回车) <br>14.分段 <p>15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
16.分隔线 <hr>【1】分隔线的粗细 <hr size=点数>【2】分隔线的宽度 <hr size=点数或百分比>【3】分隔线对齐方向 <hr align="#">#号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐【4】分隔线的颜色 <hr color=#rrggbb>【5】实心分隔线 <hr noshade>17.居中对齐 <center>..........</center>18.依原始样式显示 <pre>..........</pre>19.<body>指令的属性【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>【2】背景图案 -- background <body background="图形文件名">二、图片1.插入图片 <img src="图形文件名">2.设定图框 -- border <img src="图形文件名" border=点数>3.设定图形大小 -- width、height <img src="图形文件名" width=宽度点数 height=高度点数>【1】定义形状 -- shapeshape=rect:矩形 shape=circle:圆形 shape=poly:多边形【2】定义区域 -- coordsa.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标例:<area shape=rect coords=100,50,200,75 href="URL">b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度例:<area shape=circle coords=85,155,30 href="URL">c.任意图形(多边形):将图形之每一转折点座标依序填入例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"三、表格相关1.表格标题<caption>..........</caption>表格标题位置 -- align<caption align="#"> #号可为 top:表标题置于表格上方(预设值)bottom:表标题置于表格下方2.定义列 <tr>3.定义栏位《1》<td>:靠左对齐《2》<th>:靠中对齐ⅱ粗体【1】水平位置 -- align <th align="#">#号可为 left:向左对齐 center:向中对齐 right:向右对齐【2】垂直位置 -- align <th align="#"> #号可为top:向上对齐 middle:向中对齐 bottom:向下对齐【3】栏位宽度 -- width <th width=点数或百分比>【4】栏位垂直合并 -- rowspan <th rowspan=欲合并栏位数>【5】栏位横向合并 -- colspan <th colspan=欲合并栏位数>四、表格的主要属性1. <table>标记的主要属性align定义表格的对齐方式,有三个属性值center,left,rightbackground定义表格的背景图案,属性值为图片的地址bgcolor定义表格的背景颜色,属性值是各种颜色代码border定义表格的边框宽度,属性值是数字bordercolor定义表格边框的颜色,属性值是各种颜色代码cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字cellspacing定义表格中单元格之间的距离height定义表格的高度,属性值是数字width定义表格的宽度,属性值是数字2. <tr>标记,表格是由多行与多列组成的,<tr>标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下:align定义对齐方式,属性值与上同background定义背景图案 bgcolor定义背景色3. <td>标记。
前端基础HTML知识点汇总
HTML(Hypertext Markup Language)是一种标记语言,用于创建网页结构。
熟练掌握HTML的基础知识是成为一名合格的前端工程师的必备条件。
下面是前端基础HTML知识点的详细汇总。
1.HTML基本结构
2.标题和段落
3.文本格式化
4.链接
5.列表
6.图像
7.表格
8.表单
9.块级元素和内联元素
每个元素都可以被归为块级元素或内联元素。
块级元素会自动换行,如`<div>`、`<p>`等。
内联元素不会自动换行,如`<span>`、`<a>`等。
10.颜色和背景
`color`属性用于定义文本颜色,`background-color`属性用于定义背景颜色。
可以使用具体的颜色值,如`red`、`ff00`,也可以使用RGB 或RGBA值。
11.字体和文本样式
`font-family`属性用于定义字体,`font-size`属性用于定义字体大小。
可以使用具体的字体名称,如`Arial`、`宋体`,也可以使用相对尺寸或绝对尺寸。
12.CSS样式
13.路径
图像、样式表和脚本等文件的路径可以是相对路径或绝对路径。
相对路径是相对于当前文件的路径,绝对路径是从根目录开始的完整路径。
14.注释
15.HTML5新特性
以上是前端基础HTML知识点的简要总结。
要成为一名优秀的前端工程师,还需要深入学习和实践这些知识,并学习相关的CSS和JavaScript知识才能掌握完整的前端技能。
计算机二级HTML编程语言必过知识点(包括操作题)文本相关标签- `<h1>`到`<h6>`标签用于定义标题,数字越小,标题越大。
- `<p>`标签用于定义段落。
- `<img>`标签用于插入图像, `src`属性指定图片的URL。
列表和表格- `<ul>`标签用于创建无序列表。
- `<ol>`标签用于创建有序列表。
- `<li>`标签用于定义列表项。
- `<table>`标签用于创建表格。
- `<tr>`标签用于定义表格行。
- `<td>`标签用于定义表格单元格。
表单- `<form>`标签用于创建表单。
- `<input>`标签用于创建输入字段,`type`属性指定字段类型。
- `<select>`标签用于创建下拉列表。
- `<option>`标签用于定义下拉列表项。
- `<textarea>`标签用于创建多行文本输入框。
常见操作题1. 创建一个包含标题的网页。
<head><title>我的网页</title></head><body><h1>欢迎来到我的网页</h1></body><head></head><body></a></body>3. 创建一个包含表单的网页。
<head><title>表单</title></head><body><form><label for="name">姓名:</label><input type="text" id="name" name="name"> <br><label for="email">邮箱:</label><input type="email" id="email" name="email"> <br><input type="submit" value="提交"></form></body>。
html期末试题及答案HTML期末试题及答案1. HTML是什么?- A. 超文本传输协议- B. 超文本标记语言- C. 超文本链接语言- D. 超文本传输协议答案:B2. HTML文档的基本结构包括哪些部分?- A. `<!DOCTYPE html>`, `<html>`, `<head>`, `<body>` - B. `<!DOCTYPE html>`, `<head>`, `<body>`- C. `<html>`, `<head>`, `<body>`- D. `<head>`, `<body>`答案:A3. 以下哪个标签用于定义最重要的标题?- A. `<h1>`- B. `<h6>`- C. `<h2>`- D. `<h3>`答案:A4. HTML中的注释是如何书写的?- A. `<!-- 这是一个注释 -->`- B. `/* 这是一个注释 */`- C. `// 这是一个注释`- D. `# 这是一个注释`答案:A5. 以下哪个属性用于定义图像的替代文本? - A. `src`- B. `alt`- C. `title`- D. `href`答案:B6. HTML表格中,哪个标签用于定义表头? - A. `<tr>`- B. `<th>`- C. `<td>`- D. `<tfoot>`答案:B7. 以下哪个标签用于创建无序列表?- A. `<ul>`- B. `<ol>`- C. `<li>`- D. `<dl>`答案:A8. HTML中的`<form>`标签用于什么目的? - A. 显示数据- B. 收集用户输入- C. 创建表格- D. 显示图像答案:B9. 以下哪个属性用于定义超链接的目标URL?- A. `src`- B. `href`- C. `alt`- D. `action`答案:B10. HTML5新增的语义化标签有哪些?- A. `<header>`, `<footer>`, `<article>`, `<section>` - B. `<div>`, `<span>`, `<p>`- C. `<ul>`, `<ol>`, `<li>`- D. `<h1>`, `<h2>`, `<h3>`答案:A11. 以下哪个标签用于定义内联框架?- A. `<iframe>`- B. `<frame>`- C. `<frameset>`- D. `<embed>`答案:A12. HTML中的`<meta>`标签用于什么?- A. 定义文档的元数据- B. 定义文档的标题- C. 定义文档的样式- D. 定义文档的脚本答案:A13. 以下哪个属性用于定义输入字段的类型?- A. `type`- B. `name`- C. `value`- D. `id`答案:A14. HTML中的`<button>`标签用于创建什么? - A. 文本框- B. 单选按钮- C. 复选框- D. 按钮答案:D15. 以下哪个标签用于定义一个段落?- A. `<p>`- B. `<h1>`- C. `<ul>`- D. `<li>`答案:A。
第1章:网页的分类与扩展名、WEB标准(1)网页分类:静态网页、动态(2)扩展名:Html网页: .html, .htmCSS: .cssJavascript: .js(3)web标准结构标准: html表现标准:css层叠样式表行为标准:javaScript第2章:常见的HTML标记、常用的图片格式1、HTML标记<html>< /html>:创建一个HTML文档,也称根标记。
<head>< /head>:设置文档标题和其它在网页中不显示的信息,也成为头部标记。
<title>< /title>:设置文档的标题。
<body>< /body>:用于定义HTML文档所要显示的内容,也称主题标记。
<hr />:用来定义一条水平线。
<h1>< /h1>~<h6>< /h6>:最大的标题到最小的标题。
使用align属性加以下:left:设置标题文字左对齐;center:设置标题文字居中对齐;right:设置标题文字右对齐;<p></p>:创建一个段落。
<p align="">:将段落按左、中、右对齐。
使用align属性加以下:left:设置标题文字左对齐;center:设置标题文字居中对齐;right:设置标题文字右对齐;<br />:换行,插入换行符。
<meta />:定义页面元信息标记。
<font ></font>:规定文本的字体、字体尺寸、字体颜色。
font-family:字体font-weight:字体粗细font-variant:变体font-style:字体风格font:综合设置字体样式fac:设置文字的字体size:设置文字的大小color:设置文字的颜色CSS文本外观属性:letter-spacing字间距word-spacing单词间距line-height行间距text-align:left左对齐,height右对齐,center居中对齐<img src=”url” />src:图像的路径alt:图像不能显示时的替换文本title:鼠标悬停时显示的内容width:设置图像的宽度heighr:设置图像的高度border:设置图像边框的高度vspace:设置图像顶部和底部的空白(垂直边距)hspace:设置图像左侧和右侧的空白(水平边距)用align属性:left:将图像对齐到左边right:将图像对齐到右边top:将图像的顶端和文本的第一行文字对齐,其他文字居于图像下方middle:将图像的水平中线和文本的第一行文字对齐,其他文字居于图像下方bottom:将图像的底部和文本的第一行文字对齐,其他文字居于图像下方<div ></div>区域容器标记<span></span> 行内容器标记<ul type=>定义项目符号disc:●circle:○square:■<li></li>列表项,结合<ul> 无序<ol>有序使用<ul></ul>无序列表<ol></ol>有序列表<link href=”url”rel=stylesheet type=”text/css” />引入CSS样式表文件<a href=”跳转目标”><form>创建一个表单<input type=/>text:单行文本输入框password:密码输入框radio:单选按钮checkbox:复选框button:普通按钮submit:提交按钮reset:重置按钮image:图像形式的提交按钮hidden:隐藏域file:文件域<textarea cols=”每行中的字符数”rows=”显示的行数”></textarea><select><option></option></select>下拉菜单(2)常用的图片格式:JEPG,GIF,PNG第3章:CSS样式规则、引入CSS样式、CSS基础选择器、定义CSS样式,CSS 字体样式属性、CSS文本外观样式属性、复合选择器的定义1.Css样式规则选择器{属性1:属性1值;属性2:属性2值;}例:P{ Color : red ; Border : }或h2{ font-size : 20px ; color : red ; }2、引入css样式方式(1)行内式<标记名style=” 属性1:属性1值; 属性2:属性2值”>内容</标记名>例:<h2 style = “ font-size : 20px ; color : red ; ”></h2>(2)内嵌式例:<style type=”text/css”></style>选择器{属性1:属性1值;属性2:属性2值;}(3)链入式<link href=”cssURL” rel= “stylesheet” type=”text/css”/>3、css基础选择器(1)标记选择器p{ }(2)类选择器.类名(3)id选择器#id(4)通配符选择器*{}4、复合选择器(书本P66)(1)标签指定式选择器p.speacial{ } 书本demo3-8(2)后代选择器p strong{ } 书本demo3-9(3)并集选择器p,div{ } 书本demo3-105、CSS字体属性font-family:字体font-variant:变体font-style:字体风格italic:斜体font-weight:字体粗细font:综合设置字体样式6、外观属性color:text_decoration:文本装饰underline下划线overline上划线line-through删除线text-align:水平对齐方式left左对齐right右对齐center居中对齐text-indent:首行缩进2em:2字符line-height:行间距第4章CSS盒子模型:认识盒子、边框属性内外边距属性、设置背景图像、行内元素及块元素1、认识盒子(书本p79图4-5)基础属性:width:宽height:高padding内边距四个方向值:上,右,下,左;top,right,left,bottom两个值时为上下,左右;一个值时为四边;三个值时为上,左右,下;margin: 外边距border:边框2、边框属性(1)border-style:border-width:border-color:综合:border: border-width边框宽度border-style边框样式border-color边框颜色;border:1px solid red; 四个方向都是相同的设置(2)某个方向设置border-top-style:上边框样式border-top -width:上边框宽度border-top -color:上边框颜色综合:border-top border-top-width borde-top-style border-top-color;border-top:1px solid red; 只是对上边框的设置3、背景属性(书本P95页)background-color:背景颜色background-image:背景图像背景图像平铺:background-repeat::repeat-x只沿水平方向平铺repeat-y只沿垂直方向平铺no-repeat不平铺background-position:水平垂直Left/center/right top/center/bottom20px/-10px 30px;20px center综合:4.行内元素及块元素(1)行元素:P103 <span> <img/> <a/> <input> <select>块元素:P102 <h1> <p> <div> <ul> <li> <form> (2)元素转换display:Inline: 行内元素Block:块元素Inline-block:行内块元素None:隐藏第5章列表与超链接超链接标记<a> 链接的伪类1.超链接标记<a />href:用于链接目标的url地址target: _self在原窗口打开_blank在新窗口打开border=”0”去掉图像边框P1272.链接的伪类a:link{CSS样式规则;}未访问时超链接的状态a:visited{CSS样式规则;}访问后超链接的状态a:hover{CSS样式规则;}鼠标经过、悬停时超链接的状态a:acrtive{CSS样式规则;}鼠标单击不动时超链接的状态第6章HTML表单认识表单、创建表单、input控件1、认识表单P138<input/>表单输入控件<textarea></textarea>定义多行文本框<select></select>定义一个下拉列表size指定下拉菜单的可见选项数<option>用selected属性时,当前项就为默认选中项action用于指定接收并处理表单数据的url地址method用于设置表单数据的提交方式,其取值为get和post2、创建表单<form action=”url地址” method=”提交方式” name=”表单名称” > </form> 3.input控制P143表6-2第7章浮动与定位:float属性、clear属性元素的定位属性、利用盒子模型与浮动进行页面布局1.float:left左浮动right右浮动none不浮动2.clear:清除当前元素的浮动对其后元素影响。
HTML相关知识点总结⽬录简介HTML⽂档和⽹页的关系呢?HTML的标签样⼦?HTML基本概念标签元素属性注释编码规则HTML常⽤元素标题段落链接跳转页⾯:跳转锚点图⽚列表有序列表⽆序列表定义列表表格块表单及表单元素表单表单属性表单元素多媒体元素audio 标签video 标签线细节⽂档类型头⽂件1. HTML <title> 元素2.HTML <base> 元素3.HTML <link> 元素4.HTML <style> 元素5.HTML <meta> 元素6.HTML <script> 元素案例tableregister学⽣信息表格会员注册表单简介HTML超⽂本标记语⾔(Hyper Text Markup Language),它是互联⽹上应⽤最⼴泛的标记语⾔。
不要把HTML语⾔和C、Java等编程语⾔混淆起来。
简单的说,HTML⽂件就是普通⽂本+HTML标记(也就是HTML标签),⽽不同的HTML标签能显⽰不同的效果。
HTML⽂档和⽹页的关系呢?**⽹页就是HTML⽂档。
HTML⽂档有HTML标签和纯⽂本组成。
**web浏览器的作⽤就是读取HTML⽂档,并以⽹页的形式显⽰它们。
浏览器不是显⽰HTML标签,⽽是使⽤标签来解释页⾯的内容。
HTML的标签样⼦?HTML的标记标签通常被称为HTML标签,它是由⼀对尖括号以及关键词组成,如。
⽽且HTML的标签基本上是成对出现的,如<html></html>。
在这⼀对标签中,第⼀个称为起始标签,第⼆个被称为结束标签。
### HTML的组成:head 部分⽤于定义HTML的⼀些基本信息,或者引⼊外部⽂件。
body 部分整个HTML⽂档的显⽰内容。
HTML基本概念标签⽹页就是HTML⽂档。
HTML⽂档是由标签和内容组成。
常⽤的标签:<html>、<head>、<body>、<div>、<span>、<h1>~<h6>、<p>、<form>、<input>、<a>、<img>、<iframe>、<script>、<style> 等元素HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
HTML知识点汇总第一章HTML基础知识1、HTML简介HTML(Hypertext Markup Language),超文本标记语言,HTML利用各种标记来标识文档的结构以及标识超链接的信息。
它是从SGML(Standard Generalized Markup Language,标准通用标识语言)中的一个子集演变而来的。
2、HTML的标记组成HTML用于描述功能的符号称为“标记”。
标记在使用时必须用尖括号“<>”括起来,而且是成对出现的,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。
如<body></body>、<p></p>等1)单标记:有些标记能完整的表达标记里的意思,只须在尖括号中输入标记名即可,这类标记叫单标记。
XHTML中要求单标记也必须闭合,即在标记“>”前添加斜杠。
常见的单标记如<br />、<hr />等。
2)双标记:双标记有头有尾,且前面的标记与后面的标记保持一致,但在后面的标记前有斜线,语法形如:<标记>内容</标记>。
例如:<p>段落</p>3)XHTML要求所有标记均为小写,且所有标记属性必须添加双引号4)标记对不能交叉3、HTML基本结构<html><head><title>网页标题</title></head><body><!--下面是网页的正文--></body></html>1)<title>标记对不能放在<body>标记对中,同理,其它表示内容的标记也不能放在<head>标记对中2)<html></html>表示HTML语言,在<html></html>里面包含头部(<head></head>)和内容体(<body></body>)。
《HTML语言》总复习一、单项选择题1.以下说法,错误的是:BA.网页的本质就是HTML源代码B.网页就是主页C.使用记事本编辑页面时,应将其保存为.HTML或.HTM后缀D.本地网站通常就是一个完整的文件夹2. 制作网页时首先要考虑的问题是:DA.图像B.文本C.颜色D.风格3. 要创建一个Email地址的链接,下面正确的句法是:AA.<a href=“mailto:mirror@”>与我联系</a>B.<a href=“files:mirror@”>与我联系</a>C.<a href=“http:mirror@”>与我联系</a>D.<a href=“usenet:mirror@”>与我联系</a>4.HTML语言中的预排版标记是:CA.<body>B.<blockquote>C.<pre>D.<p>5.解释执行JavaScript的是:CA.服务器B.编辑器C.浏览器D.编译器6.在CSS中使用背景图片需要使用参数:BA.image B.urlC.style D.embed7. 所有的HTML文件都以( )开头,以( )作为结尾。
BA.<BODY> </BODY>B.<HTML> </HTML>C.<TITLE> </TITLE>D.<P> </P>8. 如图所示的是:BA.滚动文本框B.复选框C.下拉菜单D.按钮9.在CSS的文本属性中,文本修饰的取值text-decoration:underline表示:B A.不用修饰B.下划线C.上划线D.横线从字中间穿过10.网页文件的扩展名为:CA..js B..domC..htm D..css11.在JavaScript语言中,OnMouseout将触发的事件为:BA.离开页面B.鼠标离开C.鼠标经过D.鼠标单击12.以下关于样式表项的定义中,错误的是:CA. H1, H2 {color:red}B. H1 B{color:red}C. H1#color_red{color:red}D. A:active {color:red}13下列哪条是定义样式规则的正确形式:CA.body {color = black} B.body:color=blackC.body {color: black} D.{body;color:black}14.现要设计一个可以输入电子邮件地址的WEB页,应该使用的语句是:B A.<INPUT TYPE="RADIO"> B.<INPUT TYPE="TEXT">C.<INPUT TYPE="PASSWORD"> D.<INPUT TYPE="CHECKBOX"> 15.HTML中,合并两个单元格应该使用的属性是:AA.colspan B.nowrapC.colwrap D.nospan16下列哪条html语句的写法符合XHTML规范:BA <br>B <img src= ”photo.jpg” />C <IMG src= ”photo.jpg” ></IMG>D <img src= photo.jpg ></img> 17.不能使用CENTER属性的标记是:BA.<BODY> B.<TITLE>C.<P> D.<HX>(X取1-6)18.<SUP>的标记是:DA.子串标记B.居中标记C.下标标记(SUB) D.上标标记(SUP)19.不能用来表示CSS颜色的是:CA REDB #FF0000C RGB(f,0,0)D #FFF20.< 表示的符号是:A A .< B .>(>) C .″ D .&21.<TD COLSPAN=3>设置的是表格的:C A .宽度B .高度C .合并水平格D .边框22.在WEB 页中插入图片使用的标记是:BA .<SRC>B .<IMG>C .<BGGROUND>D .<URL> 23.下列标记不正确的是:B A .<a href=″test1.htm ″>test</a>B .<a href=″test1.htm#Nokia8850″>Nokia 8850</a>C .<a name=″test.htm ″>test</a>D .<a href=″#test.htm ″>test</a>24.网页编程言一般分为客户端和服务器端编程语言。
下面属于客户端编程语言的是:B A .PHP HTML B .HTML CSS C .JSP CSSD .ASP HTML25.html 中的元素可分为块级(block)元素和行内(inline)元素,下列哪个元素是块级元素:A A. <p> B. <b> C. <a> D. <span> 26. <html> <head><title>欢迎您的光临!</title><script language=″JavaScript ″>……</script> </head> <body></body> </html>此实例中JavaScript 嵌入HTML 的方式为:AA .脚本置于<script></script>标记中间B .直接嵌入HTML 窗口或链接中C .使用SRC 属性应用外部脚本文件D .作为应用程序嵌入27.在CSS 中,BODY{margin:10pt 20pt}等同于:CA .BODY{margin-top:10pt;margin-right:10pt;margin-bottom:20pt;margin-left:20pt}B .BODY{margin-top:20pt;margin-right:10pt;margin-bottom:20pt;margin-left:10pt}C .BODY{margin-top:10pt;margin-right:20pt;margin-bottom:10pt;margin-left:20pt}D .BODY{margin-top:10pt;margin-right:20pt;margin-bottom:20pt;margin-left:10pt} 28.CSS 用于控制网页的背景图片的属性正确的是:AA .背景重复:background-repeat;图片依附位置:background-attachmentB .图片定位:position-background;图片大小:size-backgroundC .图片转换:variant-background ;图片定义:family-backgroundD .倾斜控制:oblique-background;效果控制:style-background 29.在CSS 中使用背景图片,设置图片不会跟随网页上下滚动的是:D A .background-repeat :no-repeat B .background-repeat :repeat C .background-attachment :scroll D .background-attachment :fixed 30.在CSS 中属于class 选择符的是:AA ..ident{text-indent :3em}B .P{text-indent :3em}C .#ident3em{text-indent :3em}D .a :link{text-indent :3em}31.如果将单个单元格的背景颜色设置为绿色,然后将整个表格的背景颜色设置为蓝色,则单元格的背景颜色为:BA .蓝色B .绿色C .黑色D .白色32.如果要在表单里创建一个多行文本框,以下用法正确的是:D A .<INPUT type="TEXT"> B .<INPUT type="textarea"> C .<SELECT>与<OPTION>配合使用 D .<textarea>…</textarea>33.在指定单选框时,只有将以下( B )属性的值指定为相同,才能使它们成为一组。
A .type B .name C .value D .checked34. 以下表单控件中,不是由 INPUT 标记符创建的为:C A. 单选框 B. 口令框 C. 选项菜单 D. 提交按钮35. 要创建一个如图所示的框架,应使用以下代码:`BA. <FRAMESET cols="100,* "><FRAME><FRAMESET cols="150,*"><FRAME><FRAME></FRAMESET></FRAMESET>B.<FRAMESET rows="100,* "><FRAME><FRAMESET cols="150,*"><FRAME><FRAME></FRAMESET></FRAMESET>C.<FRAMESET cols="100,* "><FRAME><FRAMESET rows="150,*"><FRAME><FRAME></FRAMESET></FRAMESET>D.<FRAMESET rows="100,120,* "><FRAME><FRAME><FRAME></FRAMESET></FRAMESET>36.要控制水平线的粗细,应使用以下( )属性。