HTML
一、HTML
1、超级文本标记语言（Hyper Text Marker Language）
2、由一组固定的标签组成
3、浏览器是一个工具，默认能打开的文件名为“.html”、“.htm”
4、<h1 align="center">He llo</h1>
<hr>
HTML 本身并不要求必须是合法的，也不要求必须格式良好
所以没有跟标记，<hr>没有结束标签，浏览器也能解析
二、Web 简述
1、Internet 提供的服务
telnet 远程登录
email 电子邮件
www 万维网
bbs 电子公告牌
ftp 文件传输
2、Internet 的协议
传输控制协议TCP/IP 协议
3、HTML 工作在HTTP 协议下
HTTP 超文本传输协议此连接是一种一次性连接，每次连接只处理一个请求，是无
状态协议
URL http://192.168.0.20
协议服务器ip 地址，默认端口80
三、HTML 的主体
1、必须有个唯一的跟标记<html></html>
2、整个文档分为2 部分<head></head> <body></body>
<html>
<head>
<title>My First HTML</title>
</head>
<body>
<h1 align="center">He llo</h1>
<hr>
</body>
</html>
四、常用标签
<html>
<head>
<title>My First HTML</title>
</head>
<body bgcolor="#fffff">
<h1 align="center">He llo</h1> -- 最大的字体
<hr>
<center>
<h2>Hello</h2>
<hr>
<h3>Hello</h3>
<hr>
<h4>Hello</h4>
<hr>
<h5>Hello</h5>
<hr>
<h6>Hello</h6>
<hr>
</center>
</body>
</html>
<!-- --> 表示注释
浏览器并不认识文本中的回车、换行、空格
HTML 中用<br>表示换行（break row）
<p> 表示段落，换行+空行（paragraph）
表示一个空格
<表示小于号
>表示大于号
有序列表
<ol>
<li>basic</li>
<li>association</li>
<li>inheritance</li>
</ol>
显示的结果：
1、basic
2、association
3、inheritance
无序列表
<ul>
<li>basic</li>
<li>association</li>
<li>inheritance</li>
</ul>
定义列表
<dl>
<dt>basic</dt>
<dd>association</dd>
</dl>
</ul>
指定字体颜色
<font color="red"></font>
<b>粗体
<em>斜体
<div></div>限制一组标签，圈定一个区域
<span></span> 限制一个文本内容
<table border="1" align="center" width="300" height="400"> -- 一个表格的开始,设置表格
长、宽的时候，可以用像素，也可用百分比设置
<tr> -- 表格中一行的开始
<td>1</td> -- 一列的开始<th></th>标签表示题头，其中的文本默认加粗，一般作为表
头使用
<td colspan="2">2&3</td> --合并单元格，合并两列colspan,合并两行rowspan
</tr>
<tr>
<td align="center">4</td> -- 横向居中
<td align="left">5</td> -- 横向左对齐
<td align="right">6</td> -- 横向右对齐
</tr>
<tr>
<td valign="top">7</td> -- 纵向对齐方式
<td valign="middle">8</td>
<td valign="bottom"> </td>
--空白的单元格要用空格替代，避免破坏表格的外观
</tr>
</table>
五、表单
<form></form> 表单域的开始/结束标签
<input type="text" name="firstName" size="" maxlength=""> 单行文本,控制输入长度
<input type="password"> 单行文本，密码区
<input type="checkbox"> 复选框加checked 属性，即被选中
<input type="radio" name="gender"> 单选框，几个radio button 名字相同时，是一组,只能
单选
<textarea cols="20" rows="5"></textarea> 多行文本域,注意：标签体就是其缺省值，所以一
定不要在其间加空格或回行
<select> 下拉列表框
<option>beijing</option>
<option>shanghai</option>
</select>
<input type="button" value="注册">
<input type="submit" value="提交">
<input type="reset" value="重置">
以上3 个按钮，放在form 表单中，button 要配合JavaScript 使用来提交数据
submit 按钮可以直接将页面的信息提交
一般标签都有value 属性，即缺省值
都有name 属性，有这个属性的才会被发送给服务器端
http://192.168.0.20:8080/html?name=Tony&gender=1 (?之后的是表单提交时发给服务器端
的参数，用&连接)
form 表单提交方式用method=“”指定
get 请求提交表单的时候在地址栏显示的传参数
post 请求提交表单的时候不显示传参数
<a href="index.html"> 超链接
六、框架
<frameset cols="20%,80%">
<frameset rows="30%,70%">
<frame src="a.html" name="a">
<frame src="b.html" name="b">
</frameset>
<frame src="c.html" name="c">
</frameset>
内嵌frame,可以嵌在某个单元格内显示一个已存在的网页
<iframe src="index.html">
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
