韩顺平轻松搞定网页设计htmlDIVCSSjavascript视频笔记全.docxVIP

顺平html第二讲 html| head ti tle 笫一个网页 /title /head body !-l-Xfont color=redhello world/font !—使font color=red/font来调整 字体颜色一〉 /br !-2-font size=7 color=bluehello worldl/font !—使用〈font size=7X/font来调奎 体大小，但是s i ze里希的取 応二7--〉 /br !-3-font style=rffont-size：150pxw color=yellowhello world2/font !-- 使 用 CSS 中〈Font style二font-size： 40pxrrX/font将字体调整更大一〉 /br !-4-pXi ont color=cyan为字体更换颜色4/fontX/p b font color=Mredhhhhh/font/b !-5- /body 顺平html第三讲 Html的超： 例子： html xmlns=. w3? org/1999/xhtml head meta http-equiv=，Content-Type1 content=ntext/html: charset=utf-8n / title无标题文档/title /head body !一一*****************html 超 案 例 ***************-- !一一*****************html 超默^***************-一 a href=H. sohu. n超〈/a /br !--超基本格式一〉 !--**target常见的两个属性-blank（表示在新页面打开文件）.-self （表示替换当前页面）**— a href=M.sohu. Mtarget= -blank〉在新窗口打开/a !―超在新窗口下打开文件—/br a href=* sohu? Rtarget= *-self在本页面打开/a !--超在本页面打开文件--/br a href ma il.to:yanli457352797hotma 订. 给自己写信 /迅 /body /html Html图片元素（标记）： img src 二图片路径 width-宽度 height=v 高度/img 案例：（网页上显示图片） html xmlns=ff. w3. org/1999/xhtmln head title无标题文档/title /head body ! —****^***********g 元 ##***4oMc*******一一 img src =a. jpg width二TOO !—?????????*?插入图片????????????— a href=\ sohu. nXimg src =na. jpg width=100 /a !—???????????图片??????***???— img src =rrimg, blog. 163. /photo/0qCsSUr6ytm0订pU0_lVaA=/37? jpg” width=400 img src =wa. jpg width二TOO border^lO， /img !—*******border 表示为插入的图片加上 边框样冲衬卄一 /body /html Table表格： !― table border=M边框宽度cellspacing两个列行间的距离大小cell padding^各行列间的容被填充 align-H表格的1 bgcoler 置表格背景 ；1】： !--水*tr表示行，td表示列,tr align=设置字 体对齐方式/trH ***— 案例： html xmlns=n. w3. org/1999/xhtmlH head title无标题文档/title /head body ***林**材**林林*林表格.为 表格添加 背 !—table border二边框宽度 ” cell spacing w 空隙大小cellpadding填充大小align=rT 表格的位置 bgcolor=w设置表格背景颜色wX/table— table border=n15w height=T cellpadding=20 cellspacing=O width=w477 align=ncenterw bgcolor=,,cyanff tr align=centertd 1/tdtd2/tdtd3/td/tr !—林tr 表示行，td 表示列,tr align=设置字体对齐方式/tr***- /table /body /html 顺平html第四讲 合并单元格： colspan=跨行列数 roe