JAVA_WEB01_DOC_01_HTML课案.docx

HTML HTML概述 HTML是什么 Html(Hyper Text Mark-up Language)就是超文本标记语言的简写，是最基础的网页语言。 实验：查看网页的源代码 HTML基本结构 Html是通过标签来定义的语言，代码都是由标签所组成。 Html代码不用区分大小写。 Html代码由html开始/html结束。里面由头部分head/head和体部分body/body两部分组成。 头部分是给Html页面增加一些辅助或者属性信息，它里面的内容会最先加载。 体部分是真正存放页面数据的地方。 练习：第一个HTML页面 练习：修改页面标题 HTML语法细节 多数标签都是有开始标签和结束标签，也有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。 标签通常可以具有属性，通过对属性值的改变，控制标签具体功能效果。 属性与属性值之间用“=”连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。 格式： 标签名 属性名=属性值 数据内容 /标签名 标签名 属性名=属性值 / 练习：修改第一个HTML页面，加入一些文字，控制大小及颜色 练习：html页面中的空格和回车 字体标签 Font标签 例：font size=5 color=red字体标签示例/font 注：简单颜色可是直接写对应的英文，复杂颜色用16进制表示，表现形式#FF0000两个数为一组，按红，绿，蓝排列，如：#00FF00表示绿色。建议用工具选取，如图-1所示： 图-1 Size，默认1-7，默认是3，也可以-2~+4 标题标签 因为标题是文本中常用的内容，为了方便操作而定义的。其实就是某个字号和粗体的组合。 h1一级标签/h1 h2二级标签/h2 h3三级标签/h3 h4四级标签/h4 h5五级标签/h5 h6六级标签/h6 特殊字符 如果要在网页上显示一些特殊符号，比如 等。因为这些符号在代码中会被浏览器识别并解释，所以用一些特殊的方式来表示。 lt;gt;amp;quot;“reg;?copy;?trade;?nbsp;空格 颜色表示 color rgb(x,x,x) #xxxxxx colorname 不赞成使用。请使用样式取代它。规定文本的颜色。 size number 不赞成使用。请使用样式取代它。规定文本的大小。 px -2 +4 face font_family 不赞成使用。请使用样式取代它。规定文本的字体。 列表标签 定义列表 dt：上层项目 dd：下层项目 例： dl dt游戏名称/dt dd星际争霸/dd dd红色警戒/dd dt部门名称/dt dd技术部/dd dd培训部/dd /dl 效果，如图-2所示： 图-2 有序列表 例： ol liCoffee/li liTea/li liMilk/li /ol 如图-3所示： 图-3 无序列表 例： ul liCoffee/li liTea/li liMilk/li /ul 如图-4所示： 图-4 图像 Img img src=”1.jpg” align=”middle” border=”3” alt=”图片说明文字”/ 如图-5所示： 图-5 Map 图像地图，可以将图像中的某一部分作为可点击的链接使用。 img src=Sunset.jpg alt=图片说明文字 usemap=#Map / map area shape=rect coords=50,59,116,104 href=1.html / area shape=circle coords=118,203,40 href=2.html / /map 超链接 超链接概述 a 标签可定义锚。锚 (anchor) 有两种用法： 通过使用 href 属性，创建指向另外一个文档的链接（或超链接） 通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接），如图-8所示： 图-8 链接资源a href=”” 例： a href=”” target=”_blank”新浪/a href属性值可以是url，也可以是本地文件，也可使用其他协议如mailto、thunder等等。 target属性是指定在哪个窗口或者帧中打开。 定位标记 一般在本页面中使用，当网页内容过长，定位标记会比拖动滚动条方便快捷。 注：定位标记要和超链接结合使用才有效。 例： a name=”标记”标记位置/a p…….!--很多空行以制造网页过长的效果 -- a href=”#标记”返回标记位置/a 注：使用定位标记时一定在href值的开始加入#标记名。 表格 table table 标签定义 HTML 表格。 简单的 H