韩顺平html笔记汇总1.doc

课程安排 Html + css 四天 Html是什么 html (hypertext mark-up language)是 超文本标记语言, 主要的用处是做网页, 可以在网页上显示 文字、图像、视频、声音… input type=”text” name=”xxx”/ ? 标记==元素 简单说明一下动态网页的示意图: Html历史 1999 html-- xhtml (xhtml 可以理解成就是html的加强版) -?xml | 2008 html5.0 W3c的介绍 是一个制定标准的组织 ( 比如 给 html ,xhtml ,css ,xml , wml…制定标准) ? 不同的浏览器，去访问同一个网页，可能看到的效果是有差别!-hack Html的运行原理 Hello.html Html的运行有两种方式 Html文件的基本结构 html head/head body/BODY /html 1.本地运行 所谓本地运行就是直接用 浏览器打开 远程访问 何为协议? 计算机互相通信(网络)的规则. ftp smtp pop http 远程访问的原理示意图: ? 这里我们涉及到http协议，这里我们没有深入讲解， 但是这是一个非常重要的知识点. Html的基本结构 html head 元素 属性1=”值” …./ /head body 元素 属性1=”属性值” 属性2=“属性值” …内容/元素 元素 属性=”属性值”/ /body /html 说明 标记通常是成对出现 head/head 单标记 br/ 案例: Demo1.htm html head/head body b横看成林/bbr/br/ font color=red远近高低各不同/fontbr/ !--size 值可以取 1..7 -- font style=font-size:30px;不知庐山真面目/fontbr/ /body /html 面试: 请问 后缀 html 和 htm 有什么区别? 答: 1. 如果一个网站有 index.html 和 index.htm 默认情况下，优先访问 .html htm 后缀是为了兼容以前的dos 系统 8.3的命名规范 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: hanshunping@联系管理员/a 图片: img src=”图片的路径/该图片也可是一个url” width=”宽度” heigth=”高度”/ Html的表格元素 在以前对网页布局要求不高的情况下，使用 table 布局(即使用表格来显示数据，同时用于布局) 快速入门: html body table align=center height=10px bgcolor=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 !-- table align=center height=10px bgcolor=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-- table height=150px trtd/td/tr /table !--显示菜单-- table border=1 align=center bordercolor=#E76BFF height=225px cellpadding=1px cellspacing=0px width=4