Web阶段总结
Day01基础标签总结
<!DOCTYPE html>
<html><!--跟标签-->
<head><!--头标签-->
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--字体标签-->
<font color="yellow">第一种颜色表现方式</font><br /><!--换行符-->
<font color="FF0000">第二种颜色表现方式</font><br />
<font size="5">字体大小</font><br />
<font face="微软雅黑">字体类型</font><br />
<!--排版标签-->
<h1>标题标签,一级标题</h1><br /><!--h1到h6个档位,h1最大-->
<p>段落</p><br /><!--为了分段-->
<b>加粗</b><br />
<i>斜体</i><br />
<u>下划线</u><br />
<center>居中</center><br />
<!--特殊-->
<pre>原生标签</pre><br />
<hr /><!--横线--><br />
<!--
图签标签
src :图片的来源. 掌握路径寻找方式
width:图片的宽度.
height:图片的高度.
alt :图片找不到显示的内容.
-->
<img src="b.jpg" height="200" width="500"/><!--同一级路径--><br />
<img src="../a.jpg" /><!--文件的上一级路径--><br />
<img src="../css/c.jpg" /><!--文件的下一级路径--><br />
<!--列表标签-->
<!--
ol有序列表---到底---href连接的路径---加相对路径或网址---
targeg打开方式是自身页面或者新页面打开---
-->
<ol><li><a href="各种标签总结.html">有序列表</a></li></ol><br />
<ol><li><a href="http://www.baidu.com" target="_self">百度</a></li></ol><br />
<ol><li><a href="http://www.163.com" target="_blank">网易</a></li></ol><br />
<ul type="square"><li>无序标签的属性</li></ul><br />
<ol type="I"><li><a target="_parent">超链接的属性</a></li></ol><br />
<!--表格标签-->
<!--表格宽度,表格高度,边框,表格水平位置-->
<table width="50%" height="50px" border="1" align="center"><!--表格-->
<tr><!--第1行-->
<td rowspan="2">
<!--第1列 colspan=列数 rowspan=行数-->
</td>
<td ><!--第2列-->
</td>
</tr>
<tr><!--第2行-->
<td ><!--第1列-->
</td>
<td ><!--第2列-->
</td>
</tr>
<tr><!--第3行-->
<td ><!--第1列-->
</td>
<td ><!--第2列-->
</td>
</tr>
</table>
<!--表单标签-->
<form action="b.jpg">提交的路径</form>
<form method="get">GET:数据会显示到地址栏中.GET方式提交是有大小的限制.</form>
<form method="post">POST:数据不会显示到地址栏中.POST方式提交的是没有大小限制.</form>
<input type="text" name="username" value="张三" size="6" maxlength="50" readonly="只读文本框"/>
<input type="password" name="随便" value="123"/>
<input type="radio" value="" checked="单选默认被选中"/>单选按钮
<input type="checkbox"/>复选按钮
<input type="submit">提交按钮
<select>下拉列表</select>
</body>
</html>
Day03
<!--
JS是运行在因特网上的一个脚本语言
ECMA欧洲计算机联盟,DOM对HTML进行增删改查,BOM获取浏览器
JS的用途,使页面更加丰富,使页面动起来
##JS的基本语法
区分大小写
弱变量类型的语言
1.var i=3;
var s="abc";
2.统一定义为var,根据类型后的数据获得类型,分号可有可无,
语法要求不大严格,加分号可读性强一点
3.注释与Java一样
4.变量的命名
5.数据类型:两种类型
原始类型:5个
undefined未定义,
booean:布尔类型
number:数字类型
string:字符或字符串
null:空,是占位符
引用类型:对象类型,默认值是null
6.运算符:与JAVA基本一致,JS中===是全等于,可以判断类型和值都是否一致
7.语句:都与Java一致,如if else
8.输出:弹框
JS通常开发的步骤:
a.由一个事件触发,定义一个函数,onclick,ondblclick
b.获得操作对象的控制权
c.修改要操作的对象的属性或值
定义函数:
function 函数名(){
函数体
}
匿名对象创建
windows.onload=function(){
}
JS的引入方式:
一种 :页面内直接编写代码<script></script>
二种:编写.js文件
-->
/*
.setInterval方法---弹出多次弹框
.setTimeout方法----弹出一次弹框
*/
<!--
alert();--------------弹出对话框
setInterval();--------定时弹出
setTimeout();---------定时弹出一次
clearInterval();------清除定时方法
clearTimeout();-------清除定时一次
confirm();------------弹出一个确认窗口
prompt();-------------弹出一个可输入的对话框
open();---------------打开一个新窗口
-->
*/