12月16日——培训第23天

开始大风降温了，其实降到什么程度都无所谓，反正教室暖和，宿舍暖和，顶多就是路上冷点，这有什么呢

上午课程开始：

HTML是谁发明的？Tim Berners-lee，英国人，父母参与过世界上第一台计算机的制作
扩展名有htm和html，htm是为了和DOS操作系统兼容，所以最好使用htm，htm扩展名在Linux上也可以使用。

Standard Generalized Markup Language （SGML）：包括html、xml都由SGML来定义
html是超强容错语言

建立一个html：first.html
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<title>我的第一个网页</title>
</head>

<body bgcolor="#rrggbb">   //rrggbb每一位都代表16进制的数字，比如纯红色就是#ff0000,
     //6个0是纯黑色，6个f是纯白色，如果要调整成浅绿色，那么可以调整成#55dd99
  <h1>我的第一个网页！</h1>
</body>
</html>

Meta元素：
分为两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）
HTTP-EQUIV定义响应报头信息（equivelent），其实是模拟响应报头的效果，因为页面一加载进来后
响应报头就被定义好了

http是面对无连接的协议，发送消息后立刻断开连接，所以请求中必须提供ip地址，text/html用于表明响应内容的格式，
Charset=gb2312是编码形式

gb2312编码是1980年制定的（说不准，老师忘了确切的时间），汉字编码是16位（65536），都收集齐了大概有6万多个汉字，
但是gb2312只是收集了常用的汉字，才3700多个；因此1994年推出了另外一个编码叫做gbk（国标的扩展编码），收集了1万多个
汉字（不包括繁体之类），gbk只是汉字编码，像少数民族的那些词语什么的不在范围之内。

Big5是台湾的繁体编码，如果把charset换为了big5的话，结果显示的是……乱码，浏览器发一个字节流请求给服务器，服务器发回来
后浏览器再显示，传过去的是用gb2312编码，但是你让服务器响应用big5来响应，会出错。浏览器可以去操作系统查看编码集，然后进行
响应的转换。

如果charset换成了iso-8859-1（这个编码是latin-1，是8位8位的来读的！）

当然，这些编码可以在查看的编码选项中设置！

ASCII码：美国标准信息交换码

出现乱码：出现?的话，说明现有的编码映射到传过去的编码的空位中去了，好比应该是gb2312，但是响应的解码写错了，映射过去后正好
是映射到了那个编码的空位上（不含任何字体）

<Meta http-equiv="Content-Type" Content="text/html;Charset=gb2312">
Content-Language 文档语言
<Meta http-equiv="Content-Language" Content="zh-CN">

国家标准中定义中国语言是cn，com代表的是company，org代表的是组织。
goa代表政府，edu代表教育

text/html：html类型
text/plain: 文本类型
multipart/form-data:用于下载
application/msword、application/zip、application/pdf：告诉浏览器用word、zip和pdf的方式选择
对应的应用程序来将其打开。

在html中http-equiv只是模拟报头，绝对不可能设置报头，执行到这里的时候浏览器早就读入了报头，
jsp中可以设置响应报头

http-equiv="Refresh" 和 http-equiv="expires":

<Meta http-equiv="Content-Type" Content="text/html;Charset=gb2312">
<Meta http-equiv="refresh" Content="3;url=second.html"> //每3秒种刷新一次页面,并且刷新时跳转到second.html

<Meta http-equiv="expires" Content="0"> //根本不缓存！
<Meta http-equiv="refresh" Content="Wed,26 Feb 1997 08:21:57 GMT">
数字标识多长时间后失效，注意如果页面在本地的话也是不会去缓存的！

如果没有到截止日期的话，那么从internet临时文件中去找那个网页地址，如果到了截止日期的话，
那么就登陆internet用新的cookie去替换它。

像变化比较频繁的网页，不应该去设置有效期

<Meta name="Generator" content="EditPlus"> //
<Meta name="Keywords" content=""> //注意：搜索引擎的工作原理就是不停的到各个ip地址去搜索，先筛选的就是keywords里面
//的内容，并将其存入数据库中，所以新建的网站里面必须得有这个Keywords！！否则会
//被搜索引擎忽略。
<Meta name="Description" content="">

背景颜色
　<body bgcolor="red">
　可以直接写颜色英文名，也可以采用#rrggbb的形式，基本#号后面的RGB各色彩的深度
背景图片
　<body backgroud＝"back-ground.gif">
　给出图片文件位置，如图片小于页面时，将循环填充
背景音乐
　<bgsound src=“background_sound.mid” loop=“-1”> 注意：这是一个单独标记，要放到<head>中使用
topmargin，leftmargin指定边界宽度

<font color="red" size="12" face="隶书">三秒种后跳转</font>

下划线：<u>文字</u>
代码：<code>文字</code>
删除线：<strike>文字</strike>
闪烁：<blink>文字</blink>
增强：<strong>文字</strong>
强调：<em>文字</em>
示例：<samp>文字</samp>
粗体：<b>文字</b>
斜体：<i>文字</i>
(sub与sup)

2<sup>3</sup>

注意：这时候如果鼠标放到图片上面不动，会显示出“我的图片”，如果图片无法正常显示的话，那么会在图片背景上显示出“我的图片”

//注意cellspacing是边框的大小变大了，也就是单元格之间的间距变大了，cellpadding设置每个单元格之中内容和周围空白的间距
<table border="1" cellspacing="1" cellpadding="1" align="center">
<tr>
<td>fdkjlsa</td>
<td>sdjfakl</td>
</tr>

列表：
有序（OL）和无序（UL）

<OL type=a> //这样就从a、b、c开始排序
<LI>kdf
<LI>dfjskla
<LI>fsdajkl
</OL>

链接：
<a href="" target="_blank"> //默认值是_self，在自己的页面上打开，如果是_parent的话，会在整个框架上打开。

-------------------------------------------------------------------------
下午课程开始：
表单：
<form action="" method="">
用户名：<input type="text" name="username" size=19 maxlength=5
value="请输入用户名" onclike="this.value=''"><br> //鼠标单击后该文本框置空！
//maxlength属性设置了文本框中输入的最大字符的长度，比如某些特殊字符的输入，假如注册时的用户名
//长度输入的过长，超过了数据库中字段的要求，这样再插入可能就会出现无法插入或是截断字段值的问题

//应该用javaScript来动态的判断一下用户名的输入是否符合要求！
密码：<input type="submit" value="提交查询内容">
个人说明：
<textarea name="desc" cols="40" rows="10">
默认值 //文本框中文本域的默认值是要加载开始标签和结束标签之间的，而不是像text类型一样，需要用value指定。
</textarea><br>

<input type=submit value=提交>
<input type=reset value=重置> //将所有表单里面的属性恢复为默认值
<input type=button value="click me" οnclick="alert('hi,user!')"> //一般和javaScript关联起来
</form>

non-block space 非连续空格：&nbsp
action含义：提交的地址，默认提交给自己
method含义：默认是get提交，get提交是在url地址后面直接加上查询字符串。多个查询字符串之间用&来连接。
get、post、put、delete、options、trees、header等等，最常用的提交方法是get和post提交

如果是post提交，那么表单中的参数会被封装到请求的报头里面，然后传到action所指向的页面，让action去
接收

post请求报头：
POST /a.html HTTP/1.1

username=fdjkas&passowrd=euiwro

get请求报头：
GET /a.html?username=fdjkas&passowrd=euiwro HTTP/1.1

传递涉密参数或是大数量参数时都不能使用get提交！

---------------------------------------------------

框架：用于分隔窗口，
加入框架的页面不需要body元素，而是使用frameset！！

左右分：
<FRAMESET COLS="120,*" >
<FRAME SRC="a.htm" NAME="1">
<FRAME SRC="b.htm" NAME="2">
</FRAMESET>
上下分：
　<FRAMESET ROWS="100,*">
<FRAME SRC="b.htm" NAME="2">
<FRAME SRC="c.htm" NAME="3">
</FRAMESET>

例子：

<frameset cols="120, *" frameborder="1" framespacing="12"> //左边一栏是120，剩下的都属于右边一栏,
       //frameborder用来设置边框宽度,framespacing设置边框的宽度
<frame src="a.html">
<frameset rows="100,*"> //将右边一栏分为上下两部分，上边一部分的高度是100
  <frame src="b.html">
  <frame src="c.html" scrolling="no" noresize> //scrolling表明是否支持滚动条，noresize表明是否可以
             // 手工拖动框架
</frameset>
</frameset>

<a href="a.html" target="这里填写_blank、_self、_parent、_top等等">dsjfak;</a>

注意：还可以分多个：cols="30,*,50"
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
练习
作一个两列的表格，来表示一个注册的表单。

使用edit－plus的html编辑界面，编写的代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<form action="" method="post" name="form1">
  <h1 align="center">请您输入如下的用户注册信息！</h1>
  <table align="center" height="300" width="500" border="1">

   <tr>
    <td>姓名</td>
    <td><input type="text" name="username" size=20></td>
   </tr>

</table>

12月16日——培训第23天相关推荐

12月16日广州.NET俱乐部下午4点爬白云山活动
正如我们在<广州.NET微软技术俱乐部与其他技术群的区别>和<广州.NET微软技术俱乐部每周三五晚周日下午爬白云山活动>里面提到的, 我们会在每周三五晚和周日下午爬白云山. 既 ...
康鹏科技将于12月16日上会：曾在纽交所上市，由杨建华家族控股
近日,上海康鹏科技股份有限公司(下称"康鹏科技")在上海证券交易所递交招股书(上会稿),准备在科创板上市.据贝多财经了解,康鹏科技将于2022年12月16日接受科创板上市委的现场审 ...
鸿蒙系统发布会16号几点,华为鸿蒙手机系统正式定档发布，12月16日于我们见面...
#华为鸿蒙系统# 大家都知道,华为手机已经无法预装谷歌GMS服务了,对于大部分海外用户来说,GMS服务还是相当重要的,谷歌全家桶内置了地图.搜索.视频娱乐等功能,但凡是搭载了安卓系统的智能手机,那么就 ...
“3D几何与视觉技术”全球在线研讨会（9月2日到12月16日）
因为疫情影响,各大AI顶会都搬到了线上,这虽然是一种无奈的选择,却使得大家对学术交流的在线化更加能够接受. 最近,由几何处理与三维视觉领域的几位著名学者发起了一个Seminar on 3D Geome ...
Windows Phone 8.1 应用商店将于 12 月 16 日关闭
微软最近在更新的技术支持文档中宣布 Windows Phone 8.1 应用商店将于 2019 年 12 月 16 日关闭. 微软称,Windows Phone 8.1 系统的支持在 2017 年 7 ...
十二月十六日鸿蒙,华为12月16日举行鸿蒙 2.0 手机开发者Beta活动，分享鸿蒙OS2.0设计理念...
根据华为官网的消息,华为将于 12 月 16 日举行 HarmonyOS 2.0 手机开发者 Beta 活动,活动亮点和议程现已公布. 活动亮点分享 HarmonyOS 2.0 设计理念与合作伙伴一 ...
3D打印机硬件驱动-马林固件最新版本2.0.X中文注释（1）marlin 2.0.9.2 截至发稿时间2021年12月16日
马林固件最新版本翻译注释 /*============================================================================== Marlin ...
【历史上的今天】12 月 16 日：晶体管问世；IBM 停售 OS/2；科幻小说巨匠诞生
整理 | 王启隆透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2022 年 12 月 16 日,在 1998 年的今天,"首都之窗"站点正式开通,成为我国第 ...
gta5在线模式服务器暂停使用,R星官网放出《GTAOL》停服公告，12月16日正式关闭线上服务器！...
R星官网在前天就放出了GTAOL即将停服的公告,不知道大家有没有看到这则消息,在首页就可以看到清晰的几个大字,R星官网现在自带翻译功能,所以点进去就可以阅读哦,不过PC玩家完全不需要担心,因为此次停服 ...

12月16日——培训第23天

12月16日——培训第23天相关推荐

最新文章

热门文章