写在前面:接下里的一系列内容都是参考<<JavaWeb从入门到精通>>一书而来。
1.常用资源网站:
JDK,Tomcat,Eclipse,MySql,JSTL,Struts2,Spring,Hibernate,iBatis
2.html标签
一个html页面中使用到的主要有4个标签:
<html> **</html>,
<head>**</head>,
<title>**</title>,title标签在head标签里面使用
<body>**</body>;就是平时我们见到的页面主体了
其他重要标签:
换行标记:<br>,注意它是一个单独标记,不是成对标记
段落标记:<p>**</p>,会为段落的段前和段后都添加上单独一个空行。
标题标记:分为1级到6级,h1到h6
<h1>**</h1>
居中标记:<center>**</center>
文字加粗标记:<b>**</b>
文字列表标记:
a.无序列表:<ul>
<li>**
<li>**
</ul>
b.有序列表:
<ol>
<li>**
<li>**
</ol>
表格标记:完成一个表格需要以下标记,
<table>
<caption>表格的标题
<th>表头标记
<tr>行标记
<td>列标记
下面是交互标签:
html表单标记:
<form action = “url” method = “get|post” name=”name” onSubmit=”” target=””>
</form>
解释下:
action的值表示用来对该表单进行程序处理的url
method的值表示数据传送到服务器的方式,有get或者post.如果是get,会将数据拼接到url后面。
name的值表示表单的名称
onSubmit的值表示当用户点击提交按钮时触发的事件
target的值表示输入的数据结果显示在哪个窗口中。其中值可以选择_blank,在新窗口中打开目标文件
_self,在同一个窗口中打开
_parent,在上一级窗口中打开
_top,在浏览器的整个窗口中打开
表单输入标记:<input>该标签很重要,有很多个属性,是单独标记
type可选:
下拉列表框标记:<select>**</select>
使用<option>**</option>向列表中添加数据,还有以下属性:
name,下拉列表框的名字,
size,指定列表数据项的条数,超过该值,可以滚动。
disabled,是否可用
multiple,是否支持多选
多行文本标记:<textarea>**</textarea>
有如下属性:
name,多行文本标记名字
cols,列数
rows,行数
disabled,是否可用
readonly,是否只读
wrap,可取值hard,默认
hard,自动换行,换行符会被提交到服务器
soft,自动换行,换行符不会提交到服务器
off,不自动换行
超链接标记:<a > **</a>
有一个属性href的值表示点击后会链接到该地址
图片标记:<img> ,是一个单独的标记
有如下属性:
src,图片来源
width,图片宽度
height,图片高度
border,指定图片外边框的宽度,默认为0
alt,当图片无法显示时,显示的提示文字
3.html5新增内容
<section>元素,表示页面中的一个区域
<acticle>元素,表示页面中的一个区域,通常有自己的标题和脚注
<header>元素,表示页面中一个内容区域的标题
<footer>元素,表示页面中的一个内容区域的脚注
<aside>元素,表示当前页面的附属信息
<nav>元素,表示将具有导航性质的链接放在一起
新增的input属性type可以是:
email,url,number,range