csdn的大一第二学期笔记

来源:互联网 发布:知柏地黄丸能治失眠吗 编辑:程序博客网 时间:2024/05/17 09:31

(1)表单form:
站点--新建站点--右击新建一个文件
代码:
创建一个表单:
<title>宽带计费系统</title>
<body>
<form action="网址路径" method="post">
用户名:<input type="text" name="loginuser" />
域:<select name="domainid">
<option value='2'>hytc.edu.cn</option>
<option value='2'>stu.hytc.edu.cn</option>
</select>
密码:<input type="password" name="password" />
<textarea>
</textarea>
性别:
<input type="radio" name="sex1" value="男" >男
<input type="radio" name="sex2" value="女" >女
爱好:
<input type="checkbox" name="aihao" value="看书" >
<input type="submit" value="连线国际" />
</form>
------------------
action的意思是把选择提交上去
input是表示输入项
submit 是提交的意思
password是密码的意思,可以将密码藏起来
size表示字符的个数
value表示初始值
<textarea>表示一个选择的个数
sex后面加1,2可以都选择
若都为sex,只可以选择一个
换行<br></br>
checkbox为方框
radio为圆圈
6.查看源代码
7.CSS样式表:设置样式表
层叠样式表。决定这些网页的内容如何显示
<title>宽带计费系统</title>
<body>
<form action="网址路径" method="post">
用户名:<input type="text" name="loginuser" />
域:<select name="domainid">
<option value='2'>hytc.edu.cn</option>
<option value='2'>stu.hytc.edu.cn</option>
</select>
密码:<input type="password" name="password" />
<textarea>
</textarea>
<font color="颜色"><b>性别</b></font>:
--------------------------------
性别:
<input type="radio" name="sex1" value="男" >男
<input type="radio" name="sex2" value="女" >女
<font color="颜色">性别</font>:
------------------------
爱好:
<input type="checkbox" name="aihao" value="看书" >
<input type="submit" value="连线国际" />
</form>
8.CSS基础
</title>
<style>
p{
color:  ;
font-size:
background-color: ;


}

</style>
<body>
样式的使用方法一:<br>
<p style="color:#F00; font-size:24px; font-weight:--; background-color:#3cf">见到你们</p>
样式的使用方法二:<br>
<p>见到你们高兴</p>
使用方法三:

<link type="text/css" rel="stylesheet" href="css1.css" />
关于css选择器
外联文件的方式(以css结尾)

1.在站点处新建一个文件以css结尾。
span{
属性}
2.
<style>
p{
color:  ;
font-size:
background-color: ;


}

</style>
</title>
<link type="text/css" rel="stylesheet" href="css1.css" />

<body>
<span>见到,,</span>
</body>
以分号间隔
----------------------------------------------------------------------------
9.....老师的笔记
表单:
可以实现用户和服务器进行数据交互
<form>  :可以有一些属性:action="表示表单要提交的服务器路径   method="提交表单的方法
           get,post两种
              文本框<input type="text"  name="文本框的名称">
               密码框<input type="password"  name="文本框的名称">
               单选框<input type="radio"  name="文本框的名称">
              复选框<input type="checkbox"  name="文本框的名称">
              下拉菜单<selex></selex> 
              选项<option value="要传递到服务器段的值">显示文本</option>    文本域<textarea></textarea>
</form>
CSS的集中写法
1.直接以属性的方式写:
在标签中增加属性,实现对
CSS是个什么东西?
答:层叠样式表 把网页的内容和内容的控制进行分离
  三种写法
1.直接以属性的方式(行内样式)
在标签中增加属性,实现对标签样式的修改
2  <head> </head>之间写<style></style>可以修改网页的内容(内嵌样式)
3.<span>卡卡卡卡卡卡</span>外部连接一个独立的CSS文件(外部样式)
<link type="text/css" rel="stylesheet" href="css1.css" />
关于css选择器的概念
选择器分为三种
1.html选择器
样式的名称其实就是我们的html元素的名称(标签的名称)
2.id选择器
根据元素的id属性值设定的样式  写法"#"+id属性值

<p id="p1">了来了来了p1</p>
3.class(类)选择器
根据元素的class属性值,设定的样式 写法"."+class属性值

<p class="class1">来了来了class1</p>

 

------------------------------------------------------------------------------------------------------------
下午的内容:
<p id="p1">了来了来了p1</p>
在<style>
.class1{
back....
}
</style>
<p class="">来了来了p1</p>
<p class="class1">来了来了class1</p>
------------------------------------------------------------------------------------------
DIV的运用
层的概念=窗口--插入--布局-绘制DIV
常用--插入div
预览--f12   点击
#apDiv1 {
 position:absolute;
 left:288px;
 top:298px;
 width:239px;
 height:111px;
 z-index:1;
}
</style>
</head>
<body>
地对地导弹
<div class="class1"  id='apDiv1'>紫色
</body>
1.。。新建一个文件夹login
1.注释/*
1.<td>密码</td>
<td><input type="text"> </td>是出现一个方框
 <input type="reset" value="重置信息" />
-------------------------------------------------------------
418晚上
javascript

 livescript演变而来,主要解决客户端程序的运行速度问题,长用于数据的检查
2.使用方法
  <script></script>来实现javascript代码的执行;
3.javascript中的变量的定义
用var来声明变量,注意javascript是一种弱语法语言(定义变量统一使用var)
例如:
var a=10,b="萌主",c=10.12;
alert(a);
alert(a);
alert(a);
4.javascript中变量的定义
例如:
var i;
i=10;
alert(i);
5."+"的特殊用法
1.数字加数字    数字(+起运算符的作用)
2.数字符   数字字符(+起到连接的作用)
3.数字+true/false把ture转换为1,把false转换为0,进行运算。
6.弹出的提示框
alert(显示的内容); 弹出的是一个警告框
confirm(“询问的内容”)返回一个ture 或者false
prompt("提示的内容,")
var input=prompt("请输入不要猜的数字","100");