一.常见的Web服务器
- apache:世界上使用排名第一的服务器。
- jboss:web service的容器。ejb的容器。
- tomcat:开源免费的一个服务器,同时是一个apache的基金会项目。
- IIS:Internet information service是微软主推的服务器。
- webLogic:开发、管理、部署一些大型的web应用。分布式的服务器。
二.网页的分类
- 静态网页
- 客户端动态网页
- 服务器端动态网页
三.什么是HTML
- html本质上是一种描述网页的语言
- html称为超文本标记语言。全称叫Hyertext markup language
- html属于标记语言,不属于编程语言。xml也是一种标记语言
- html文档也称为web网页。
四.HTML标签的含义
- 第一个标签是开始标签,第二个标签是结束标签,但不是所有的标签都需要结束。自开闭标签
- html注意格式规范。必须成套出现。
- html标签最好区分大小写。
五.
- 主要用来声明网页的版本以及网页应该遵循的规范。声明有助于浏览器正确地显示我们的网页。
- 网络上有各种不同类型的文件,浏览器都可以正确地打开。如果能够正确声明html,那浏览器解析就更加准确。
- DOCTYPE:后面的声明内容不区分大小写。
六.meta
- meta不需要闭合的标签。提供html的元元素,元元素不会显示出来。只会被浏览器解析。
- meta标签除了设置编码集以外,还可以设置网页的关键字。网页的描述信息。作者的信息。
七.HTML常用标签
- 标题h1-h6
<h1>这是一个标题</h1>
- 段落标签 p
<p id="p1">Hello World</p>
- HTML链接、锚点 a
<a href="www.baidu.com">百度</a>
通过a标签设置锚点,一个a标签设置name属性,一个a标签设置跳转到标签的值
4. HTML图像img标签
<img src="" alt="" height="px" widht="px" title=""/>
src代表当前图片的路径,alt代表图片没有刷新出来时的文字描述,title代表当鼠标移动到图片上时出现的文字。
5. 元素的内容,浏览器会把空格和换行解析了,想要换行必须使用br。
6.空格: ;
7.分割线:hr
八.HTML格式标签
- 缩写标签abbr
- 粗体b/strong优先选择strong标签
- 强调 em
- del和ins
<p>价格<del>998</del><ins>298</ins></p>
前面的del中间有一道横线i,代表是过时的价格,后面的ins代表刚刚添加的价格
5. pre预定义格式块,插入的文本可以保持曾经的格式
<pre>
int a = 123;
String name ="王五";
</pre>
- 短引用 q
7.下划线u
九.HTML表单
- 表单是一个包含表单元素的区域。
- 表单元素是允许用户在表单中输入信息的元素。
<form action="DFDF@()u" method="">
action代表数据要提交到的地方,
十.表单元素
- 文本框
<input type="text" name="food" id="inp" readonly="readonly" disabled="disabled" maxlength="6" placeholder="食物"><br><br>
readonly代表只读,disabled代表被禁用了,maxlength代表能输入字符的最大长度,placeholder代表占位符,value代表默认值。
2.密码框
<input type="password" name="pwd" id="pwd" maxlength="6">
3.文本域
<textarea name="textarea" id="" cols="30" rows="10"></textarea>
4.按钮
<button>按钮</button>
5.下拉框
<select name="" id="" multiple="multiple">
<option value="中国">美国</option>
<option value="日本">中国</option>
<option value="美国">日本</option>
</select>
multiple代表一次性可以选择多个。
6.单选按钮
<input type="radio" name="gender">男
<input type="radio" name="gender">女
同样的name代表是一个组的。
7.多选按钮
足球
蓝球
乒乓球
8.link标签,引入CSS
十一.表格
<table border="1">
<thead>
<tr>
<th>名字</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>wade</td>
<td>男</td>
<td>35</td>
</tr>
<tr>
<td>james</td>
<td>男</td>
<td>32</td>
</tr>
<tr>
<td>科比</td>
<td>男</td>
<td>38</td>
</tr>
</tbody>
<tfoot>
<td>123</td>
<td>123</td>
<td>123</td>
</tfoot>
</table>
colspan=”X”占用x列,rowspan=”X”占用x行。
十二.布局标签
1.div
布局用div这个标签,表示一个区域块,本身没有任何宽和高。