网站后台开发--HTML语言.doc

Html是什么 1.html(hypertext mark-up language)是超文本标记语言,主要的用处是做网页,可以在网页上显示文字、图像、视频、声音… input type=”text” name=”xxx”/ Html的基本结构 html head 元素 属性1=”值” …./ /head body 元素 属性1=”属性值” 属性2=”属性值”…内容/元素 元素 属性=”属性值”/ /body /html 说明 1.标记通常是成对出现 head/head 2.单标记 br/ html符号实体 说明：当我们在网页中有一些特殊字符时候，可以考虑使用字符实体(char entity) 超链接的案例: br/*****************br/ a href=a.html target=”_self,_blank,_top,_parent”连接到a.html/abr/ !--如果我们希望在点击该超链接后，就跳转到外网的某个地址，则应当写完整的url-- !--url 统一资源定位-- a href=跳转到百度/abr/ a href=mailto: HYPERLINK mailto:hanshunping@ \t _blank hanshunping@联系管理员/a #代表超链接到本地页面 !--连续多个半角空格,按一个半角空格算。连续多个全角空格,一个全角空格算两个半角空格-- font size=7nbsp;/font font size=7lt;/font font size=7gt;/font font size=7yen;/font font size=7copy;/font font size=7reg;/font Target属性: _self 在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定 _blank 在新浏览器窗口中打开链接文件 _top 在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架 _parent 将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样 图片: img src=”图片的路径/该图片也可是一个url” width=”宽度” heigth=”高度”/ Alt=”我是一只小狗” 控件提示文字说明 Border=”1px” 边框 Style=”border:2px solid red” CSS样式 Html的表格元素 在以前对网页布局要求不高的情况下，使用 table 布局(即使用表格来显示数据，同时用于布局) 快速入门: html body table align=center height=10pxbgcolor=yellow border=3px width=400px !--tr表示一行-- tr align=center td1/td td2/td td3/td /tr tr align=right td2/td td align=center4/td td5/td /tr tr td3/td td9/td td10/td /tr tr td3/td td9/td td10/td /tr /table /body /html 应用案例： 代码?如下: html body !--显示菜单-- !—cellpadding表元内部空白-- !—cellspacing表元间隙--w w table border=1 align=center backgroud=111.jpg bordercolor=#E76BFF height=225px cellpadding=1pxcellspacing=0px width=400px tr !--colspan=3表该列要占用三列-- td align=center colspan=3大连迪派/td /tr tr !-- rowspan=2表该行要占用二行-- td rowspan=2网站后台/td td青草茄子/td td电脑培训/td /tr tr td小炒韭菜/td td白豆腐/td /tr tr td rowspan=2荤菜/td td清蒸龙/td td鱼香肉丝/td /tr tr td小炒肉 img src=dog.jpg width=70px //td td水煮肉片/td /tr /table /body /html 课堂练习: