1讲 html介绍 html运行原理.docx

1讲 html介绍 html运行原理①Html + css?四天? ? ? Html是什么1.? ?? ?html (hypertext mark-uplanguage)是超文本标记语言, 主要的用处是做网页, 可以在网页上显示文字、图像、视频、声音…input type=”text” name=”xxx”/??标记==元素简单说明一下动态网页的示意图:? ? ?Html历史1999 html-- xhtml (xhtml?可以理解成就是html的加强版) -?xml|2008 html5.0u? ?? ?W3c的介绍是一个制定标准的组织?(?比如?给?html ,xhtml ,css ,xml , wml…制定标准)??不同的浏览器，去访问同一个网页，可能看到的效果是有差别!-hack? ? ?Html的运行原理Hello.htmlHtml的运行有两种方式Html文件的基本结构htmlhead/headbody/BODY/html1.本地运行所谓本地运行就是直接用?浏览器打开2讲 html运行原理② html文件基本结构 html元素和属性2.? ?? ?远程访问l? ?? ?何为协议? 计算机互相通信(网络)的规则. ftp smtp pop http远程访问的原理示意图:???这里我们涉及到http协议，这里我们没有深入讲解，?但是这是一个非常重要的知识点.Html的基本结构htmlhead元素属性1=”值” ….//headbody元素属性1=”属性值”?属性2=“属性值”?…内容/元素元素属性=”属性值”//body/html说明1.? ?? ?标记通常是成对出现 head/head2.? ?? ?单标记 br/案例:?Demo1.htmhtmlhead/headbodyb横看成林/bbr/br/font color=red远近高低各不同/fontbr/!--size 值可以取 1..7 --font style=font-size:30px;不知庐山真面目/fontbr//body/html面试: 请问后缀 html 和 htm 有什么区别?答: 1. 如果一个网站有 index.html??和 index.htm??默认情况下，优先访问 .html3.? ?? ?htm 后缀是为了兼容以前的dos 系统 8.3的命名规范3讲 符号实体 url说明 超链接 发送电邮html符号实体说明：当我们在网页中有一些特殊字符时候，可以考虑使用字符实体(char entity)超链接的案例:br/*****************br/ahref=a.html target=”_self,_blank,_top,_parent”连接到a.html/abr/!--如果我们希望在点击该超链接后，就跳转到外网的某个地址，则应当写完整的url--!--url 统一资源定位--ahref=跳转到百度/abr/ahref=mailto:?hanshunping@联系管理员/a4讲 图像 表格 实际应用-菜谱 课堂练习-课程表4讲图像表格实际应用-菜谱课堂练习-课程表图片:img src=”图片的路径/该图片也可是一个url” width=”宽度” heigth=”高度”/? ? ?Html的表格元素? ? ?在以前对网页布局要求不高的情况下，使用 table 布局(即使用表格来显示数据，同时用于布局)快速入门:?htmlbodytable align=center height=10pxbgcolor=yellow border=3px width=400px!--tr表示一行--tr align=centertd1/tdtd2/tdtd3/td/trtr align=righttd2/tdtd align=center4/tdtd5/td/trtrtd3/tdtd9/tdtd10/td/trtrtd3/tdtd9/tdtd10/td/tr/table/body/html应用案例?：1.? ?? ?确定行代码?如下:htmlbody!--table align=center height=10pxbgcolor=yellow border=3px width=400px!--tr表示一行tr align=centertd1/tdtd2/tdtd3/td/trtr align=righttd2/tdtdalign=center4/tdtd5/td/trtrtd3/tdtd9/tdtd10/td/trtrtd3/tdtd9/tdtd10/td/tr/table--table height=150pxtrtd/td/tr/table!--显示菜单--tableborder=1 align=center bordercolor=#E76BFFhe