Html/JavaScript第一天 2007年5月19日
一、HTML
1、超级文本标记语言 (Hyper Text Marker Language)
2、由一组固定的标签组成
3、浏览器是一个工具,默认能打开的文件名为“.html”、“.htm”
4、<h1 align="center">Hello</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">Hello</h1>
<hr>
</body>
</html>
四、常用标签
<html>
<head>
<title>My First HTML</title>
</head>
<body bgcolor="#fffff">
<h1 align="center">Hello</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">
没有合适的资源?快使用搜索试试~ 我知道了~
Javasript与AJAX全程笔记+代码
共60个文件
html:15个
htm:10个
js:8个
5星 · 超过95%的资源 需积分: 14 11 下载量 45 浏览量
2010-12-09
09:33:26
上传
评论
收藏 1.38MB RAR 举报
温馨提示
很好的javascript+ajax学习笔记,包含各种示例代码及练习,对于希望深入学习并灵活应用javascript及ajax技术的软件工程师有很大的帮助
资源推荐
资源详情
资源评论
收起资源包目录
Javasript与AJAX全程笔记+代码.rar (60个子文件)
javascript
javascript-training.zip 4KB
javascripr3t.zip 620KB
js.zip 22KB
jscriptTeacher.zip 123KB
js
clock.html~ 2KB
window_floating.html 826B
clock.html 2KB
custom_dialog.html 761B
calendar.js 2KB
calendar.html 1KB
javascript
js_third.html 108B
global.js 72B
_desktop.ini 10B
js_view.html 153B
js_type.html 302B
js_second.html 159B
js_function.html 188B
dialog.html 1KB
toregister.htm 10KB
toregister.files
checkUserName.htm 606B
global.js 307B
province.js 2KB
_desktop.ini 10B
calendar.js 2KB
city.js 10KB
header.gif 3KB
style.css 826B
degree.js 3KB
body.gif 9KB
Html&JavaScript(day01).txt 4KB
javascript
AJAX
sample
sample4_2.htm 2KB
sample4_1.htm 658B
sample3_1.htm 856B
sample8_2.jsp 1KB
Employee.java 746B
_desktop.ini 10B
sample2_1.jsp 3KB
sample1_2.jsp 272B
sample8_1.htm 2KB
sample1_1.jsp 2KB
sample5_1.htm 1KB
sample6_1.htm 2KB
sample3_2.htm 861B
sample4_3.htm 1KB
sample2_2.jsp 331B
employees.xml 335B
WEB-INF
_desktop.ini 10B
web.xml 208B
_desktop.ini 10B
AJAX.pdf 531KB
www.txt 110B
ref.pdf 188KB
javascript-training
window_floating.html 826B
clock.html 2KB
custom_dialog.html 761B
calendar.js 2KB
calendar.html 1KB
dialog.html 1KB
javascript.zip 2KB
Html&JavaScript(day02).txt 2KB
共 60 条
- 1
资源评论
- xuanyuge2012-10-05资源不错,讲的满详细的~
- 书香小炒肉2012-12-04还不错,比较详细。。
zhiyu_qian
- 粉丝: 0
- 资源: 14
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 111111111111111111
- Screenshot_2024-04-30-21-47-24-26.jpg
- Cpp1.cpp1111111111
- 利用ERP流程操作的整个订单流程.ppt
- 最新二开版本源码博客论坛源码,UI很漂亮,可切换皮肤界面.rar
- ModStartBlog现代化个人博客系统 v5.2.0源码.rar
- 带posix库的mingw编译器
- SoraAI是一款功能强大的AI助手,由OpenAI开发,以其出色的语音识别技术、广泛的知识库和高度的人工智能特性而备受瞩目
- Thinkphp开发大气响应式个人博客青春博客网站源码.rar
- 最新PHP博客网站程序源码 ThinkPHP.rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功