您的位置：360文档中心› 网页设计标签

网页设计标签

网页设计标签
网页设计标签

</p><p><body>( link 设置对象文档链接颜色</p><p>vlink 设置对象文档中已访问的链接颜色</p><p>alink 激活链接颜色</p><p>background 页面平铺背景色</p><p>bgcolor 对象后面的背景色</p><p>margin 设置边距<bottommargin><leftmargin><rightmargin><topmargin> style 设置元素内嵌式样</p><p>text 设置获取文本主体前景色</p><p>title 设置获取对象的资询信息)</p><p><font>( color 指定字体颜色</p><p>size 指定字体大小</p><p>face 指定字体类型)</p><p>格式化文字：</p><p><b>加粗</p><p><i>斜体</p><p><u>下划线</p><p><s>删除线</p><p><sub>下标</p><p><sup>上标</p><p><big>大一点</p><p><small>小一点</p><p><a>超链接(href 获取目标url或锚点</p><p>name 设置或获取对象名称</p><p>target 设置或获取目标内容要显示在那个框架或窗口</p><p>书签：<a name="书签名"></a></p><p><a href="#书签名"></a></p><p>E-mail链接：<a href="mailto:邮箱名"></a></p><p>段落标记：<p>(align 指定段落对齐方式，包含left right center)</p><p>预格式化段落标记:<pre></p><p>标题：<h1>~<h6>设置一至六级标题(align属性同样适用)</p><p><br>换行</p><p>水平线：<hr>(width 宽度align 对齐方式size 粗细noshade 无阴影)</p><p>有序列表：<ol></p><p><li></li></p><p></ol>(type 列表编号类型包含：1 A a I i)</p><p>无序列表：<ul></p><p><li></li></p><p></ul>(type列表编号包含：cicle，square，disc)</p><p>图像标记：<img>(align 设置和获取</p><p>alt 设置或获取替代图像文本</p><!--/p1--><!--p2--><p>border 绘制图像周围边框宽度</p><p>height 设置图像高度</p><p>hspace 水平边距</p><p>src 图像链接</p><p>vspace 垂直边距</p><p>width 图像宽度)</p><p><br clear="left">对于左对齐的图像停止环绕，直接换行到图片下方</p><p>背景图片的设置：<body background="URI,url"></p><p>图像地图：<img usemap="#地图名"></p><p><map name="地图名"></p><p><area> (alt 图像的文本替代</p><p>href 目标的url或锚点</p><p>shape 图像中超链接区域的形状</p><p>style 内嵌样式</p><p>target 设置显示窗口)</p><p>表格标记：<table>(border 边框宽度width 表格宽度height表格高度align 表格对齐方式bgcolor 表格背景色cellspacing 相邻单元格间距cellpadding 边框和内容的间距)</p><p>表格行标记：<tr>行内容</tr></p><p>表格列设置：<tr></p><p><th></th>(width 单元格宽度)</p><p><th></th></p><p></tr></p><p>表头以外的其他单元行：<td></td></p><p>表格背景图：<td><img src="..."></td></p><p>单元格对齐方式：<align>水平对齐方式(left right center)</p><p><valign>垂直对齐方式(top middle bottom)</p><p>扩展行列：<td rowspan="扩展行数"></p><p><td colspan="扩展列数"></p><p><table caption="...">表格标题</p><p>行编组：<thead>当前表格的题注<tfoot>当前表格尾注<tbody>表格主体</p><p>列编组：<colsgroup>主体标记</p><p>表格边框设置：<frame>设置外边框</p><p><rules>设置内边框</p><p>框架：主页无<body>标记</p><p>基本框架标记：<frameset>(语法<frameset cols="宽度1，宽度2..." rows="高度1，高度2...">) <noframes></p><p><body></p><p></body></p><p><noframes></p><p><frame src="url"></p><p><frame src="url"></p><p></frameset></p><p>框架的嵌套：<frameset></p><p><frame src="url"></p><!--/p2--><!--p3--><p><frameset></p><p><frame src="url"></p><p>框架的命名：<frame name="框架名"></p><p>锚站目标:<a href="框架链接" target="框架名"></p><p>框架边框设置<frameset border="..."></p><p>页白设置：<frame marginwidth="...." marginheight="..."></p><p>禁止框架大小调整：<frame noresize></p><p>滚动条：<frame noresize scolling="(yes使用/no不使用/auto需要时使用)"></p><p>浮动框架：<iframe></p><p>表单标记：<form>(action="url")</p><p>输入域：<input>(type 输入类型，一般为"text" name value提示信息size大小maxlength最大长度)</p><p>密码域：<input type="password" name="passwd"></p><p>单选框：<input type="radio" checked>选项一</p><p><input type="radio" >选项二</p><p>复选框：<input type="checkbox" checked>选项一</p><p><input type="checkbox" >选项二</p><p><input type="checkbox" >选项三</p><p>下拉菜单：<select name="..."></p><p><option>选项一</option></p><p><option>选项二</option></p><p><option>选项三</option></p><p><option>选项四</option></p><p></select></p><p>选项编组：<optgroup></p><p>多行文本框：<testarea rows="..." cols="..." wrap="virtual,physical"></p><p>文件：<input type="file" name="field-id" size="n" accept="file-type"></p><p>提交和重置：<input type="submit">提交、</p><p><input type="reset">重置</p><p>标签标记：<label for="表单名">文本</label></p><p><filedset>创建边框</p><p><legend>名签</p><p>快捷键：<input accesskey="快捷键"></p><!--/p3--><!--rset--><h2>《HTML5+CSS3网站设计基础教程》_教学大纲</h2><p>《HTML5+CSS3网站设计基础教程》课程教学大纲 （课程英文名称） 课程编号：201601210011 学分：5学分 学时：76学时（其中：讲课学时：47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。</p><p>二、课程设计理念与思路 课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。 课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例 （项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。 开发工具：DreamweaverCS6 第一章初识HTML5</p><p>第二章HTML5页面元素及属性</p><p>第四章CSS3选择器</p><p>e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用</p><h2>414网页制作工具的选择</h2><p>第四章网站的开发 1.在建立网站站点的过程中，下列行为恰当的是（A）。 A、建立自己的主题站点，首先需要创建一个WEB站点，用子保存和调试创建的网页 B、制作网页之前，不需要对版面进行设计 C、图片总是比文字更多地受浏览者的欢迎，因此网页中图片越多越好 D、建立站点，就是制作一个个网页，不需要先创建一个站点 情况下，一个网站可以包括的主页数是（ C ）一般2.A、 2个 B、 3个 C、 1个 D、无数个 3.下列关于网站制作的评价指标中，你认为哪些是必要的（ABCD）。 A、各种媒体处理和运用恰当 B、界面友好，结构清晰 C、链接正确，各主要页面能相互返回 D、主题明确，内容有意义 4.图片在网页中起到美化网页的作用，在网页中常用的几种图像格式是（ BD） A、MP3 B、GIF C、DOC D、JPEG</p><p>5.以下扩展名中不表示网页文件的是（AB）? A、 .doc B、 .txt C、 .html D、 .htm 6.以下可以代表WWW页面文件的类型的是（BC）。 A、 wav B、 htm C、 html gif 、D． 7.在制作网页中的表格时，如果要想在浏览时看不到表格的边框，则应将（C )调整为0。 A、单元格的间距 B、宽度与茼度 C、边框的粗细 D、单元格的边框 8.下列关于网页制作中收集索材的描述，正确的是（CD）? A、收集来的索材无需分类，集中在一个文件夹中存放较好 B、收集来的索材因为是准备制作网页给大家看的，所以不存在版权的问题 C、收集来的索材应该分类，不同类索材最好用不同的文件突_</p><p>D、收集来的索材文件名要易懂易记，便于调用 9.下列关于网站的说法中，正确的有（ABC ）? A、网站的起始网页称为主页 B、一个网站通常包含多个网页 C、网站是由一些互相关联的网页构成的一个整体 D、网贡一定是动态网页 10.一个网站的起始网页被称为（ B ） A、文档 B、主页 C、网站 D、网页 11.在Frontpage中，用来控制网页布局的工具是（D) A、书签 B、超链接 C、图片 D、表格 12.网页制作时，为了增强页面的整体吸引力，以下观点恰当的有（ABC） A、合理地使用滚动的字幕、变换的选择框以及持续的动画，为用户创造一种平和安静的坏境 B、力求精简，不要使用太多的动画 C、过度的闪烁让人头痛，一般页面中最多不能有三处闪烁 动态效果越多越好、D．</p><h2>网页设计标签</h2><p>一、HTML元素的语义分类 1.结构语义元素 div 语义：Division（分隔）。在文档中定义一块区域，即包含框，IE认为它是一个容器 span 语义：Span（范围）。在文本行中定义一个区域，即包含框 ol 语义：Ordered List（排序列表）。根据一定的排序进行列表 ul 语义：Unordered List（不排序列表）。没有排序的列表 li 语义：List Item（列表项目）。每条列表项 dl 语义：Definition List（定义列表）。以定义的方式进行列表 dt 语义：Definition Term（定义术语）。定义列表中的词条 dd 语义：Definition Description（定义描述）。对定义的词条进行解释 del 语义：Deleted Text（删除的文本）。定义删除的文本 ins 语义：Inserted Text（插入的文本）。定义插入的文本 h1~.h6 语义：Header 1 to Header 6（标题1到标题6）。定义不同级别的标题 p 语义：Paragraph（段落）。定义段落结构 hr 语义：Horizontal Rule（水平尺）。定义水平线 2.内容语义元素 a 语义：Anchor（定义锚）。锚即定位的意思，换句话说就是超链接，即在多页间定位 abbr 语义：Abbreviation（缩写词）。定义缩写词 acronym 语义：Acronym（取首字母的缩写词）。定义取首字母的缩写词address 语义：Address（地址）。定义地址 dfn 语义：Defines a Definition Term（定义定义条目） kbd 语义：Keyboard Text（键盘文本）。定义键盘键 samp 语义：Sample（示例）。定义样本 var 语义：Variable（变量）。定义变量 tt 语义：Teletype Text（打印机文本）。定义打印机字体</p><h2>网页制作网页设计软件优缺点分析</h2><p>软件名称功能 photoshop Photoshop是一种可以帮助我们迅速有效地完成各种图形处理工作的电脑软件,它能帮助我们完成图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格,流体变形及褪底和蒙板,制作出千变万化的 图像特效。 DreamWeaver Dreamweaver 8、是一款优秀的所见即所得式网页编辑器,功能强大,是制作、美化、维护网站,开发多种语言应用程序的专业工具。 Fireworks A dobe Fireworks是A dobe推出的一款网页作图软件,软件可以加速Web设计与开发,是一款创建与优化Web 图像和快速构建网站与 Web界面原型的理想工具。Fireworks 不仅具备编辑矢量图形与位图图像的灵活性,还提供了一个预先构建资源的公用库, 并可与Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Flash软件省时集成。在Fireworks 中将设计迅速转变为模型,或利用来自Illustrator、Photoshop和F lash的其它资源。然后直接置入D reamweaver中轻松地进行开发与部 署。 绘声绘影(Ulead VideoStudio 绘声绘影(Ulead VideoStudio是友立公司出品。是一个功能强大的视频编辑 软件,具有图像抓取和编修功能,可以抓取,转换MV、DV、V8、TV 和实时记录抓取画面文件,并提供有超过100 多种的编制功能与效果,可制作DVD,VCD光盘。支持各类</p><h2>《HTML CSS JavaScript网页制作案例教程》_教学大纲讲解</h2><p>《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 （课程英文名称） 课程编号：201509210011 学分：5学分 学时：64学时（其中：讲课学时：45 上机学时： 19 ） 先修课程：计算机基础、计算机网络、计算机应用 后续课程：UI设计、 JavaScript网页特效 适用专业：信息及其计算机相关专业 开课部门：计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事（2学时） [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用</p><p>使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准，明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面（4学时） [相关案例] 【案例1】简单的网页： 【案例2】新闻页面： 【案例3】图文混排： [知识点] HTML文档基本格式</p><h2>HTML标签以及各个标签属性大全(网页制作必备).</h2><p><NOBR> 取消换行和<br>相反 总类（所有HTML文件都有的） -------------------------------------------------------------------------------- 文件类型<HTML></HTML>（放在档案的开头与结尾） 文件主题<TITLE>（必须放在「文头」区块内） 文头（描述性资料，像是「主题」） 文体（文件本体） 结构性定义（由浏览器控制的显示风格） -------------------------------------------------------------------------------- 标题（？表示从1到6，有六层选择）数值越高字越小 标题对齐左对齐、居中对齐、右对齐 区分

区分对齐
左对齐、右对齐、居中对齐、两端对齐 引文区块
（通常会内缩） 斜体 加粗 引文（通常会以斜体显示） 码（显示原始码之用）

样本 表示一段用户应该对其没有什么其他解释的文本。要从正常的上下文抽取这些字符时，通常要用到这个标签。 并不经常使用，只在要从正常上下文中将某些短字符序列提取出来，对其加以强调，才使用这个标签 键盘输入 变数 定义 （有些浏览器不提供） 地址

3.0 大字 3.0 小字 与外观相关的标签（作者自订的表现方式） -------------------------------------------------------------------------------- 加粗 斜体 3.0 底线（尚有些浏览器不提供） 3.0 删除线 （尚有些浏览器不提供） 3.0 下标 3.0 上标 打字机体（用单空格字型显示）

网页制作css格式模板部分

一CSS文字属性： color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/

网页制作软件有哪些

网页制作软件有哪些? 一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！ ①Microsoft FrontPage 如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage2000还有些像? 但Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。 ④Claris Home Page 如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力

简单的网页制作教程-设计一个个人网站

题目：设计一个个人网站 一、要求： 1．使用Dreamweave网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 3．网页中要有图片和文字内容，用表格进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图 打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。

新建站点后得到这样一个界面 点选高级，得到界面 站点名称与我们建文件夹得名字相同，zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs， http地址为http://localhost/zs

接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs

然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择 然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四个网页，可以简单一点，把这四个网页命名为a、b、c、d，或者1、2、3、4，当然一个网站默认的索引首页名为index，这里也用index，

《网页设计与制作》教案-第10讲 布局技术之二—Div+CSS(二)

第10讲布局技术之二—Div+CSS（二） 1.1教学目标： ◆知识目标 1.理解CSS盒子模式。 2.掌握CSS规则设置方法。 ◆技能目标 能够理解Div+CSS所体现的表现和内容相分离特性。 ◆品质目标 培养学生认真细致、踏实进取的精神 1.2教学重点： 1.掌握CSS规则设置方法 1.3 教学难点 理解CSS规则的作用。 1.4教学方法：讲练结合，任务驱动、分子任务操练 1.5课时安排：2课时 1.6教学对象分析： 这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情况上，培养学生较好的专业基础与创新创作意识。 1.7教学过程： 一、CSS样式基本操作 1．样式表的操作途径 我们可以通过三种途径来创建、编辑CSS样式。 从主菜单选择“窗口/CSS样式”即可打开样式面板，如图3-35所示。 图3-35 CSS样式面板 在CSS样式面板的右下角有四个功能按钮，分别为： ●附加样式表：用于打开“链接外部样式表”对话框，选择要链接到或导入到当前文档中的外部样式表。 ●新建CSS样式：打开“新建CSS 样式”对话框，创建新样式。 ●编辑样式表：打开“CSS 样式定义”对话框。编辑当前文档或外部样式表中的任何样式。

删除CSS样式：删除“CSS 样式”面板中的所选样式，并从应用该样式的所有元素中删除格式。 单击CSS样式面板右上角的菜单按钮，可以显示如图3-36所示的面板菜单。通过该菜单，可以完成对CSS样式面板的大部分控制。在CSS样式面板的列表区域中单击鼠标右键，也可以打开同样的菜单。 图3-36 面板菜单 从主菜单选择“文本/CSS样式”命令，选择“新建”也可启动“新建样式表”对话框，如图3-37所示。 在页面空白处单击鼠标右键，在弹出的菜单中一样可以启动“新建样式表”对话框，如图3-38所示。 不管如何启动上述几个样式菜单或面板，他们都包含相同的几个命令：新建样式表、编辑样式表、链接样式表和导出样式表。

实验一HTML、CSS网页制作实验

实验一HTML、CSS网页制作实验 一、做出网页1.html，效果如下图所示： 要求如下： 1、诗的题目格式为红色、加粗、居中显示。 2、作者格式为红色、斜体、居右显示。 3、诗的内容字体格式从上到下分别是

，诗的第一行和第三行内容为蓝色字体。 二、做出网页2.html，效果如下图所示。 要求如下： 1、图像加边框。 2、图像相对于文字左对齐。 三、做出网页3.html，效果如下图所示： 要求如下： 文字颜色正常是#3c3c3c、白色背景，鼠标经过时变为#FF8400、#EDEEF0色背景。

四、请做出网页4.html，效果如下图所示。 五、请做出以下网页，效果如下图所示，保存为5.html： 六、请做出网页6.html，效果如下图所示： 要求如下：

1、使用内嵌式引入CSS样式表。 2、使用类选择器定义元素。 （1）通过控制不同的类，分别为第一个字母“G”设置为蓝色、加粗、60px 字体； 第二个字母“o”设置为红色、加粗、60px字体； 第三个字母“o”设置为黄色、加粗、60px字体； 第四个字母“g”设置为蓝色、加粗、60px字体。 （2）剩余字母“le”按默认样式输出。 七、请做出网页7.html，效果如下图所示。 要求如下： 1、设置所有文本为宋体、12像素、绿色字体，“春季”字体颜色设为红色。 2、设置标题“春天”为16像素、红色、加粗、居中、上划线的效果。 3、设置文本首行缩进2个字符。 八、请做出网页8.html，效果如下图所示： 要求如下： 1、设置所有文本为微软雅黑、14像素、黑色字体。 2、新浪”、“新浪网”为红色字体，“博客首页”为蓝色字体，网址及日期为绿色字体。 3、设置标题为16像素、左对齐、下划线的效果。 4、设置文本“-百度快照-评价”为灰色、下划线的效果。

html+css网页设计复习题(可编辑修改word版)

1、单选题 （1）要使单选框或复选框默认为已选定，要在input 标签中加（）属性 A、selected B、disabled C、type D、checked （2）要使表单元素（如文本框）在预览时处于不可编辑状态，显灰色，要在input 中加（）属性 A、selected B、disabled C、type D、checked （3）下列哪一项表示的不是按钮。（） A.type="submit" B．type="reset" C．type="image" D．type="button"（4）下面哪一个属性不是文本的标签属性？（） A.nbsp; B．align C．color D．face （5）下面哪一项的电子邮件链接是正确的？（） A．https://www.360docs.net/doc/d313429058.html, B．xxx@.net C．xxx@com D．xxx@https://www.360docs.net/doc/d313429058.html, （6）当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（） A．ASP B．HTML C．ZIP D．CGI （7）下面说法错误的是( ) A、CSS 样式表可以将格式和结构分离 B、CSS 样式表可以控制页面的布局 C、CSS 样式表可以使许多网页同时更新 D、CSS 样式表不能制作体积更小下载 更快的网页 （8）CSS 样式表不可能实现( )功能。 A、将格式和结构分离 B、一个CSS 文件控制多个网页 C、控制图片的精确位置 D、兼容所有的浏览器 （9）若要在网页中插入样式表main.css,以下用法中，正确的是（）。 A 、 B 、 C、 D、 （10）若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体 为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（）。 A、 B、.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt} C、 D、 （11）下列哪个标签是定义标题的（） A、h1 B、hr C、hw D、p （12）html 中的注释标签是（） A、< ------------- > B、<--! -->

网页设计与制作(代码介绍)

网页设计与制作 一、HTML 基本语言： 1.HTML 基本语法：（如图） ....:表示HTML 文档的开始和结束 …:表示HTML 文档的头部。最常用的标记是…,标记中的容对应浏览窗口标题的信息。 <body>…</dody>：<body>标记之的容对应的是浏览器中的容。 2.<body>标记的使用：（如图） Bgcolor="颜色":设置页面背景色。 Background="图像文件的名字及路径"：设置背景文件。 Text="颜色"：设置页面文字默认颜色。 标记属性用来对标记之间的容修饰，标记其属性必须放到“．．．．．．．．．．．．．．．．．．．．．．．．．．< >．．”．中，各属性间必须用空．．．．．．．．．．格隔开。．．．． 色彩的表示方法有两各种：1.RGB 模式，用16进制的红(Red)、绿(Green)、蓝(Blue)的</p><p>值来表示，格式为“#RRGGBB”，字符包括数字0～9和字母A～F，如红色为“#FF0000” 2.用英文单词表示彩色，如红色“red”。 二、常用的HTML标记及其属性制作网页①： 1.页面属性、排版标志 ⑴.标题标记： 格式：<h#>...<h#>, 其中“#”的取值国为1（字体最大）～6（字体最小）。 作用：设置文档的各级标题。 常见属性：align,用于定义标题的对齐方式，默认为左对齐， 标题标记属性：（如表） ⑵.版面格式标记 ①.分段与换行：（如表） ①.以下标记都出现在<body>中出现,标记必须以成对出现，如<body>...</dody>.</p><h2>网页设计中的CSS样式代码详解</h2><p>CSS 背景属性 属性 描述 值 IE F N W3C background 简写属性，作用是将背景属性设置在一个声 明中。 background-color background-image background-repeat background-attach ment background-positi on 4 1 6 1 background-attachment 背景图像是否固定或 者随着页面的其余部 分滚动。 scroll fixed 4 1 6 1 background-color 设置元素的背景颜色。 color-rgb color-hex color-name transparent 4 1 4 1 background-image 把图像设置为背景。 url none 4 1 4 1 background-position 设置背景图像的起始 位置。 top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos 4 1 6 1 background-repeat 设置背景图像是否及 如何重复。 repeat repeat-x repeat-y no-repeat 4 1 4 1 CSS 边框属性 (border)</p><p>border-bottom 简写属性。作用是在一个声明中用来设置下边框 的所有属性。 ? border-bottom-w idth border-style border-color 4 1 6 1 border-bottom-color 设置下边框的颜色。 border-color 4 1 6 2 border-bottom-style 设置下边框的样式。 border-style 4 1 6 2 border-bottom-width 设置下边框的宽度。 thin medium thick length 4 1 4 1 border-color 设置四个边框的颜色，可以设置一到四个颜色。 color 4 1 6 1 border-left 简写属性。用于在一个声明中设置左边框的所有 属性。 border-left-wid th border-style border-color 4 1 6 1 border-left-color 设置左边框的颜色。 border-color 4 1 6 2 border-left-style 设置左边框的样式。 border-style 4 1 6 2 border-left-width 设置左边框的宽度。 thin medium thick length 4 1 4 1 border-right 简写属性。将所有用于右边框的属性设置于一个 声明中。 ? border-right-wi dth border-style border-color 4 1 6 1 border-right-color 设置右边框的颜色 border-color 4 1 6 2 border-right-style 设置右边框的样式 border-style 4 1 6 2 border-right-width 设置右边框的宽度。 thin medium thick length 4 1 4 1 border-style 设置四个边框的样式，可以设置一到四个样式。 none hidden dotted dashed solid 4 1 6 1</p><h2>网页设计 html 代码 标签 大全</h2><p>1.结构性定义 文件类型<HTML></HTML>（放在档案的开头与结尾） 文件主题<TITLE>（必须放在「文头」区块内） 文头（描述性资料，像是「主题」） 文体（文件本体） （由浏览器控制的显示风格） 标题（从1到6，有六层选择） 标题的对齐 区分

区分的对齐
引文区块
（通常会内缩） 强调（通常会以斜体显示） 特别强调（通常会以加粗显示） 引文（通常会以斜体显示） 码（显示原始码之用） 样本 键盘输入 变数 定义（有些浏览器不提供） 地址
大字 小字 与外观相关的标签（作者自订的表现方式）

加粗 斜体 底线（尚有些浏览器不提供） 删除线（尚有些浏览器不提供） 下标 上标 打字机体（用单空格字型显示） 预定格式

（保留文件中空格的大小） 预定格式的宽度
（以字元计算）向中看齐
（文字与图片都可以） 闪耀（有史以来最被嘲弄的标签） 字体大小（从1到7） 改变字体大小 基本字体大小（从1到7; 内定为3）字体颜色 说明（浏览器不会显示）