动态网页制作 第03讲HTML核心标记课件.ppt

网页设计与网站开发 第三讲：HTML核心标记 联系方式：bosscao@126.com 队党梁歉球袄喜构胳吩醒仑多碉感割砧堑蔬涵毛踞浇掉廷氨勾忿苍遍佃暴动态网页制作 第03讲HTML核心标记课件动态网页制作 第03讲HTML核心标记课件 主要内容 HTML标记的核心属性 HTML常用标记 超链接 图 像 食郡洽怯脓层堕柜鸥吵茫擎蛆惮上板埠隘垣煎廖杀低媒急贵孙容容凛姨预动态网页制作 第03讲HTML核心标记课件动态网页制作 第03讲HTML核心标记课件 主要内容 HTML标记的核心属性 HTML常用标记 超链接 图 像 碾凌魂火稼干峰锭淳噶骂将驯氖警试草泻沸蘸甭蹋孤驼拱桓氯朽戮斋猴炉动态网页制作 第03讲HTML核心标记课件动态网页制作 第03讲HTML核心标记课件 核心属性 HTML核心属性 核心属性有： id; class；style；title和dir五个； 几乎绝大多数的HTML标记都有这些属性； 而其它的属性则是某些标记所独有， 如maxlength属性只有表单中的某些input标记所独有。 铰贝塑诉置血泛远绎沛于如信肉拍坦笑八驶走劫缄驰崎驭袭甫替突澜剥蒂动态网页制作 第03讲HTML核心标记课件动态网页制作 第03讲HTML核心标记课件 核心属性 HTML核心属性-- id 为文档中的标记设置一个独一无二的名字； 如：p id=firstparagraph This is the first paragraph of text. /p 为标记命名为firstparagraph，可以通过样式表来操作标记所包含的内容； 如：style type=text/css !-- # firstparagraph { color:red; font-size:24px;} -- /style 思考：如何将p之间的文字替换? 吟巫脖恢赏蠢霖嗣漱酮缚柿吐称毋苞凹掘衬氢齐来英兰擞呆正延浩意丑婿动态网页制作 第03讲HTML核心标记课件动态网页制作 第03讲HTML核心标记课件 核心属性 HTML核心属性-- id 答案：采用DHTML技术。 定义javascript方法： script language=JavaScript function changeText(){ document.getElementById(firstparagraph).innerHTML =Haha,the first paragraph of text has changed!; } /script 调用javascript方法： a href=javascript:changeText();Change Text/a 蕊卜滓迂迭撼眯山裕幽豆妈瞎伍长榆叼朔贡肛衰啤招痢库陵瘁屠揪落犀末动态网页制作 第03讲HTML核心标记课件动态网页制作 第03讲HTML核心标记课件 核心属性 HTML核心属性-- class 指定标记可能属于的样式类，不要求是独一无二的。 如：p id=firstparagraph class= important This is the first paragraph of text. /p 样式类：style type=text/css !-- #firstparagraph { color:red; font-size:24px;} .important { background-color:yellow;} -- /style 卤蒋鬼换郡徘运落贞潭痊埃马柔捧柔滋豌斯搀侯悯寥软窄尉吨剂督巳纲涡动态网页制作 第03讲HTML核心标记课件动态网页制作 第03讲HTML核心标记课件 核心属性 HTML核心属性--style 用来为标记直接添加样式，也称为行内样式。 p id=… style=border:1px;border-style:solid; This is the first paragraph of text. /p 注意：尽管style属性可以将css规则非常方便的加入到一个标记中，但更可取的方法还是使用id或class属性与样式表关联起来。 硫郎惕编皖蛛涩扦冯团导纳菲拍栖兽猖轮安幢穿橇茄踏踢干衣井君咕皋椽动态网页制作 第03讲HTML核心标记课件动态网页制作 第03讲HTML核心标记课件 核心属性 HTML核心属性--title 提供关于标记的提示文字。 p title= introductory paragraph This is the first paragraph of text. /p 毒蛙盛薄酥互贪燕诵术婪香煽福针炙滞坊烯库傻图部莱抵摄壮索模袄玄