图3.5例3.2 的运行结果说明代码中两个标签分别创建了一个文本框和一个提交按钮。标签的type 属性用于设置标签创建哪种类型的表单元素，这个属性的默认值为text 即文本框。表3.1标签的type 属性除type 属性用于设置标签的类型之外，还支持其他一些属性，用于设置其名称，初始值、图像地址、选中与否的状态等。表3.2标签的属性......
2023-10-19
HTML与CSS网页设计：掌握层的基本概念
【摘要】：
标签可以把文档分割为独立的、不同的部分。在没有CSS 样式的帮助下div 标签没有任何特别之处，只是无论怎么调整浏览器窗口，每个div 标签都是占据一行。在E：\web\chapter2\目录下创建一个网页文件，命名为div.html，编写代码如例2.10 所示。例2.10：设置了背景的div 标签。运行div.html 效果如图2.13 所示。图2.13设置背景的div 标签通过背景的设置，可以从图2.13 中看出div 标签默认占据一行，宽度也是一行的宽度。在大多情况下，div 只有与CSS 样式配合使用才能体现出div 的作用。
<div>标签在Web 标准的网页中使用非常频繁，那么，相对于其他HTML 继承而来的元素，<div>有什么特别之处吗？答案可能会令人失望，<div>标签什么特性也没有，一定要说其特性，不过就是一种块级元素。正因为<div>没有任何特性，所以更容易被CSS代码控制样式。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作内容的组织工具，并且不使用任何格式与其关联。
在没有CSS 样式的帮助下div 标签没有任何特别之处，只是无论怎么调整浏览器窗口，每个div 标签都是占据一行。即：默认情况下，一行只能容纳一个div 标签。为了证明一行只能容纳一个div 标签，我们来举个例子，这里我们给div 加上id 属性，并为其加上CSS 样式，使div 拥有背景色以及宽度。在E：\web\chapter2\目录下创建一个网页文件，命名为div.html，编写代码如例2.10 所示。
例2.10：设置了背景的div 标签。
运行div.html 效果如图2.13 所示。
(www.chuimin.cn)
图2.13 设置背景的div 标签
通过背景的设置，可以从图2.13 中看出div 标签默认占据一行，宽度也是一行的宽度。通过宽度的设置可以发现，并不是因为div的宽度为一行导致无法容纳后面的div标签。无论宽度多小，一行始终只有一个div 标签。
在大多情况下，div 只有与CSS 样式配合使用才能体现出div 的作用。
注意
CSS 样式将在后面的章节中详细讲解，在这里使用样式只是为了帮助初学者更好地了解层的特点。
有关基于HTML与CSS网页设计的文章
- 详细阅读
-
清除浮动-基于HTML与CSS网页设计详细阅读
清除浮动可以理解为打破横向排列。图8.10例8.6 的运行结果_未清除浮动前说明按照之前所述的浮动的规则，secondDiv 上浮到firstDiv 右侧。假设出于某种需要，我们希望secondDiv 仍然出现在firstDiv 的下方，就像firstDiv没有设置浮动，仅为secondDiv 设置向左浮动那样。图8.11例8.7 的运行结果_清除左侧浮动说明在secondDiv 上设置了清除左侧浮动，也就是说它的左侧不能有浮动元素，这样导致它自己换行显示以满足这一规则。以下代码演示了清除右侧浮动的场景。......
2023-10-19
-
HTML与CSS网页设计：表格与列表详细阅读
视频教学资源学校目标理解表格的结构掌握表格相关的标签掌握单元格合并理解列表的分类掌握两种列表及列表项目的标签本章单词请在预习前完成下列单词的学习，将其写在横线上。A.width cellspacingB.cellspacing widthC.cellspacing cellpaddingD.cellpadding cellspaing2.使用（）标签为表格创建标题，使用（）标签代替
标签可以创建标题单元格。表格8.创建网页，使用表格存储你所在班级的学生成绩表，包含学号、姓名、语文、数学和外语等信息。学生成绩表9.在网页中使用有序列表显示水果名称，如下图所示。...... 2023-10-19
-
CSS层叠样式表-基于HTML与CSS网页设详细阅读
A.ID 选择器B.伪类选择器C.类选择器D.HTML 标签选择器3.假设有多条样式规则由一个独立的样式文件包含，现在有一个网页要使用这个样式文件中的样式规则，应在此网页中使用（ ）标签链接这个样式文件，并设置此标签的（ ）属性的值为这个样式文件的地址。登录页面CSS 的英文全称为Cascading Style Sheet，中文译名通常是层叠样式表或级联样式表。......
2023-10-19
-
HTML与CSS网页设计中的背景设置详细阅读
使用与背景相关的CSS 属性，可以设置一个区域的背景颜色、背景图像。与背景相关的CSS 属性见表6.1。表6.1常用的CSS 样式属性_背景例6.1：代码运行结果如图6.1 所示。图6.1例6.1 的运行结果_背景说明网页元素的背景显示时，背景图像优先于背景颜色。......
2023-10-19
-
FLASH动画插入网页|基于HTML与CSS详细阅读
完成本任务所用到的主要知识点：标签标签标签问题已经制作了一个FLASH 动画，就像电视里的音乐MV 那样精致。这个动画的文件名为“gaoxyjni.swf”。分析FLASH 动画是网页中常见的多媒体类型。解决方案 新建网页文档3.html。 使用EditPlus 打开3.html 网页，在其中编写以下代码。图上机1.4弹出警告对话框单击按钮，浏览器将显示FLASH 动画，如图上机1.5 所示。图上机1.5FLASH 动画 使用chrome 浏览器测试这个网页，发现不能正常显示这个FLASH 动画。......
2023-10-19
-
基于HTML与CSS网页设计中的XHTML规详细阅读
如前所述，XHTML 是HTML 的替代者，它是从HTML 继承而来，但使用了XML 的规则进行严格规范。XHTML 与传统的HTML 的不同之处，主要来自于XML 语法规范的格式要求，即要求“格式良好”。这些要求统称为XHTML 文档的有效性。万维网联盟为XHTML 制定了3种DTD，分别适用于不同场景。过渡的：要求非常宽松的DTD，允许继续使用HTML4.01 的标签和属性，但要求格式良好。为确保XHTML 文档是有效的，应在文档第一行添加DOCTYPE即文档类型声明。DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">严格的：
2023-10-19
-
HTML与CSS网页设计：嵌入多媒体功能示范详细阅读
例1.17：在网页中的显示结果如图1.19 所示。图1.19例1.17 的运行结果注意浏览器本身并不具备播放音频、视频和FLASH 动画等多媒体的能力，它需要调用本机安装的ActiveX 控件或浏览器插件才能播放。大部分浏览器识别标签，但仍有少部分浏览器只将标签视作嵌入网页的多媒体。其中object 标签的属性见表1.4。图1.22球员信息4.制作一个网页，背景颜色是“#FFD39B”，如图1.23 所示。图1.32腾讯首页其中有京东商城的通栏广告，它是嵌入在网页中的FLASH 动画。......
2023-10-19
相关推荐