HTML网页设计

第1章　HTML基础知识　1.1　HTML简介　　1.1.1　HTML的发展历史　　1.1.2　HTML的未来发展　1.2　查看和编辑HTML　　1.2.1　HTML编辑器　　1.2.2　Web浏览器　1.3　HTML基本术语　　1.3.1　HTML标记　　1.3.2　HTML元素　　1.3.3　HTML属性　1.4　HTML数据类型　　1.4.1　长度值　　1.4.2　颜色值　　1.4.3　URI地址规范

第1章　HTML基础知识　1.1　HTML简介　　1.1.1　HTML的发展历史　　1.1.2　HTML的未来发展　1.2　查看和编辑HTML　　1.2.1　HTML编辑器　　1.2.2　Web浏览器　1.3　HTML基本术语　　1.3.1　HTML标记　　1.3.2　HTML元素　　1.3.3　HTML属性　1.4　HTML数据类型　　1.4.1　长度值　　1.4.2　颜色值　　1.4.3　URI地址规范　本章小结　习题1第2章　创建一个HTML文件　2.1　使用记事本新建一个HTML文件　2.2　HTML的组织规范　2.3　HTML基本标记　　2.3.1　结构标记　　2.3.2　头标记　　2.3.3　文档标题标记　　2.3.4　内容标记　　2.3.5　注释标记　　2.3.6　综合示例　本章小结　习题2第3章　文档格式化　3.1　文字格式化　　3.1.1　添加标准文字　　3.1.2　改变文字属性　　3.1.3　格式化文字　　3.1.4　特殊字符　3.2　超链接和锚站　　3.2.1　什么是链接　　3.2.2　锚站元素　　3.2.3　Email链接　3.3　段落格式化　　3.3.1　段落标记　　3.3.2　预格式化段落标记　　3.3.3　标题和对齐　　3.3.4　换行与空行　　3.3.5　使用水平线　3.4　使用列表　　3.4.1　有序列表　　3.4.2　无序列表　　3.4.3　定义列表　本章小结　习题3第4章　使用图像和背景　4.1　常见网络图像格式　　4.1.1　GIF图像　　4.1.2　JPEG图像　　4.1.3　PNG图像　4.2　使用图像　　4.2.1　在Web页中添加图像　　4.2.2　设定图片高度和宽度　　4.2.3　设置图片位置　　4.2.4　设置图片周围空白大小　　4.2.5　设置边框　　4.2.6　创建图片链接　　4.2.7　创建缩略图　　4.2.8　设置背景图片　4.3　创建图像地图　　4.3.1　创建客户端的图像地图　　4.3.2　创建服务器端的图像地图　　4.3.3　实际应用中的例子　本章小结　习题4第5章　表格布局　5.1　创建表格　　5.1.1　基本表格标记　　5.1.2　设置表格行　　5.1.3　设置表格列　5.2　设置表格格式　　5.2.1　调整表格尺寸和对齐方式　　5.2.2　设置表格背景颜色　　5.2.3　在表格中插入图片　　5.2.4　调整单元格大小　　5.2.5　设置单元格内容的对齐方式　　5.2.6　设置单元格间距和边距　　5.2.7　扩展行和列　5.3　高级表格标记　　5.3.1　添加标题　　5.3.2　行编组　　5.3.3　列编组　　5.3.4　表格边框设置　本章小结　习题5第6章　框架布局　6.1　框架的概念　6.2　创建含有框架的HTML文档　　6.2.1　简单框架示例　　6.2.2　基本框架标记　　6.2.3　框架集嵌套　　6.2.4　框架目标　6.3　框架格式化　　6.3.1　边框设置　　6.3.2　页白设置　　6.3.3　大小设置　　6.3.4　滚动设置　6.4　浮动框架　本章小结　　习题6第7章　使用表单收集数据　7.1　表单初步　7.2　表单元素　　7.2.1　标记　　7.2.2　标记　　7.2.3　文本域　　7.2.4　密码域　　7.2.5　单选按钮　　7.2.6　复选框　　7.2.7　下拉菜单　　7.2.8　多行文本框　　7.2.9　文件　　7.2.10　提交和重置按钮　　7.2.11　图像按钮　　7.2.12　隐藏域　　7.2.13　button值和button标记　　7.2.14　标签标记　　7.2.15　表单区域fieldset和legend　7.3　表单标记访问控制　　7.3.1　控制Tab键的次序　　7.3.2　快捷键　　7.3.3　disable属性和readonly属性　　7.3.4　工具提示与表单域　7.4　处理表单　　7.4.1　method属性:get和post　　7.4.2　action属性　　7.4.3　enctype属性　7.5　设计方法　本章小结　习题7第8章　样式表　8.1　样式表简介　　8.1.1　早期HTML版本的缺陷　　8.1.2　样式表概念　8.2　使用样式表　　8.2.1　内部样式表　　8.2.2　外部样式表　8.3　样式表创建规则　　8.3.1　id规则　　8.3.2　class规则　　8.3.3　伪类和伪元素　　8.3.4　继承性　　8.3.5　情景选择　8.4　层叠样式表　8.5　样式表属性　　8.5.1　文本　　8.5.2　颜色和背景属性　　8.5.3　字体　　8.5.4　容器模型　　8.5.5　列表　　8.5.6　混合属性　8.6　外部和内联样式表示例　　8.6.1　外部样式表　　8.6.2　内联样式表　本章小结　习题8第9章　HTML高级主题　9.1　使用多媒体　　9.1.1　Web中的多媒体　　9.1.2　添加活动的GIF　　9.1.3　添加音频　　9.1.4　添加视频　　9.1.5　添加Flash动画　　9.1.6　标记　9.2　使用JavaScript脚本　　9.2.1　JavaScript使用目的　　9.2.2　在HTML中包含JavaScript　　9.2.3　JavaScript语言概览　　9.2.4　常用JavaScript　9.3　区域组件布局　　9.3.1　标记的使用　　9.3.2　标记的使用　　9.3.3　标记的使用　　9.3.4　三种区域组件的差异　　9.3.5　区域标记位置设定　　9.3.6　区域立体空间建立　9.4　XML初步　　9.4.1　XML概述　　9.4.2　XML基础　　9.4.3　XHTML：用XML改写HTML　本章小结　习题9参考文献

内容推荐目    录

热荐商品根据您的浏览历史为您推荐

看过本商品的还看了

¥31.50

HTML+CSS+JavaScript网页制作简明教程（高等学

¥26.60

网页设计与制作——HTML+CSS+JavaScript(工业和

¥31.50

基于Web标准的网页设计与制作（中国高等院校计

¥38.40

HTML+CSS+JavaScript网页设计与布局实用教程（

¥29.50

网页设计与制作教程 第5版

¥25.70

C语言程序设计教程（第2版）

¥24.50

网站规划与网页设计

¥30.60

网页设计与开发——HTML、CSS、JavaScript（21

¥33.70

JavaEE框架技术进阶式教程（高等院校信息技术规

¥21.80

网页设计与制作实用技术——21世纪高等院校规划

更多>>

提示

店铺收藏成功

查看收藏夹>>

var zamplus_tag_params = {

productId:"9293481"

};

var _mvq = _mvq || [];

_mvq.push(['$setAccount', 'm-111-0']);

_mvq.push(['$setGeneral', 'goodsdetail', '', '', '']);

_mvq.push(['$addGoods', '', '', '', '9293481']);

_mvq.push(['$logData']);

var _py = _py || [];

_py.push(['p','9293481']);

正规渠道正品保障

放心购物货到付款

150城市次日送达

上门退货当场退款

购物指南

购物流程

发票制度

账户管理

会员优惠

支付方式

货到付款

网上支付

礼品卡支付

银行转帐

订单服务

订单配送查询

订单状态说明

自助取消订单

自助修改订单

配送方式

配送范围及免邮标准

当日递/次日达

订单自提

验货与签收

退换货

退换货政策

自助申请退换货

退换货进度查询

退款方式和时间

商家服务

招商报名

商家中心

运营服务

加入尾品汇

公司简介|

Investor Relations|诚征英才|网站联盟|广告服务|当当招商|机构销售|手机当当|官方

Blog

Copyright (C) 当当网 2004-2014, All Rights Reserved京ICP证041189号出版物经营许可证 新出发京批字第直0673号

login_session.browsePageOperate();

//MediaV

var _mvq = _mvq || [];

_mvq.push(['$setAccount', 'm-111-0']);

_mvq.push(['$logConversion']);

(function() {

var mvl = document.createElement('script');

mvl.type = 'text/javascript'; mvl.async = true;

mvl.src = ('https:' == document.location.protocol ? 'http://static.dangdang.com/js/header2012/mvl.js' : 'http://static.dangdang.com/js/header2012/mvl.js');

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(mvl, s);

})();

//pinyou

var _py = _py || [];

_py.push(['a', 'xT..hNvyCM_tldiECftJyo-LKP']);

_py.push(['domain','stats.teller.cn']);

//_py.push(['mapping','1']);

_py.push(['e','']);

-function(d) {

var s = d.createElement('script'),

e = d.body.getElementsByTagName('script')[0]; e.parentNode.insertBefore(s, e),

f = 'https:' == location.protocol;

s.src = (f ? 'https' : 'http') + '://'+(f?'js.teller.cn':'js.teller.cn')+'/j/adv.js';

}(document);

$(window).bind("scroll",function(){

var a=$("#return_top");

var c=document.body.scrollTop||document.documentElement.scrollTop;

if(c==0){$("#back_to_top").hide()}else{$("#back_to_top").show()}

});

价格举报

用户反馈

返回顶部

function dd2_DoFSCommand(command,args){

switch(command){

case "i_close":

document.getElementById("flash_ad_top2").style.display="none";

document.getElementById("flash_ad_top1").style.display="";

if(window.ActiveXObject)document.getElementById("dd1").play();

break;

case "topflash_close":

document.getElementById("flash_ad_top2").style.display = "none";

document.getElementById("flash_ad_top1").style.display = "none";

break;

default:break;

}

}

function dd1_DoFSCommand(command,args){

switch(command){

case "i_close":

document.getElementById("flash_ad_top2").style.display="";

document.getElementById("flash_ad_top1").style.display="none";

break;

case"i_endmovie":

document.getElementById("flash_ad_top2").style.display="";

document.getElementById("flash_ad_top1").style.display="none";

break;

case "topflash_close":

document.getElementById("flash_ad_top2").style.display = "none";

document.getElementById("flash_ad_top1").style.display = "none";

break;

default:break;

}

}

document.write('dd2_DoFSCommand(command,args);');

document.write('dd1_DoFSCommand(command,args);');

function ddtuijian(){

$("#ddtuijian").addClass("on");

$("#search_tuijian_content").show();

$("#cpc_tab").removeClass("on");

$("#ddcpcdiv").hide();

}

function ddcpc(){

var flag=$(".reco_wrap").attr("value");

if($("#cpc_tab").length&&flag==0){

$("#cpc_tab").addClass("on");

$("#ddcpcdiv").show();

$("#ddtuijian").removeClass("on");

$("#search_tuijian_content").hide();

}

if($("#cpc_tab").length==0){

$("#tabtc").removeClass().addClass("tab one_tab");

}

}

$("#ddtuijian").click(function () {

ddtuijian();

});

$("#cpc_tab").click(function () {

ddcpc();

});

function turn(){

if($("#cpc_tab").length==0){

$("#tabtc").removeClass().addClass("tab one_tab");

ddtuijian();

}

}

setInterval("turn()",3000);

DD_AD.cpc_pid=9293481;

DD_AD.cpc_title="%CD%BC%CA%E9%3E%BD%CC%B2%C4%3E%D1%D0%BE%BF%C9%FA%2F%B1%BE%BF%C6%2F%D7%A8%BF%C6%BD%CC%B2%C4%3E%B9%A4%D1%A7%3EHTML%CD%F8%D2%B3%C9%E8%BC%C6%A1%AA%A1%AA%B8%DF%B5%C8%D1%A7%D0%A3%BC%C6%CB%E3%BB%FA%D3%A6%D3%C3%C8%CB%B2%C5%C5%E0%D1%F8%CF%B5%C1%D0%BD%CC%B2%C4";var pagesize="pw";

if(!iswidth)

pagesize="pn";

DD_AD.fetchCPC(6,0,"01.49.01.16.00.00",1,"new",pagesize);

DD_AD.fetchCPC(9,0,"01.49.01.16.00.00",1,"new","float"); if(iswidth){DD_AD.fetchCPT("top_51661","01.49.01.16.00.00",2,1);

DD_AD.fetchCPT("bottom_pro_51661","","","1");

}else{DD_AD.fetchCPT("top_51661","01.49.01.16.00.00",2);

DD_AD.fetchCPT("bottom_pro_51661");

}

DD_AD.fetchCPT("skyscraper_51661");

DD_AD.fetchCPT("flip_51661");

if($("#ad_cpt_12213")[0]){DD_ADSMART.fetchCPT(12213,"mobile_ad_tag","new_mobile");}

.topbanner_all div {

border: 1px solid #DCDDDD;

height: 63px;

margin: 10px auto 0;

overflow: hidden;

position: relative;

width: 1198px;

}

.product_btmad div {

border: 1px solid #DCDDDD;

height: 88px;

margin: 10px auto;

overflow: hidden;

position: relative;

width: 1198px;

}

如果您在其他网站发现同样商品的价格比当当价低，且双方均有货，请您提供有效链接信息，将作为我们调整价格的重要依据。

商品名称：

当当价：

*竞品价格：

元请填写有效数字

*网址链接：

请填写有效链接

联系方式：

请填写有效联系方式

提交关闭

确定

var Pricepopup = {

bind : function(){

$("#look_app_client").hover(function(){

$(this).siblings("a").show();

},function(){

$(this).siblings("a").hide();

});

$("#price_report_btn").bind("click",function(){

showMsgBox("price_report_btn",'','',Pricepopup.report_pop_show);

return false;

});

$("#close_btn,#close_img").bind("click",function(){

$("#price_report_shade").hide();

$("#price_report_pop").hide();

});

$("#price_report_pop2_close_btn,#price_report_pop2_close_img").bind("click",function(){

$("#price_report_shade").hide();

$("#price_report_pop2").hide();

});

$("#price_report_product_cpprice").bind("focus",function(){

if($("#price_report_product_cpprice").val()=="必填"){

$("#price_report_product_cpprice").val("");

}

}).bind("blur",function(){

if($("#price_report_product_cpprice").val().replace(/(^\s*)|(\s*$)/g, "") == ''){

$("#price_report_product_cpprice").val("必填");

}

});

$("#price_report_product_cplink").bind("focus",function(){

if($("#price_report_product_cplink").val()=="必填"){

$("#price_report_product_cplink").val("");

}

}).bind("blur",function(){

if($("#price_report_product_cplink").val().replace(/(^\s*)|(\s*$)/g, "") == ''){

$("#price_report_product_cplink").val("必填");

}

});

$("#price_report_product_contact").bind("focus",function(){

if($("#price_report_product_contact").val()=="手机，邮箱均可，选填"){

$("#price_report_product_contact").val("");

}

}).bind("blur",function(){

if($("#price_report_product_contact").val().replace(/(^\s*)|(\s*$)/g, "") == ''){

$("#price_report_product_contact").val("手机，邮箱均可，选填");

}

});

$("#price_report_submit").bind("click",function(){

var flag = true;

var re = /^\d+(\.\d+)?$/;

if(re.test($("#price_report_product_cpprice").val())){//价格合法

$("#price_report_product_cpprice").removeClass("error_text");

$("#price_report_cpprice_error").hide();

}else{

$("#price_report_product_cpprice").addClass("error_text");

$("#price_report_cpprice_error").show();

flag = false;

}

re = /^([a-zA-z]+:\/\/)?\w+\.\w+(\.\w+)?(\/.*)?$/;

if(re.test($("#price_report_product_cplink").val())){//url合法

$("#price_report_product_cplink").removeClass("error_text");

$("#price_report_cplink_error").hide();

}else{

$("#price_report_product_cplink").addClass("error_text");

$("#price_report_cplink_error").show();

flag = false;

}

if(flag){

var timestamp = new Date().getTime();

$.ajax({

type:"POST",

dataType:"json",

url: "ajax.php",

data: {

product_id : ($("#color_size").attr("itemid") != undefined && $("#color_size").attr("itemid") != '') ? $("#color_size").attr("itemid") : $("#pid_span").attr("spid"),

product_name:$("#price_report_product_name").text(),

price:$("#price_report_product_ddprice").text(),

cpprice:$("#price_report_product_cpprice").val(),

cpurl:$("#price_report_product_cplink").val(),

contact : ($("#price_report_product_contact").val() == '手机，邮箱均可，选填' ? '' : $("#price_report_product_contact").val()),

timestamp:timestamp,

type:'price_report'

},

success: function(msg){

// console.log(msg);

// alert(msg.errorcode);

if(msg.errorcode==0 && msg.statuscode==0){

// $("#price_report_shade").hide();

$("#price_report_pop").hide();

$("#price_report_msg").text("非常感谢您的反馈，您提交的信息将作为我们调整价格的重要依据。正品低价，尽在当当网！");

$("#price_report_pop2").show();

}else{

$("#price_report_pop").hide();

$("#price_report_msg").text("网络原因，发送失败！");

$("#price_report_pop2").show();

}

},

error:function(){}

});

}

});

},

report_pop_show : function(){

$("#price_report_shade").show();

$("#price_report_pop").show();

var title = $(".head h1").html().replace(/.*?/ig,"").replace(//ig,'').replace(/(^\s*)|(\s*$)/g, "");

// title = title.slice(0,title.indexOf("

本书共9章，将从HTML的基本知识开始，力图深人浅出地向读者介绍什么是HTML，以及如何运用HTML来设计网页。主要内容包括：HTML基础知识、创建一个HTML文件、文档格式化、使用图像和背景、表格布局、框架布局、使用表单收集数据、样式表和HTML高级主题。本书每章末皆有小结和习题，可以帮助读者能较快地掌握各章的知识。书中的文字叙述通俗易懂、切入主题、并配有程序代码，能够让读者迅速地掌握HTML网页设计的方法。 本书不仅可作为高等院校计算机专业教材，还适合作为广大网页设计人员和爱好者的参考资料。