作者:empty 出版社:empty |
HTML和CSS是Web网页元素的标识语言规范。木书结合具体实例系统全面地介绍了HTML和Css设计Web网页的基本知识、设计方法及应用技巧, 全书分为两篇, 共19章, 其中第1一11章为上篇, 主要讲解了HTML标签的使用方法, 包括212个标鉴:第12~19章为下篇, 主要介绍了CSS的使用方法,包括86个标签。谨、通俗易懂, 是不可多得的HTML与CSS的指导用书, 适合网页设计和管理人员参考使用,目录:本书内容翔实、结构严谨、语言简洁,其中列举了很多应用实例,易学易用,本书内容全面、文字严
与浏览器相关的结构性标记:16个实例
页面元素外观:13个实例
超级链接:12个实例
图像与多媒体:28个实例
页面的布局与分隔;11个实例
列表:8个实例
表单:39个实例
表格:39个实例
框架结构:33个实例
其他常用标记:35个实例
CSS文字属性:23个实例
CSS元素的背景:6个实例
CSS边框的设置:24个实例
P
CSS边距与补白属性:10个实例
CSS区块属性:14个实例
CSS滤镜:15个实例
其他CSS属性:10个实例
HIM L标记详解
第1章HTML入门
1.1HTML的基本概念
1.1.1
HTML简介-
1.1.2HTML的基本结构
1.1.3HTML的标记
1.2一个简单的HTML实例
1.21编写HTML代码
1.2.2运行HTML文件查看效果
1.3HTML基本标记
1.3.1文件类型: HTML>
13.2文件头; HEAD>
1.33文件主体:-BODY>
1.4页面标题:TITLE
1.5小结
第2章
2.1标题文字
2.1.1标题标记:H
2.1.2标题的对齐:ALIGN1
2.2层
2.2.1
2.2.2层的对齐:ALIGN13
2.2.3层的样式设置:STYLE14
与浏览器相关的结构性标记——
层标记:DIV·12
2.3文字相关16
2.3.1
斜体:EM16
2.3.2文字的加粗:STRONG17
2.3.3引文:CITE18
2.3.4程序码:CODE18
2.3.5键盘输入:KBD19
2.3.6变量声明:VAR20
2.3.7字体加大和缩小:BIG、SMALL
2.4其他标记·21
2.4.1文本缩进:BLOCKQUOTE
24.2样本:SAMP23
24.3定义:DFN23
2.4.4地址:ADDRESS24
第3章设置页面元素外观
3.1文字外观-26
3.1.1加粗文字;B26
3.1.2斜体:I27
3.13下划线:U27
3.14删除线:S-
3.1.5上标与下标:SUB、SUP
3.1.6打字机字体:TT30
3.1.7基本字大小:BASE FONTSIZE
3.1.8字体大小:FONTSIZE
3.1.9字体颜色:FONTCOLOR
3.1.10设置字体:FONT FACE
3.2预定义格式标记:PRE
3.3居中对齐:CENTER
3.4闪烁:BLINK37
第4章超级链接-
4.1超级链接的基本标记
4.1.1
设置超级链接:A
4.1.2链接地址:HREF
4.13目标页面:TARGET
4.2网页中的锚点
4.2.1设定锚点:NAME
4.2.2链接到锚点:#
4.3设置不同的链接对象46
4.3.1链接网站内部的页面-46
4.3.2链接文件-
433设置外部链接:链接HTTP页面
4.3.4设置外部链接:链接FTP页面
4.3.5使用Telnet链接BBS站点
4.3.6发送E-mail
第5章图像与多媒体52
5.1添加图像
5.1.1
图像标记:IMG52
5.1.2设置图像源文件:SRC
5.2设置图像性
5.2.1设置大小:WIDTH、HEIGHT
5.2.2对齐方式:ALIGN
5.2.3替换文字:ALT
5.24设置边框:BORDER
5.2.5设置边距:HSPACE、VSPACE
5.2.6低解析度图像:LOW SRC
5.3图像的超级链接
5.3.1对整幅图像设置超级链接
5.3.2应用图像地图:MAP
5.4设置背景音乐
5.4.1添加背景音乐:BG SOUND
5.4.2设置背景音乐的循环播放次数:LOOP
5.5多媒体元素
5.5.1添加多媒体元素:EMBED
5.5.2设置自动运行:AUTOSTART
5.5.3设置循环播放:LOOP74
5.5.4隐藏面板:HIDDEN75
5.5.5添加其他类型的多媒体文件
5.6动态文字77
5.6.1添加滚动文字:MARQUEE
5.6.2文字滚动方向:DIRECTION
5.6.3设置文字的滚动方式:BEHAVIOR
5.6.4调整文字滚动速度:SCROLL AMOUNT
5.6.5设置滚动延迟:SCROLL DELAY
5.6.6循环设置:LOOP82
5.6.7设置滚动文字的背景:BGCOLOR
5.6.8滚动背景面积:WIDTH、HEIGHT
5.6.9设置空白空间:HSPACE、VSPACE
第6章页面的布局与分隔
6.1段落标记-88
6.1.1段落标记:P88
6.1.2段落文字对齐方式:ALIGN
6.2文字的换行90
6.2.1换行标记:BR90
6.2.2设置不可换行:NOBR
6.23强制换行:WBR
6.3水平线93
6.3.1插入水平线:HR
6.3.2水平线高度:SIZE
6.3.3水平线宽度:WIDTH
6.3.4水平线的对齐方式:ALIGN
6.3.5设置为实线效果:NO SHADE
6.3.6水平线的颜色:COLOR
第7章列表100
7.1无序列表100
7.1.1无序列表标记:UL
7.1.2设置无序列表的符号类型:TYPE
7.2有序列表的设计
7.2.1有序列表标记:OL
7.2.2有序列表的序号类型:TYPE
7.2.3有序列表的起始数值:START
7.3定义列表标记:DL
7.4菜单列表标记:MENU
7.5目录列表:DIR
第8章表单
8.1添加表单:FORM
8.11处理程序:ACTION
8.1.2表单名称:NAME-
8.1.3传送方法:METHOD
8.1.4编码方式:ENCTYPE
8.2输入类控件114
8.2.1输入控件类型:INPUT TYPE
8.2.2文本框控件:INPUT TYPE- text”
8.2.3密码域控件:INPUT TYPE- password
8.2.4文件域:INPUT TYPE= ile”
8.2.5复选框:INPUT TYPE- check hox”
8.2.6单选按钮:INPUT TYPE- radio
8.2.7普通按钮:INPUT TYPE button
8.2.8提交按钮:INPUT TYPE- submit
8.2.9重置按钮:INPUT TYPE= reset
8.2.10图像区域控件:INPUT TYPE- image
8.2.11隐藏域:INPUT TYPE- hidden
8.2.12控件名称: INPUT NAME ***>
8.2.13控件默认取值: INPUT VALUE- as >
8.2.14已选定的选项; CHECKED
8.2.15控件长度:SIZE
8.2.16设置最多字符:MAXLENGTH
8.3下拉式选单134
8.3.1添加选单控件:SELECT
8.3.2选单显示的项目数:SIZE
8.3.3选单控件名称:NAME
8.3.4
设置选项值:VALUE
8.3.5已选定的选项:SELECTED
83.6设置列表项目的多选:MULTIPLE
8.4文本输入区141
8.4.1文本输入区域:TEXTAREA
8.4.2设置名称:NAME
8.4.3设置输入区大小:ROWS、COLS
844输入区的默认值
8.4.5输入区换行方式:WRAP
第9章表格147
9.1创建表格147
9.2表格属性148
9.2.1表格边框:BORDER
9.2.2表格的边框颜色:BORDERCOLOR
9.23表格的亮边框:BORDERCOLOR LIGHT
9.2.4表格的暗边框颜色:BORDERCOLOR DARK
9.2.5表格宽度:WIDTH-
9.2.6设置表格的高度:HEIGHT
9.2.7设置表格背景色:BGCOLOR
9.2.8设置表格的背景图像:BACKGROUND
9.2.9表格内框宽度:CELLSPACING
9.2.10文字与边框距离:CELLPADDING
9.2.11设置表格的对齐方式:ALIGN
9.3表格行属性设置161
9.3.1高度的控制:HEIGHT162
9.3.2边框颜色:BORDERCOLOR
9.3.3行的背景色:BGCOLOR
9.3.4行文字的水平对齐方式:ALIGN
9.3.5行文字的垂直对齐方式:VALIGN
9.3.6行的亮边框颜色:BORDERCOLOR LIGHT
9.3.7设置行的略边框颜色:BORDERCOLOR DARK
9.4调整单元格属性169
9.4.1单元格大小:WIDTH、HEIGHT
9.4.2水平跨度:COLSPAN
94.3垂直跨度:ROWSPAN
9.4.4对齐方式:ALIGN、VALIGN
9.4.5设置单元格的背景色:BGCOLOR
9.4.6设置单元格的背景图像:BACKGROUND
9.4.7单元格的边框颜色:BORDERCOLOR
9.4.8设置单元格的亮边框:BORDERCOLOR LIGHT
9.4.9设置单元格的暗边框:BORDERCOLOR DARK
9.4.10文字内容不换行:NOWRAP
9.5表格的结构一181
9.5.1表格的表首:THE AD
9.5.2设计表首样式182
9.5.3表格的主体:TBODY
9.5.4设计表主体的样式
9.5.5表格的表尾:TFOOT
9.5.6设计表尾样式
9.6表格的表头:TH
9.7表格的标题
9.7.1添加标题单元格:CAPTION
9.7.2标题的水平对齐方式:ALIGN
9.7.3标题的垂直对齐方式:VALIGN
9.8表格的嵌套
第10章框架结构
10.1插入框架: FRAMESET>
10.2分割窗
10.2.1上下分割窗:ROWS
10.2.2左右分割窗:COLS
10.2.3窗的嵌套分割
10.3设置框架边框
10.3.1设置边框:FRAMEBORDER
10.3.2框架的边框宽度:FRAME SPACING203
10.3.3框架的边框颜色:BORDERCOLOR
10.4设置窗属性205
10.4.1页面源文件:SRC205
10.4.2页面名称:NAME207
10.4.3设置框架滚动条显示:SCROLLING
10.4.4设置框架边缘宽度:MARGINWIDTH
10.4.5设置框架边缘高度:MARGINHEIGHT
10.4.6禁止调整窗的尺寸:NO RESIZE
10.4.7不支持框架标记:NOFRAMES
10.5浮动框架-215
10.5.1插入浮动框架IFRAME-215
10.5.2浮动框架大小:WIDTH、HEIGHT
10.5.3浮动框架的对齐方式:ALIGN
10.5.4设置边框显示属性:FRAMEBORDER
10.5.5设置框架边缘宽度:MARGINWIDTH
10.5.6设置框架边缘高度:MARGINHEIGHT
10.5.7设置框架滚动条:SCROLLING
10.5.8设置框架名称:NAME222
10.6框架的链接223
10.6.1普通框架页面的链接:FRAME NAME
10.6.2浮动框架页面的链接:IFRAME NAME
第11章其他常用标记—228
11.1元信息标记:META228
11.1.1设置页面关键字:NAME-keywords”
11.1.2设置页面描述文字:NAME= discription
11.1.3设置编辑工具:NAME- generator”
11.1.4设定作者信息:NAME- author’
11.15限制搜索方式:NAME- robots”
11.1.6设置版权声明:NAME= copyright
11.1.7设置页面的创建日期:NAME= build
11.1.8设置联系人邮箱:NAME- reply-to
11.1.9设置页面语言:HTTP-EQUIV-*Content-Language”
11.1.10设置网页的定时刷新和跳转:HTTP-EQUIV- refresh
11.1.11设置网页的到期时间:HTTP-EQUIV- expires”
11.1.12禁止调用缓存; HTTP-EQUIV= each e-control
11.1.13删除过期的cookie:HTTP-EQUIV set-cookie
11.1.14以独立窗打开:HTTP-EQUIV-*window-target
11.1.15设置网页的过渡效果:HTTP-EQUIV-“过渡事件”
11.2基底网址:BASE243
11.3页面相关链接; LINK·244
11.4页面背景与颜色245
114.1背景颜色:BGCOLOR246
11.4.2背景图像:BACKGROUND
11.4.3固定显示页面背景图像:BG PROPERTIES-248
11.4.4链接文字的初始颜色:LINK—
11.4.5设置使用中的链接文字颜色:A LINK
11.4.6修改访问过的链接文字颜色:V LINK
114.7设置页面文字颜色; TEXT
11.5
页面边距--253
11.5.1设置页面的左边距:LEFTMARGIN
11.5.2设置页面上边距:TOPMARGIN
11.6特殊字符255
11.6.1空格: ;255
11.6.2其他特殊字符256
11.7页面注释-257
下篇CSS标记详解
第12章CSS样式表简介
12.1CSS样式表的概念
12.2CSS样式表的类型
12.2.1类选择器样式
12.2.2ID选择器样式
12.2.3重定义标记样式
12.2.4特殊样式
12.3CSS样式表的设置方法263
12.3.1链入外部样式表263
12.3.2导入外部样式表
12.3.3内部样式表
12.3.4内嵌样式
12.4CSS样式表书写原则265
第13章文字属性
13.1设置字体
13.1.1设置字体:font-family-267
13.1.2设置字号:font-size268
13.1.3设置斜体效果:font-style270
13.1.4设置加粗字体:font-weight
13.1.5设置英文大写; font-variant
13.1.6复合属性:字体:font
13.2文本的对齐与排列
13.2.1文本的水平对齐:tex-al in-274
13.2.2纵向对齐:vertical align
13.2.3文本反排:direction与unicode-bidi
13.2.4元素布局方式:w ting-mode
13.3文本的换行
13.3.1字内换行:word-break
13.3.2日文文本的换行:line-break-281
13.3.3超过容器边界时的换行; word-wrap
13.4文字的修饰
13.4.1设置文字修饰:text-decoration
13.4.2设置下划线的线条位置:text-underline-position
13.5设置文字间隔286
13.5.1单词间隔; word-spacing286
13.5.2字符问隔; letter-spacing287
13.6其他文本属性288
13.6.1文本转换:text-transform-288
13.6.2文本缩进:text-indent289
13.6.3文本行高:line-height290
13.6.4处理空白:whte-space291
13.6.5设置颜色:color291
第14章元素的背景一293
14.1设置背景颜色:background-color293
14.2设置背景图像294
14.2.1背景图像:background-image-294
14.2.2图像的平铺:background-repeat295
14.2.3图像与页面的布局:background-attachment
14.2.4图像位置:background-position300
14.3背景的复合属性:background-303
第15章边框的设置-305
15.1边框的风格305
15.1.1上边框的风格:borde-top-style—305
15.1.2右边框的风格:border-righ-style307
15.1.3下边框的风格:border-bottom-style308
15.1.4左边框的风格:border-le fi-style310
15.1.5设置边框的风格:border-style311
15.2边框的颜色312
15.2.1上边框的颜色:border-top-color312
15.2.2右边框的颜色:border-right-color-314
15.2.3下边框的颜色:border-bottom-color315
15.2.4左边框的颜色:border-left-color316
15.2.5设置边框的颜色:border-color318
15.3边框的宽度319
15.3.1上边框的宽度:border-top-width319
15.3.2右边框的宽度:border-right-width-321
15.3.3下边框的宽度:border-bottom-width-322
15.3.4左边框的宽度:border-left-width323
15.3.5设置边框的宽度:border-width325
15.4分别设置各个边框326
15.4.1设置上边框:border-top·326
15.4.2设置右边框:border-right327
15.4.3设置下边框:border-bottom329
15.4.4设置左边框:border-lett330
15.5设置边框的整体效果:border331
15.6边框属性在框架结构中的应用—
15.6.1设置框架中的边框风格:border-style
15.6.2设置框架的其他边框属性:border
15.7表格相邻边框的合并:border-collapse
第16章边距与补白属性338
16.1设置边距一338
16.1.1顶端边距:margin-top338
16.1.2底部边距:margin-bottom
16.1.3左侧边距:margin-lent
16.1.4右侧边距:margin-right
16.1.5边距:margin342
16.2设置页面的补白
16.2.1顶端补白:padding-top343
16.2.2底部补白:padding-bottom-344
16.2.3左侧补白:padding-left-345
16.2.4右侧补白:padding-right346
16.2.5补白:padding
第17章区块属性
17.1对象的定位-
17.1.1定位方式:position349
17.1.2元素距顶端的垂直距离:top
17.1.3元素距离左端的水平距离:left
17.1.4元素距离右端的水平距离:right-
17.1.5元素距离下端的水平距离:bottom
17.1.6层叠顺序:z-index35