Enviar búsqueda
Cargar
网页设计第5节课
•
Descargar como PPT, PDF
•
0 recomendaciones
•
380 vistas
E
ecmoment
Seguir
Tecnología
Educación
Vista de diapositivas
Denunciar
Compartir
Vista de diapositivas
Denunciar
Compartir
1 de 11
Descargar ahora
Recomendados
Free Marker中文文档
Free Marker中文文档
yiditushe
Create Table
Create Table
jiannrong
Laeradigital
Laeradigital
Regina Franco
Trent_Resume
Trent_Resume
Trent Alexander
El líder en mí
El líder en mí
clacelop
Portfólio1sem2013
Portfólio1sem2013
gifran
Inovar na rede
Inovar na rede
Ruth Pereira
The Digital Garage Certification
The Digital Garage Certification
Caitriona Lydon
Recomendados
Free Marker中文文档
Free Marker中文文档
yiditushe
Create Table
Create Table
jiannrong
Laeradigital
Laeradigital
Regina Franco
Trent_Resume
Trent_Resume
Trent Alexander
El líder en mí
El líder en mí
clacelop
Portfólio1sem2013
Portfólio1sem2013
gifran
Inovar na rede
Inovar na rede
Ruth Pereira
The Digital Garage Certification
The Digital Garage Certification
Caitriona Lydon
Apresentação steelbluetech
Apresentação steelbluetech
SteelBlueTech
Música em Ação 2015
Música em Ação 2015
Gustavo Sousa
Boletim abril (final)
Boletim abril (final)
Espaço Pethistória
De dónde eres
De dónde eres
kburbank
Promoción de ventas - Javier Molina Acebo
Promoción de ventas - Javier Molina Acebo
ESIC Business & Marketing School - eTrends
real beautiful weddings
real beautiful weddings
PlentyToDeclare
Actp010.odp
Actp010.odp
Cristina Berjano
Dos e dont's da vida online
Dos e dont's da vida online
Abrates
Catalogo mochilas 2015
Catalogo mochilas 2015
Noemi Jimenez Trinidad
Ilt2010 inleiding
Ilt2010 inleiding
ecommunicatie
patinetea
patinetea
ibaihernandez
Basica
Basica
slidericardinho
旅行社管理(十二)
旅行社管理(十二)
ecmoment
旅行社管理(十,十一)
旅行社管理(十,十一)
ecmoment
旅行社管理(九)
旅行社管理(九)
ecmoment
旅行社管理(八)
旅行社管理(八)
ecmoment
旅行社管理(七)
旅行社管理(七)
ecmoment
旅行社管理(六)
旅行社管理(六)
ecmoment
旅行社管理(五)
旅行社管理(五)
ecmoment
旅行社管理(四)
旅行社管理(四)
ecmoment
旅行社管理(三)
旅行社管理(三)
ecmoment
旅行社管理(二)
旅行社管理(二)
ecmoment
Más contenido relacionado
Destacado
Apresentação steelbluetech
Apresentação steelbluetech
SteelBlueTech
Música em Ação 2015
Música em Ação 2015
Gustavo Sousa
Boletim abril (final)
Boletim abril (final)
Espaço Pethistória
De dónde eres
De dónde eres
kburbank
Promoción de ventas - Javier Molina Acebo
Promoción de ventas - Javier Molina Acebo
ESIC Business & Marketing School - eTrends
real beautiful weddings
real beautiful weddings
PlentyToDeclare
Actp010.odp
Actp010.odp
Cristina Berjano
Dos e dont's da vida online
Dos e dont's da vida online
Abrates
Catalogo mochilas 2015
Catalogo mochilas 2015
Noemi Jimenez Trinidad
Ilt2010 inleiding
Ilt2010 inleiding
ecommunicatie
patinetea
patinetea
ibaihernandez
Basica
Basica
slidericardinho
Destacado
(12)
Apresentação steelbluetech
Apresentação steelbluetech
Música em Ação 2015
Música em Ação 2015
Boletim abril (final)
Boletim abril (final)
De dónde eres
De dónde eres
Promoción de ventas - Javier Molina Acebo
Promoción de ventas - Javier Molina Acebo
real beautiful weddings
real beautiful weddings
Actp010.odp
Actp010.odp
Dos e dont's da vida online
Dos e dont's da vida online
Catalogo mochilas 2015
Catalogo mochilas 2015
Ilt2010 inleiding
Ilt2010 inleiding
patinetea
patinetea
Basica
Basica
Más de ecmoment
旅行社管理(十二)
旅行社管理(十二)
ecmoment
旅行社管理(十,十一)
旅行社管理(十,十一)
ecmoment
旅行社管理(九)
旅行社管理(九)
ecmoment
旅行社管理(八)
旅行社管理(八)
ecmoment
旅行社管理(七)
旅行社管理(七)
ecmoment
旅行社管理(六)
旅行社管理(六)
ecmoment
旅行社管理(五)
旅行社管理(五)
ecmoment
旅行社管理(四)
旅行社管理(四)
ecmoment
旅行社管理(三)
旅行社管理(三)
ecmoment
旅行社管理(二)
旅行社管理(二)
ecmoment
旅行社管理(1)旅游产业四部门运行模型
旅行社管理(1)旅游产业四部门运行模型
ecmoment
SEO培训--关于链接、內链和外链的设置
SEO培训--关于链接、內链和外链的设置
ecmoment
什么是关键词-如何使用关键词策略去做网站推广
什么是关键词-如何使用关键词策略去做网站推广
ecmoment
网页设计第四节课
网页设计第四节课
ecmoment
Url是什么意思与什么是301重定向
Url是什么意思与什么是301重定向
ecmoment
Más de ecmoment
(15)
旅行社管理(十二)
旅行社管理(十二)
旅行社管理(十,十一)
旅行社管理(十,十一)
旅行社管理(九)
旅行社管理(九)
旅行社管理(八)
旅行社管理(八)
旅行社管理(七)
旅行社管理(七)
旅行社管理(六)
旅行社管理(六)
旅行社管理(五)
旅行社管理(五)
旅行社管理(四)
旅行社管理(四)
旅行社管理(三)
旅行社管理(三)
旅行社管理(二)
旅行社管理(二)
旅行社管理(1)旅游产业四部门运行模型
旅行社管理(1)旅游产业四部门运行模型
SEO培训--关于链接、內链和外链的设置
SEO培训--关于链接、內链和外链的设置
什么是关键词-如何使用关键词策略去做网站推广
什么是关键词-如何使用关键词策略去做网站推广
网页设计第四节课
网页设计第四节课
Url是什么意思与什么是301重定向
Url是什么意思与什么是301重定向
网页设计第5节课
1.
3.10 表单 3.10.1 表单标记 表单的基本语法及格式为:
2.
3.10.2 文字和密 的
入码 输 使用 <input> 标记的 type 属性,可以在表单中加入表项,并控制表 项的风格。 type 属性值为 text ,则输入的文本以标准的字符显示; type 属性值为 password ,则输入的文本显示为“●”。 【例 3-30 】 3.10.3 重置和提交 格式为: <input type="reset" value=" 按钮名 " /> <input type="submit" value=" 按钮名 " /> 默认情况下,重置和提交的按钮分别显示为“重置”和“提交查询内 容”。 3.10.4 框和复选 单选钮 用 <input> 标记的 type 属性可设置选择钮的类型 属性 value 可设置该选择钮的控制初值,用以告诉表单制作者选择 结果。 用 checked="checked" 表示是否为默认选项。 name 是该控件的惟一标识,同一组复选框或单选钮的名称是一样的 。
3.
3.10.5 选择栏 <select> 标记的格式为: <select
size="x" name=" 选择栏名 " multiple="multiple"> <option value=" 选项值 "> 选项说明 </option> <option selected="selected" value=" 选 项 值 "> 选 项 说 明 </option> … </select> 【例 3-32 】 3.10.6 多行文本框 格式为: <textarea name=" 多 行 文 本 框 名 " rows=" 行 数 " cols=" 列 数 "> 多行文本 </textarea> 其中的行数和列数是指不用滚动条就可看到的部分。
4.
第 4 章
网 表 言——页 现语 CSS CSS 是 Cascading Style Sheets (层叠样式单)的简称,更 多的人把它称作样式单。 4.1 CSS 简介 引入 CSS 的目的就是把结构与样式分离,网页的结构用 XHTML 的 标记定义,网页的外观样式用 CSS 定义。当多个网页采用相同的外 观样式时,只要建立一个定义样式的 CSS 文件,让 XHTML 调用这 个 CSS 文件所定义的样式即可。
5.
4.2 把样式加到网页中的方法 当浏览器读取样式单时,要依照文本格式来读,可以使用 4
种方法把 样式单加入到网页中:行内样式、内嵌一个样式单、链接到一个外部 的样式单文件和导入多个外部样式单文件。
6.
4.2.1 行内 式样 <
标记 style=" 属性 : 属性值 ; 属性 : 属性值 ..."> 【例 4-1 】 4.2.2 内嵌一个 式样 单 <head> ... <style type="text/css"> <!-- 选择符 1{ 属性 : 属性值 ; 属性 : 属性值 ; ... } /* 注释内 容 */ 选择符 2{ 属性 : 属性值 ; 属性 : 属性值 ; ... } ... 选择符 n{ 属性 : 属性值 ; 属性 : 属性值 ; ... } --> </style> ... </head>
7.
除了在 <style>...</style> 内分别定义各种选择符的样式外 ,如果多个选择符具有相同的样式,可以采用组合选择符, 以减少重复定义的麻烦。其格式为: <head> ... <style
type="text/css"> <!-- 选择符 1, 选择符 2, ... , 选择符 n{ 属性 : 属性值 ; 属性 : 属性值 ; ... } --> </style> ... </head> 【例 4-2 】 【例 4-3 】
8.
4.2.3 接到一个外部 式
文件链 样 单 格式为: <head> ... <link rel="stylesheet" href=" 样 式 单 文 件 名 .css" type="text/css" /> ... </head> 样式单文件的格式为: 选择符 1{ 属性 : 属性值 ; 属性 : 属性值 ; ... } /* 注释内容 */ 选择符 2{ 属性 : 属性值 ; 属性 : 属性值 ; ... } ... 选择符 n{ 属性 : 属性值 ; 属性 : 属性值 ; ... } 【例 4-4 】
9.
4.2.4 入多个外部 式
文件导 样 单 导入外部样式单文件是指在嵌入样式单的 <style>...</style> 中插 入多个外部样式单文件。其格式为: <head> ... <style type="text/css"> <!-- @import url(" 外部样式单的文件名 1.css"); @import url(" 外部样式单的文件名 2.css"); 其他样式单的声明 --> </style> ... </head> 【例 4-5 】
10.
4.3 新增加的 HTML
扩充标记和属性 4.3.1 class 与 id 属性 1. class 属性 定义带有类选择符的样式说明的格式为: 元素名 . 类选择符名 { 属性 : 属性值 ; 属性 : 属性值 ... } 还有一种用法,在选择符中省略 XHTML“ 元素名”名,可以把几个不同的元素 定义成相同的样式。其格式为: . 类选择符名 { 属性 : 属性值 ; 属性 : 属性值 ... } 或者 *. 类选择符名 { 属性 : 属性值 ; 属性 : 属性值 ... } 【例 4-6 】 2. id 属性 用 id 选择符定义样式的格式为: #id 选择符名 { 属性 : 属性值 ; 属性 : 属性值 ... } “id 选择符名”就是元素的 id 标识,由网页设计者定义。 【例 4-7 】
11.
4.3.2 <div> 与
<span> 定位标记 HTML 的文档结构分为两大类:块级结构与行级结构。 在 HTML 中有 div 和 span 两个标记。 1. <div> 标记 <div> 标记的格式为: <div id=" 样式名 " align="left|center|right"> 文本、图像或表 格等 </div> <div class=" 样式名 " align="left|center|right"> 文本、图像或 表格等 </div> 【例 4-8 】 2 . <span> 标记 <span> 的格式为: <span id=" 样式名 ">...</span> <span class=" 样式名 ">...</span> 【例 4-9 】
Descargar ahora