1、概念：b/s与c/s
现在的软件开发的整体架构主要分为B/S架构与C/S架构：
b/s：浏览器/服务器
c/s：客户端/服务器
客户端：需要安装在系统里，才可使用
浏览器：浏览网页，读取HTML并显示
服务器：处理浏览器的请求
- b/s与c/s优劣
- b/s只要能上网就能使用，因为基本每台电脑都会有浏览器，维护方便。
- c/s必须安装在系统中，安装成功才可使用。在新的系统中没有安装不能使用，便携性差，维护成本高。
网页: 浏览器中显示的内容，浏览器是网页的展示器。编写好的网页，放在浏览器中即可运行。编写网页我们使用的就是HTML语言
2、HTML简介
HTML 指的是超文本标记语言 (Hyper Text Markup Language)，我们也将html称为标签语言。他不是编译性语言，不是编程语言。只是一种标记标签，html用许多的标记标签来描述网页
Html网页的后缀名一般为.html
3、语法
标签：
由一组<>包围的关键字，表示标签的开始如:<p>。由</>包围的关键字表示标签的结束</p>，标签中间可以有内容体。
语法就这么简单，会写正确格式的标签就行。
注意点：标签之间不能交叉，标签如果不是自结束标签（<br />）必须成对出现。标签可以嵌套
小知识：调整eclipse为utf-8编码
1、设置工作空间编码，windowsàpreferenceàgeneralàworkspaceàutf-8
2、eclispe.ini添加-Dfile.encoding=utf-8
4、HTML的helloworld
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
Hello World;
</body>
</html>
<!DOCTYPE html>：声明html文档类型
<html></html>：之间的文本描述网页
<head></head>：之间的内容表示这个网页的头信息，如网页的标题，编码等
<body></body>：这个里面的内容是网页要显示出来的内容
5、HTML的常用标签
- 标题：h1~h6 如:<h1>你好</h1>
- 段落：p 如：<p>锄禾日当午</p>
- 格式化：b 如：<b>宝塔镇河妖</b>
- 换行：br 如：<br />这是个自结束标签
- 无序列表:ul li 如：<ul>
<li>天王盖地虎</li>
<li>雪碧两块五</li>
</ul> 这是个组合标签，我们需要把两个一起使用
- 图片：img 如：<img src=”美女.jpg”/> src表示图片的位置
- 内联框架：iframe 如：<iframe src=”1.html”></iframe>
- 超链接：a 如：<a href=”1.html”>去1.html</a> href表示点击后跳转去的位置
6、HTML中的表格
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td colspan="2"></td>
</tr>
</table>
<table>标记这是一个表格，<tr>表示表格的一行，<td>表示表格的一列
7、HTML中的表单
表单类似生活中的单据，票据，申请表之类的东西，生活中我们经常会填写很多表单，比如入职申请表，入学登记表，员工信息表等。
<form action="这里指定需要提交的位置" method是指提交的方式 >
<get的特点是将所有的提交的数据显示在地址栏 长度会有一些限制>
<post的特点是将要提交的数据放在请求体中,在url表单里面没有任何数据>
文本框:<input type="text" name="" />
密码框:<input type="password" name="" />
单选框:<input type="radio" name="" value="" />
单选框需要name的属性值一样
多选框:<input type="checkbox" name="" value="" />
下拉列表：
<select name="">
<option value=""></option>
</select>
提交按钮:<input type="submit" value="按钮上的文字" />
</form>
Action表示表单填写完成要提交给的地方。就像我们把入职申请表填写完成后要交给部门经理一样。
8、HTML中最重要的元素DIV
Div是html中最灵活最重要的元素，div就像一个小箱子，里面可以装很多内容。他是块级元素，他会占用网页的一行。Div可以通过调整自己的样式来完成网页的复杂布局，
span是内联元素，只会占用自身的大小，主要用来为文字设置样式。并没有什么实际意义
9、html中的转义字符
空格:
< : <
> : >
扫一扫
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
