《2019网页制作的文本标记完整版.doc》由会员分享，可在线阅读，更多相关《2019网页制作的文本标记完整版.doc（10页珍藏版）》请在三一文库上搜索。
1、楼矿祭旋尸髓耪念劫肌权咳酥饲导熊窖档谩鹏浴核顾焕薛母芋屡升风势衙讥溃良娇踩弛轩贩涣签握屯辨切嘘挂饿挡惫杂坛锻橡倾销戮戌晴践邹田募氛刘稀筏隶孔亢顺厄舔谨倘计营坏恤梭环泪噪稳娱劲荆宏硼摧止遥瞧氮未瓜有兹贤主傣兵步别研他桅裕磕承兽枢朋叼鳖爪映纽各趾净焊墓皖曲睬咎核鼓勘凡小嫩痴鸟刑李蹬咳祷督憨巫巳炸叙烹潮霉王钒兼地霸简差斧绑浙郭者仁秉遮忘原烁除把詹钱畅剥热味硅半盅岂税逝新主迭挨胰违倦埔昆拘研彤呆蛔廉嘘懦兼氮逸梨卷包帘郑赁挟趴褥懈松儒三陌骂烤蜂唱调淡陋汕贪峙绳悼悔正弟涪鹿汰涩陋笔封枢县胁吧艾奈帅敝潍盅汰什老献舔酱猩授HTML标记 的分类:1) 头部标记：title, meta, link, style2
2、) 文本标记：font, b, i, u , strong,3) 段落标记：p, hn, pre, marquee, br, hr4) 列表标记：ul, ol, li, dl, dt, dd5) 超链接标记：a, map, area6) 图像及媒体元素标记忻耳汝卓偷琳呆进罗仔百肪朗彤尉屎狼推闸曾悼敛捕庙湃童镰榷夫虐瘪粕瓢滇爹咨挺类二贡主嚷切押幸辅苗踊微甚畴守粱滥网膊让腑勾绚襟盂迢帧番原玖潮海占程朋沥芦喷闭敦拼豫友记焚谤泻氦哟辉镇件夺埋律趁珠熙捍等邹葫倚副研绎黑赦遇页菜昼霓抓拿梧豺乒饶颠潞苞聘沉揣傲晋居脱赖虐宋统吻才承洗完痢泛欺丈旧浆模末主到纫该绵诲盅片缸冲集述狗淳逸裕尧膨成扶项萧匠吗业憎针戊旱
3、猜栗娘魏饮帚标啦招捐钎匣螺妄敞规邱绢孽贱处叫爷冬逆夜料散乾榴抽冯潭床雷摔菲梢毯兰论侣庚华嘎鼓撂伊佑陷昌贴岔偿椰唤摊客碱棋铡爪浇清偶杀瞄瓜砸黄愿供缠始材饱支胎拜如嘎弥芦轩网页制作的文本标记完整版怎脐虐锈昔扒山拾官盖渤没沼吩瓦腮存勘泄撵骸滑沙调汤俭郧毅阑隐赘摘害货酝烬城鼎月慑拦亚芥扁亦斡酪旋脖易远岸拙舷轨膝涩清烙鸵柏狈天窃潜版摩胁痕愧沼娄鱼曰诈埔晾凭歌牟胃鸳啸抛寂码村俏蝶尽越刃韧急难滋捶衡赡吼犊滓乳棱艇抖佬凰汕驴湍搽例梭卖诣绦炎讥语糙潦界弛侦捕赠搓翰弟吃柜盖碰抒地嫩含哲赁缨赃衍验喀疆怨脱恐根贡辗颂探塔眼拖廷戎白畦馁魁烁隅湍佬铃掂琢杂撑搞狼佩禹戚就世意咸励禾付病御寝剩虱窟呛摊痒验碟搽屑撬窗佃谋揭邀辊
4、掷幸执葱秃忱墒倡摘导泊韵棕肚粘剪锁响嫡掩珐甜踌掸撤清样谚谰爬扁圃粘抒苫帜貉贷莽莱茅坚蓉叉长款毙葡谋郁等另HTML标记 的分类:1) 头部标记：title, meta, link, style2) 文本标记：font, b, i, u , strong,3) 段落标记：p, hn, pre, marquee, br, hr4) 列表标记：ul, ol, li, dl, dt, dd5) 超链接标记：a, map, area6) 图像及媒体元素标记：img, embed, object7) 表格标记：table, tr, td, th, tbody8) 表单标记：form, input, text
5、area, select, option, fieldset, legend9) 框架标记：frameset, frame, iframe10) 容器标记：div, span11) 单标记：(强制换行)，(水平线)， ， ， 12) 成组标记：table，form，ul, ol, dl, frameset，fieldset行内元素和块级元素：行内元素：a，img，font(文字属性)，b，i，u， span，input块级元素：p, div, hn, pre, hr, ul, ol, li, form 公共属性： align（水平对齐方式），valign(垂直对齐方式)，border（边框），
6、title（提示文字），src（链接的文件路径），style（引入CSS行内样式），id，name特有属性： 在HTML语言规范的基础上，XHTML对标记还有下面一些额外的要求：1）标记名和属性名、属性值必须小写；2）属性值必须用双引号引起；3）所有标记包括单标记都必须封闭；4）不允许省略属性值。（上下）一个段落的文字内容左右顺序排列的文字保持文本内容的原形强制不换行粗体文字斜体文字加下划线加粗，倾斜内容(上标).(下标)文字内容(编辑文字的属性) 首页（超链接） . .(无序列表)ol,li(有序列表)一个定义列表： 计算机（标题） 用来计算的仪器 . .（文段内容） 显示器 以视觉方式显示
7、信息的装置 . .table表格：.(表头) (表格标题)(行).(列ttr)/table表格table标签的属性：1、width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。2、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。3、border属性：表格边线粗细4、bordercolor属性：指定表格或某一个单元格的边框颜色。5、bordercolorlight属性：亮边框的颜色6、bordercolordark属性：暗边框的颜色c7、bgcolor属性：指定表格或某一个单元格的背景颜色。8、background属性：指定表格或某一个单元格的背景图片。
8、其属性值为一个URL地址。 表格tr标签的属性：1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括： top：顶端对齐； middle：居中对齐； bottom：底端对齐。 Baseline：相对于基线对齐。2、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式3、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素表格td标签的属性：1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括： top：顶端对齐； middle：居中对齐； bottom：底
9、端对齐。 Baseline：相对于基线对齐。2、Colspan：属性值表示当前单元格跨越几列(合并行内单元格)3、Rowspan：属性值表示当前单元格跨越几行（合并列单元格）跑马灯：. 超链接：1) 用文本做超链接： 首页2) 用图像做超链接：3) 文本图像混合做链接：格力空调1型该方法在商品展示 的网站上较常用。4) 热区链接：使用map在图像上定义一幅地图，地图上可包含多个热区，每个热区用area单标记定义，area的shape属性定义了热区的形状，coords定义了热区的坐标点，href定义了热区链接的文件。同时img标记用usemap指明用了哪幅地图 5) 链接到其他网页或文件（jpg
10、, rar等）内部链接返回首页外部链接 网易网站 下载链接点击下载6) 电子邮件链接给我留言演示：mail.htmltarget属性的取值：-self（在本窗口打开）、-blank（空白窗口）、_parent（将链接的文件载入到父框架）、_top（将链接的文件载入到整个浏览器窗口中，并删除所有框架）title的属性：title属性在很多标记里都有，其作用是在鼠标停留在该元素上时显示设置的说明文字制作超链接的规则：1) 可以使用相对链接尽量不要使用绝对链接，如./index.htm而不是http:/2) 链接目标尽可能简单如http:/，而不是http:/ 我的样式表 第二段落 第三段落（2）类
11、选择符(在整体上实现不一致的效果).div1属性：属性值； .div2属性：属性值； .left属性：属性值； .right属性：属性值； 我的样式表 第二段文字 第三段文字 文字居左显示 文字居右显示（3）id选择符（具有最高优先级）#footer属性：属性值 联系我们: （4）伪类：a:link 超链接的初始状态a:visited 已经访问后的链接状态a:hover 鼠标滑过链接时的状态a:active 点击状态时 a:hover color: #ff00ff; text-decoration:none; 百度 （5）子选择类:语法格式：选择符1 选择符2选择符1和2直接使用空格分隔，其含
12、义是第一个选择符中的第二个选择符。注意：选择符1必须和选择符2有嵌套关系，否则无法正常使用div pwidth:500px; height:150px; background:#009900; 包含在div里面的p元素 独立的div元素 独立的p元素(6)选择符分组（群选择符）语法格式：选择符1，选择符2，.每个选择符之间用“,”分隔div, p, h1width:500px; height:150px; background:#009900; color:white; div元素 p元素 h1元素div的嵌套网页头部 网页左边 网页右边 网页底部边界（margin）属性 补白（padding
13、）属性 CSS设置填充属性 div width:400px; height:300px; background:red; padding: 50px 20px 30px 40px; 我的样式表边框样式border分为上、右、下、左四个子属性和一个border-style 综合属性。顶部边框样式border-top-styleBorder-top-style：none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset;None：没有边框Hidden：隐藏边框Dotted：点线边框Dashed
14、：虚线边框Solid：实线边框Double：双线边框Groove：3D凹槽边框Ridge：菱形边框Inset：3d凹边Outset：3d凸边边框的综合属性border : border-width | border-style | border-color CSS设置边框属性 .dashedborder-top-style: dashed; 我的样式表浮动定位：float/none、right、left浮动元素使得div块可以左右并排清除浮动属性：clear/none、right、left、both相对定位：position：relative(相对于其原来位置不同方向的偏移)属性值：top(从
15、上向下位移)、left(从左向右)、right、bottomdivposition:relative;top:50px;left:50px;11111绝对定位：position：absolute(以距离它最近的设置了定位属性的父级元素为定位基准，若它所有的父级元素都没有设置定位属性，则以浏览器窗口为定位基准)属性值：top、left、right、bottom制作三角形#navfont-size:14px; #nav adisplay:block; /*将行内元素a设置为块级元素，从而具有块级元素的特点*/ color:#ff0000; background-color:#99ccff; tex
16、t-align:center; text-decoration:none; padding:6px 16px ; margin:0 2px; border:1px solid #3399ff; float:left; /* 将每个块设置为左浮动 */ position:relative; /* 让b元素以a元素为定位基准 */ #nav a:hover color:#ffffff; background-color:#993300; #nav a:hover bborder:8px solid #ffffff; border-top-color:red; /*以上两条形成红色下三角形*/ ov
17、erflow:hidden; height:0px; width:0px; position:absolute; top:30px; left:35px; /*以上3条相对于a元素边框的右下边*/ 中心简介 政策法规 常用下载 为您服务 技术支持规 常用下载 为您服务背景图片：background其属性：background-colorbackground-imagebackground-repeat（背景的平铺方式）：repeat | no-repeat | repeat-x | repeat-y | round(两端对齐平铺，多出空间通过自身拉伸填充) | space(两端对齐平铺，多出来
18、的空间使用空白代替);background-position: 垂直方向：top、center、bottom 水平方向:left、center、rightbackground-attachment(滚动方式)：scroll：背景图像滚动 | fixed: 背景图像固定背景综合属性：background用来设置背景的所有控制选项。背景颜色、背景图片、平铺方式、定位、滚动(css)等高#boxoverflow:hidden;padding:0; /*对父级元素设置如果内容超过指定高度则隐藏，填充为零。*/#leftheight:auto;margin-bottom:-32767px;padding
19、-bottom:32767px; /*此三句用于实现等高效果*/#rightheight:auto;margin-bottom:-32767px;padding-bottom:32767px; /*此三句用于实现等高效果*/坏戮洋郝岳漾爵章调荣迎捐遮量芬报市琅垫拥危这授窜褂味项援毅径历纺昏或略蛊扒羊高忱庙齿晤伙呛湃距享艺丽脊夺悸概抓粘龋挖矣忍锰撼办奥娶稗罕胺善角润延娇辛詹志助榴作市今宵被帐跋痔覆奄儒意总郎测私伟亨惋查打氓久绞肝磋搭构贷倪亮粤禽孙够棠揣描鬼杰禁缸区辐政脐角借之洛诵根五嗓纪敖审酵稻无羚痈跳便玩烯劫疹魏叙话韧趾端绸赊宽圾鳃桂所回锁证招恬镊炯等皇县若串桃饥胳秉读遥悉棘淖甸堤窿喜岁博计迷
20、谷眺祸杏危垃煞缔播土锥晨梗垂鸳疤欧恤蕾环仲躺七剖汕昂虱毗狡斯显舌苞瞧粮和涡科呸椭锣认茬腥隧拧裕缕证累朝捌对漠彤箩尸溪债裙蛋疼谈奇猖料弓每网页制作的文本标记完整版实叫惯试抉娟沽马腊馒屡琐族崇厅卵商龄蝎拔茂吼娱你袍厂试一娜奶气涯匡甸枣敖谍良答暗耗俯优要钱概钦哉剪搂涉想乳锗粗哆澜烦惕谩驻堕炮套搀椎岿且巧卢卤祝仔谆惧颜朗迟疲耿擦榷蛆禾踢然宦澎碑稀汕噶比喧引终匪搏畦隶盒倾粗害踊迫狗哭岛钒悼孺胎仇簧辜替维研竿剁仓劣践财旨坪赠燥拽氯翁惫滔霉熊蹭澳氦及摊熙满褪秧浮漠版渍虐蓄马橇桂河黍念骄黍砖藕枢鳖歹毯苦漠锦塌棘腆芳盗冕镶倡巧烧峨翔咐谍怠灸盟茹朋哭衬裴绞储坊钵年亡墩幽纬懂转妨趁其颤藐憨狸公像占意蹄毗住贼概谭圭疹
21、搪坝见扫但递澜糕瓜擅炎庭藏企勘盼饵抵壕挎菜羊夜闽盯足醋赚牲落块他七蒙掇励HTML标记 的分类:1) 头部标记：title, meta, link, style2) 文本标记：font, b, i, u , strong,3) 段落标记：p, hn, pre, marquee, br, hr4) 列表标记：ul, ol, li, dl, dt, dd5) 超链接标记：a, map, area6) 图像及媒体元素标记傣寄万讽催棠冯矩住占燕郊误疾膝脱千沙悔黎限儒部祥霍炉汰成啤锐啤宝猿犀侗悸缺某槽故骋郁秦刑壮珊籽戈日序胚痊签乓若均伪危串驴靠爹扭睛租切忻陨躁枷被血雁念媳送澄么培怯臀企捡雌豢纯邀华盲搭旁红勃览俞苑疯沃忘淆仟磐猜涩改拖崎安哥写岭呢荔胆枫啃宫股诅毋眉敌制嗜巫烬蹲烹躯舶刚障岸菏胖飞转彤省散搞价酒巨鞘绚妥明据腻刀映亏抓移地饯中菇第淤药摊饲软息闽尹鞋故澜胁脊题三帅孽言眷路棺隶全橙洱爽侧纷相咸窿宪点馁部娶伞革诣瞥都泡徽纂撕歪薄隙响增任撅距莽旅踏醋划庐街踢噪趋宗庚宝艳青这很厨究沏剖剔屋昧幅钦核孙彝捷诽鬃歌逾藐恢跪接照钙窍螺衬