图3.5例3.2 的运行结果说明代码中两个标签分别创建了一个文本框和一个提交按钮。标签的type 属性用于设置标签创建哪种类型的表单元素，这个属性的默认值为text 即文本框。表3.1标签的type 属性除type 属性用于设置标签的类型之外，还支持其他一些属性，用于设置其名称，初始值、图像地址、选中与否的状态等。表3.2标签的属性......
2023-10-19
HTML概述与基本标签：基于HTML与CSS网页设计
【摘要】：视频教学资源学校目标了解WEB 和HTML 的关系理解HTML 标签在WEB 网页中的作用掌握HTML 文档的结构掌握常用的HTML 标签本章单词请在预习前完成下列单词的学习，将其写在横线上。嵌入）_______________________________________预习任务1.网页的标题标签应放置在（）标签内部。A.srcB.nameC.urlD.href3.用于描述网页大纲级别的标题标签共有（）种。A.url textB.link alterC.href textD.src alt5.HTML 语言中，某些标签只需要开始部分，可以不要结束部分，以下（）组属于这种情况。超链接10.在网页中使用锚标记显示各种不同的水果。水果列表水果描述
视频教学资源
学校目标
了解WEB 和HTML 的关系
理解HTML 标签在WEB 网页中的作用
掌握HTML 文档的结构
掌握常用的HTML 标签
本章单词
请在预习前完成下列单词的学习，将其写在横线上。
① web（[web] 蜘蛛网，万维网）_________________________________________
② browser（['braʊzə（r）] 浏览器）____________________________________
③ hypertext（['haɪpətekst] 超文本）_________________________________
④ http（Hypertext Transfer Protocol，超文本传输协议）_________________
⑤ url（Uniform Resource Locator，统一资源定位器）_____________________
⑥ html（Hyper Text Markup Language，超文本标记语言）___________________
⑦ title（['taɪtl] 题目，标题）_______________________________________
⑧ head（[hed] 头部）________________________________________________
⑨ body（['bɒdɪ] 主体，正文）_________________________________________
⑩ object（['ɒbdʒɪkt] 对象）___________________________________________
⑪ embed（[ɪm'bed] 把……嵌入）_______________________________________
预习任务
1.网页的标题标签应放置在（ ）标签内部。（选择一项）
A.<body></body>
B.<meta></meta>
C.<head></head>
D.<html></html>
2.超链接标签使用（ ）属性表示要链接到的网页地址。（选择一项）
A.src
B.name
C.url(www.chuimin.cn)
D.href
3.用于描述网页大纲级别的标题标签共有（ ）种。（选择一项）
A.3
B.5
C.6
D.8
4.图像标签使用（ ）属性表示图像文件的地址，使用（ ）属性表示替代文字。（选择一项）
A.url text
B.link alter
C.href text
D.src alt
5.HTML 语言中，某些标签只需要开始部分，可以不要结束部分，以下（ ）组属于这种情况。（选择一项）
A.p 标签 h1 标签 a 标签
B.title 标签 head 标签
C.hr 标签 a 标签 img 标签
D.img 标签 hr 标签
6.在网页中显示一段文字，效果如下图所示。（参考本章例1.5）
显示文字
7.在网页中显示一条水平线，效果如下图所示。（参考本章例1.10）
水平线
8.在网页中显示一张图片，如下图所示。（参考本章例1.12）
显示一张图片
9.在网页中显示一个超链接，如下图所示。（参考本章例1.13）
超链接
10.在网页中使用锚标记显示各种不同的水果。点击不同的水果链接时，跳转到下一页面的对应位置，显示对应的水果描述；点击“返回上页”超链接，则返回上一页面，如下图所示。（参考本章例1.16）
水果列表
水果描述
有关基于HTML与CSS网页设计的文章
- 详细阅读
-
水平线标签-基于HTML与CSS网页设计详细阅读
要想在网页中生成一条水平分割线，将不同的内容信息分开，使文字看起来更加清晰明确，那么就要使用到
标签来达到此目的。一个简单的
标签可以实现简单的分割线，轻松地修饰段落排版，使之更加美观。
标签的多种属性就解决了这些问题。通过给
标签设置一定的属性，可以使它具有更强的表达效果。
标签常用的属性有width，size，align，color 和title。size 可以理解为分隔线的厚度或高度，属性值默认单位同宽度。例1.10：测试水平分割线标签。......2023-10-19
-
清除浮动-基于HTML与CSS网页设计详细阅读
清除浮动可以理解为打破横向排列。图8.10例8.6 的运行结果_未清除浮动前说明按照之前所述的浮动的规则，secondDiv 上浮到firstDiv 右侧。假设出于某种需要，我们希望secondDiv 仍然出现在firstDiv 的下方，就像firstDiv没有设置浮动，仅为secondDiv 设置向左浮动那样。图8.11例8.7 的运行结果_清除左侧浮动说明在secondDiv 上设置了清除左侧浮动，也就是说它的左侧不能有浮动元素，这样导致它自己换行显示以满足这一规则。以下代码演示了清除右侧浮动的场景。......
2023-10-19
-
盒状模型概述-基于HTML与CSS网页设计详细阅读
图7.2CSS2.0 盒模型层次3D 示意图此外，盒子还有块级盒子和内联盒子之分。图7.3块级元素转变为内联元素说明以上代码中的div、p、ul、li 等元素都是块级元素，默认使用块级盒状模型。图7.4块级元素转变为内联元素说明将两个段落、三个列表项目、后两个div 块的display 属性为inline 后，它们将使用内联盒状模型，不再换行，而是从左往右依次排列，与其他内联元素共用一行。以下分别介绍其他和盒状模型相关的CSS 属性。......
2023-10-19
- 详细阅读
-
CSS层叠样式表-基于HTML与CSS网页设详细阅读
A.ID 选择器B.伪类选择器C.类选择器D.HTML 标签选择器3.假设有多条样式规则由一个独立的样式文件包含，现在有一个网页要使用这个样式文件中的样式规则，应在此网页中使用（ ）标签链接这个样式文件，并设置此标签的（ ）属性的值为这个样式文件的地址。登录页面CSS 的英文全称为Cascading Style Sheet，中文译名通常是层叠样式表或级联样式表。......
2023-10-19
-
常用字体样式标签-HTML与CSS网页设计详细阅读
不过标签在HTML 中被称为强调标签。和标签的基本使用方法如下：2.使文字加粗用双标签可使文字加粗，使文字更加醒目，例如文章的标题部分。示例代码如下：3.给文字加下划线用双标签可以为文字添加下划线。例1.9：文字修饰的设置。图1.9字体的样式4.预格式化标签
标签可定义预格式化的文本。......
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
相关推荐