Head First HTML 与 CSS 中文版 PDF 文档
轻松启动你的网页开发天涯,创建标准网页的初学者指南,注意常见的 HTML 与 CSS 陷阱和危险,有关样式的种种误区,大约 100 个谜题与练习让你着迷,避免尴尬的验证错误。
内容比较基础,适合想学习 HTML 的零基础人看。 这本书最大的特点就是寓教于乐。书里面开始是介绍一些网页的基本常识,紧接着通过咖啡馆、旅行日记等实例来阐述各标签的实际应用,同时辅以课后作业、填字游戏等等,按照书中的顺序一步步做下来,知识很容易掌握。
封面
版权
前言
目录
Web 语言:开始了解 HTML
认识 HTML 中的 HT :深入理解超文本
创建网页:构建模块
Web 镇之旅:开始链接
认识媒体:给网页添加图像
严格的 HTML:遵循标准,合乎规范
添加一个 X 到 HTML:转到 XHTML
添加一些样式:开始学习 CSS
扩大你的词汇量:字体和颜色样式
与元素亲密接触:盒模式
高级网站构建:div 和 span
布置元素:布局和排版
开始制作表格:表格和列表
交互活动:XHTML 表单
附录 A:排名前十的主题(本书未涉及):剩余部分
Web 击败了 video 明星
Web 服务器能干些什么?
让我们(用 HTML)来写些什么吧……
浏览器创建了什么……
你在 Starbuzz 咖啡馆走了好运
建立 Starbuzz 网页
创建一个 HTML 文件(使用 MAC 系统)
创建一个 HTML 文件(使用 Windows 系统)
现在,让我们回到 Starbuzz 的工作上来……
用浏览器打开你的网页
调试你的网页……
解剖标记……
认识样式元素
给 Starbuzz 添加样式……
谁做了什么?
围炉夜话
要点
习题解答
崭新且改进过的 Head First 休闲室
创建新的休闲室
我们做了些什么?
浏览器要做什么?
了解属性
技术难点
计划好你的路径……
修复损坏的图像……
习题解答
以每小时 12 公里的速度启动网站之旅
粗略的设计草图
从草图到略图
从略图到网页
测试 Tony 的网页
认识<q>元素
很长很长的引用
添加<blockquote>
<q>和<blockquote>奇案背后的真相
用<p>元素来做一个列表……
简单的两步创建 HTML 列表
把一个元素放进另一个元素,叫做 嵌套
用图示来了解嵌套的关系
使用嵌套来确保你的标记匹配
内联元素还是块元素?
习题解答
发布 Starbuzz(或者你自己的)主页到 Web 上
寻找主机代理商
如何获得一个域名?
搬迁
把你的文件复制到根目录
尽量在两页中介绍你可能用到的 FTP
返回休闲室主页……
关键的 URL
什么是 HTTP 协议?
什么是绝对路径?
默认网页如何工作
怎样链接到其他网页?
链接到 Caffeine Buzz
网页修饰并完成
链接到一个页面
使用<a>元素创建目的地
如何链接到目标锚
链接到一个新窗口
使用 target(对象)打开一个新窗口
习题解答
浏览器如何处理图像
图像是如何工作的
现在正式介绍:认识<img>元素
总是提供可选项
创建最后的 fan 网站:myPod
哇!图像太大了
修改 myPod HTML
使用缩略图重新修改网站
让缩略图变成链接
怎么创建图像的链接呢?用 images?
我们应该用哪种格式?
透明还是不透明?这是个问题……
等等,什么是网页的背景颜色?
用蒙版做 logo
添加 logo 到 myPod 网页
习题解答
办公室隔间对话
HTML 简史
我不会让你的网页引导浏览器进入转换显示模式
添加文件类型定义
接触 W3C 校验器
校验 Head First 休闲室
Houston,我们遇到问题了……
添加<meta>标记说明内容的类型
让校验器更容易识别<meta>内容标记……
第三次尝试的魅力
把 DOCTYPE 改为严格版本
是否被认可了?
解决嵌套问题
再次测试是否严格了……
严格的 HTML 4.01,紧扣手册
围炉夜话
HTML 考古
习题解答
什么是 XML?
如何将 HTML 改为 XHTML?
为什么要使用 XHTML?
规范 XHTML 的校验表
严格的 HTML 转化为 XHTML1.0
旧版的 HTML4.01
新的改进了的 HTML4.01
校验:不只适用于 HTML
围炉夜话
HTML 还是 XHTML?决定权在于你……
习题解答
你不再处于 Kansas 了……
在 Web 镇 贸易区 之见闻
使用 CSS 设计 XHTML
给欢迎词加下划线
指定只针对<hl>的规则
对 elixir 和 directions 页面进行同 Lounge 一样的设计
把 lounch.html 链接到外部样式表
了解继承……
如果我们把字体属性上移会有什么结果?
继承的覆盖
创建类的选择符
进一步了解类
样式应用最快捷最小巧的手册
谁继承了属性?
确保休闲室的 CSS 合法
习题解答
从一定的高度看文本和字体
到底什么是字体系列呢?
用 CSS 定义字体系列
重新看一下 Tony 的日志
每个人都会有不同的字体,我该怎么处理?
那么,应该用哪种方法定义我的字体大小呢?
我们来改变一下 Tony 网页中的字体大小
改变字体粗细
给字体添加样式
把 Tony 网页中的引用变成斜体
Web 颜色如何工作?
如何指定网页颜色?方法有……
快速了解十六进制代码
如何确定 Web 颜色
回到 Tony 的页面……
你想知道的关于 text-decoration 的所有内容
去掉下划线……
习题解答
改进休闲室
创建新休闲室
仔细观察新行间距
准备大翻新
进一步解析盒模式(box model)……
你能对盒子做什么?
创建保证样式
设置保证段的补白、边框和边界
添加一些补白
添加一些边界
插入背景图像
搞定背景图像
如何只在左侧添加补白?
如何只在右侧增加边界?
边框快速指南
确定边框并完成
访问 HTML 的类
id 属性
在休闲室中使用 id
重新混合样式表
使用多样式表
习题解答
仔细观察饮料 XHTML
研究一下如何把一个页面分割成几个逻辑部分
添加边框
测试边框
给饮料部分添加些真正的样式
游戏计划
调整饮料部分宽度
给饮料添加基本样式
我们需要一种选择子孙的方法
改变饮料标题的颜色
确定行间距
走点儿捷径
用简单的三步添加<span>
<a>元素和它的几个特征
如何根据状态样式化元素?
应用伪类
该介绍 层叠(cascade) 了吧?
层叠
欢迎来到 我的具体度是什么 游戏环节
融会贯通
习题解答
做思考题了吗?
Luke,使用流
对于内联元素呢?
这些如何一起工作
如何漂移元素
在休闲室后台
新的 Starbuzz
把 sidebar 移到标题下
设置 sidebar 的宽度并漂移它
搞定分栏问题
设置 main 部分的边界
回来处理重叠问题
右紧左松
流动和冻结设计
绝对布置如何工作?
改变 Starbuzz CSS
固定页脚的折衷办法
放置奖杯
固定布置如何工作?
使用负的 left 属性值
了解相对布置
做成三栏甚至更多栏……
习题解答
如何用 XHTML 创建表格?
用 XHTML 创建一个表格
浏览器生成了什么?
表格剖析……
添加标题和摘要
样式化表格之前,先把表格放到 Tony 的网页上
压缩边框
对于颜色呢?
Tony 有一个有趣的发现……
从另一个角度看 Tony 的表格
将单元格扩展为多行
新型的改进了的表格
天堂的烦恼?
为嵌套的表格表头覆盖 CSS
Tony 网页的最后润饰
习题解答
表单如何工作
表单在浏览器中如何工作
用 XHTML 写些什么
浏览器生成了什么
表单元素如何工作
准备创建 Bean Machine 表单
添加表单元素
表单元素的名如何工作
将<input>元素加到 XHTML 中……
在表单中添加更多的<input>元素
添加<select>元素
给顾客一个选择,是 whole(全)咖啡豆呢还是 ground(研磨的)咖啡豆
显印单选框按钮
完善表单
添加复选框和文本区
运行观察 GET
用不用表格?这是个问题……
把表单元素放入表格
用 CSS 样式化表单和表格
习题解答
更多选择符
框架
多媒体和 Flash
创建网页的工具
客户端脚本
服务器端脚本
转到搜索引擎
关于打印的样式表
适合移动设备的网页
blog(博客)
索引
下载地址:https://www.wenjiangs.com/wp-content/uploads/2023/09/cb2TraYoXrDDSuvu.zip
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论