java EE 教案 ppt
- 格式：doc
- 大小：66.00 KB
- 文档页数：4
第1章HTML基础
1.HTML(超文本标记语言)，该语言由标签组成，是web网页描述语言，浏览器能够解析并转换成为直观美观的页面。
2.HTML语法基础
a）HTML文档由标记组成，每个标记都一对尖括号及尖括号内的标记名组成。
b）标记都是成对出现，包括开始标记和结束标记。
开始标记和结束标记名字相同，但结束标记必须用一个斜线符号开头。
c）所有被标记包围的对象，如文本、图像、表格等都按照标记定义的格式显示。
d）标记内的元素名应该小写
e）标记通常都有属性，属性的格式是属性名=”属性值”。
<标记名属性1=”值”属性2=”值”……>内容</标记名>
3.HTML结构
<html>
<head>
<title>页面名称</title>
</head>
<body>
…..
</body>
</html>
注：HTML标记告诉浏览器或其他程序：这是一个网页文档，应该按照HTML语言规则对标记进行解释。
HEAD标记用于提供与网页相关的各种信息，如网页标题，所使用的样式表和脚本等。
BODY标记包括了网页显示的内容，如文字，图像、动画、超链接以及其他HTML对象。
4.HTML常用标签
a）分段标记：<p>段落内容</p>
b）换行标记：<br/>
c）无序列表标记：
<ul>
<li>列表项1</li>
<li>列表项2</li>
……
<li>列表项n</li>
</ul>
d）文件超链接标记：
<a href=”目标文件的URL”>文本</a>
绝对URL：给出目标文件的完整URL地址
相对URL：指以当前文档所在位置为起点到目标文档所经过的路径
当前目录：.
上一级目录：../
上两级目录：../../
依次类推
根相对路径：指从站点根目录到被链接文件的路径，/网站根文件夹名e）表标记：
<table>
<caption>表格标题</caption>
<tr>
<th>栏名</th>
<th>栏名</th>
<th>栏名</th>
</tr>
<tr>
<td>单元格内容</td>
<td>单元格内容</td>
<td>单元格内容</td>
</tr>
<tr>
<td>单元格内容</td>
<td>单元格内容</td>
<td>单元格内容</td>
</tr>
</table>
f）图层标记，是一个容器，在图层里可以放置各种类型的网页元素<div>
….
</div>
g）图片标记
<img src=”图片URL” alt=”图片说明”/>
h）框架标记
<frameset cols=”25%,50%,25%”>
<frame src=” frame_a.html”/>
<frame src=”frame_b.html”/>
<frame src=”frame_c.html”/>
</frameset>
<html>
<frameset rows=”50%,50%”>
<frame src=”frame_a.html”/>
<frameset cols=”25%,75%”>
<frame src=”frame_b.html”/>
<frame src=”frame_c.html”/>
</frameset>
</frameset>
</html>
i）表单，用于向服务器传输数据
<form action=”form_action.jsp” method=”get”>
<p>名:<input type=”text” name=”fname”/></p>
<p>姓:<input type=”text” name=”lname”/></p>
<input type=”submit” value=”submit”/>
</form>
注：action:规定当提交表单时，向何处发送表单数据
method:表单的提交方式
get：表单中的数据将附加到URL上，适合安全性不高且数据量不大的情况。
post：数据并不会附加到URL传输，而是单独传输，适合对数据安全性要求高或大数据传输情况。
<input type=”text” name=”fname”/>表示文本框，name属性指定文本框的名字。
<input type=”password” name=””/>表示密码框
<input type=”checkbox” name=””/>表示复选框
男性：<input type=”radio” name=”” checked=”checked” value=”male”/>表示单选按钮
<select name="cars"> 表示下拉列表框
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<textarea rows="10" cols="30"> 表示文本域
The cat was playing in the garden.
</textarea>
<input type="button" value="Hello world!"/>表示普通按钮
<input type=”submit” value=”Submit”/>表示表单提交按钮
<input type=”reset” value=”重置”/>表示表单重置按钮
练习：使用HTML制作一个用户登录表单。
