第2课定义站点与页面设置.pptVIP

什么是html语言 推荐学习网站： / /html_tutorials/index.html /web/xhtml/xhtml1.html /index.htm 用html语言写简单的网站 链接标签 1、网页链接： a href=/这是一个指向HTML.net的链接/a 注：元素a代表“链接（anchor），属性href代表“超文本引用（hypertext reference） 2、电子邮件链接： a href=mailto:nobody@给nobody@发电子邮件/a 链接标签 1、网页链接： a href=/index.html target=_blank布啦布啦首页/a 2、电子邮件链接： a href = mailto:info@联系新浪/a 标题属性： 如h2 style=background-color:#ff0000;我跟HTML的友谊/h2 颜色 十六进制（216）： 白色： #ffffff黑色： #000000红色： #ff0000兰色： #0000ff绿色： #00ff00黄色： #ffff00 HTML字体(Fonts) 字体大小 用字体大小属性(size)来设定字体的大小。 p font size=2这一段的字体大小的值是2/font /p 用face属性来设定字体风格 p font fac=arial这一段的字体风格是arial/font /p 用颜色属性(color)来设定字体颜色。 p font color=#FF0000这一段的字体颜色是红/font /p p font size=2 color=#FF0000这一段的字体大小的值是2的红色字/font/p 表格 用于创建表格的3个基本元素是： 首标签table和尾标签/table分别表示一个表格的开始与结束。这是不难理解的。 tr是“table row（表格行）”的缩写，用于表示一行的开始和结束。这也容易理解。 td是“table data（表格数据）”的缩写，用于表示行中各个单元格（cell）的开始和结束。这些都是容易理解的。 无边界的表格（2×2） table tr td单元格1/td td单元格2/td /tr tr td单元格3/td td单元格4/td /tr /table 有边界的表格 给表格设置背景颜色 table border=1 bgcolor=red tr td第一/td td行/td/tr tr td第二/td td行/td/tr /table 单元格背景色、背景图片 table border=1 tr td bgcolor=red第一/td td行/td/tr trtd background=../images/html_tutorials/background.gif第二/td td行/td /tr /table Cellspacing属性表示单元格之间的距离 h4Cellspacing属性值设为0的表格：/h4 table border=1 cellspacing=0 tr td第一/tdtd行/td /tr tr td第二/td td行/td /tr /table Cellspacing属性表示单元格之间的距离 h4Cellspacing属性值设为20的表格：/h4 table border=1 cellspacing=20 tr td第一/td td行/td /tr trtd第二/tdtd行/td /tr /table 页面布局 p style=font-size:20px;这里的文字大小为20/p p style=font-family:黑体;这里的文字字体为黑体/p p style=font-size:20px; font-family:黑体;这里是文字大小为20、采用黑体的文字/p 一个简单的css页面 html head title我的第一个CSS页面/title style type=text/css h1 {font-size:30px; font-family:宋体;} h2 {font-size:15px; font-family:黑体;} p {font-size:8px; font-family:隶书;} /style /head body h1我的第一个CSS页面/h1 h2欢迎参观我的第一个CSS页面/h2 p你可以在这里了解CSS的原理/p /body /html Web标准及验证 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xh