韩顺平 轻松搞定网页设计HTML+(DIV+CSS)+JAVASCRIPT视频笔记(全).doc

韩顺平html第二讲 html head title第一个网页/title /head body !-1-font color=redhello world/font !--使用font color=red/font来调整字体颜色-- /br !-2-font size=7 color=bluehello world1/font !--使用font size=7/font来调整字体大小,但是size里面的取值是1—7-- /br !-3-font style=font-size:150px color=yellowhello world2/font !--使用CSS中font style=font-size:40px/font将字体调整更大-- /br !-4-pfont color=cyan为字体更换颜色4/font/p b font color=redhhhhh/font/b !-5- /body /html 韩顺平html第三讲 Html的超链接： 例子： html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title无标题文档/title /head body !--*****************html超链接案例***************-- !--*****************html超链接默认格式***************-- a href=超链接/a /br !--超链接基本格式-- !--**target常见的两个属性-blank(表示在新页面打开文件).-self(表示替换当前页面)**-- a href=target= -blank在新窗口打开/a !--超链接在新窗口下打开文件--/br a href=target= -self在本页面打开/a !--超链接在本页面打开文件--/br a href=mailto:yanli457352797@给自己写信/a /body /html Html图片元素（标记）： img src =图片路径 width=宽度 height=”高度” /img 案例：（网页上显示图片） html xmlns=/1999/xhtml head title无标题文档/title /head body !--*****************图片元素***************-- img src =a.jpg width=100 !--***********插入图片************-- a href=img src =a.jpg width=100 /a !--***********图片链接************-- img src =/photo/OqCsSUr6ytmOilpU0_1VaA==/4023121842125901437.jpg width=400 img src =a.jpg width=100 border=10 /img !--*******border表示为插入的图片加上边框********-- /body /html Table表格： !--table border=”边框宽度 “cellspacing”两个列行间的距离大小” cellpadding”各行列间的内容被填充 align=表格的位置 bgcolor=设置表格背景颜色/table !--**tr表示行，td表示列,tr align=设置字体对齐方式/tr***-- 案例： html xmlns=/1999/xhtml head title无标题文档/title /head body ******************表格,为表格添加背景****************/br !--table border=”边框宽度 ”cellspacing”空隙大小” cellpadding”填充大小 align=表格的位置 bgcolor=设置表格背景颜色/table-- table border=15 height=1 cellpadding=20 cellspacing=0 width=477 align=center bgcolor=cyan tr align=centertd 1/tdtd2/tdtd3/td/tr !--**tr表示行，td表示列