终于交完了云计算的作业,可以安心学习从图书馆借来的这本书了:
当时看到这本书的标题:不就是数据库上实验的内容么?于是就借来看了看,试着写写博客将自己的所学发表出来。第一次写博客有点紧张,肯定会有一些表达不准确的地方,希望各位大神如果看了可以给一些建设性的意见,良辰在这里谢谢大家了~
目录:
第一章 必备的HTML和CSS重点
第二章 PHP入门
第三章 认识PHP基本语法
第四章 或用PHP函数
第五章 网页状态管理-Cookie和Session
第六章 服务器端的文件管理
第七章 MYSQL数据库入门
第八章 PHP访问MYSQL数据库
第九章 面向对象的程序设计
第十章 使用xajax设计AJAX网页程序
第十一章 聊天室-AJAX版
第十二章 网络相册-AJAX版
下面就开始第一章的学习吧:必备的HTML和CSS重点
1、HTML的标记与结构
这一节讲基本的HTML语法,下面是一段代码:
<!DOCTYPE html>
<html>
<head>
<title>这是我的第一份测试代码</title>
<meta charset="utf-8">
</head>
<body>
<p>HTML练习</p>
</body>
</html
其中charset指定的是编码方式,关于为什么要使用utf-8的编码,原因是unicoide是Unicide组织制定的一套编码,目的是让全世界的各种语言都使用同一套编码,这样就可以在计算机之间统一编码了。UTF-8表示以8位为单位表示Unicode,UTF-16表示以16位为单位表示Unicode。
2、基本的HTML标记
标记 | 意义 |
<p>…</p> | 段落(标记内的文字会自动合并成一个段落) |
<br> | 换行 |
<a href=”网址”>…</a> | 超链接 |
<img src=”图片地址”> | 显示图片 |
<!– … –> | 注释 |
<pre>…<pre> | 依照原有空白,换行显示 |
(这一段表格打了我10多分钟,真是心累)
还有一些特殊字符也需要注意:比如<和>,需要用<和>。然而在我打这段文字的过程中也出现了需要表示&的情况:&。然后"是"。不换行的空白是 。更多字符可见网页特殊符号HTML代码大全
关于超链接的地址,分为绝对地址和相对地址。绝对地址就是以href里面的地址作为访问的最终地址,而相对地址则还需要在前面加上这个网页本身的地址。
3、表单
先说明一些需要注意的地方,然后看代码:
3.1 对于radio(单选按钮)来说,每一个按钮的"name"都是相同的,但是checkbx(复选框)就不一样,相当于几个不同的input。
3.2 对于select列表下的每个option,不需要指定name属性,如果指定了value属性,则它的值就是value里面的值,而不是显示出来的文字。如果没有指定value的属性,则返回的是显示出来的文字。
3.3 Radio需要指定name和value的值,到时候URL的形式是name=value,而checkbox只需要指定name,URL会变成name=on
3.4 其他属性: required:表示此输入必填,否则无法提交;type="email":必须按照电子邮件的格式写
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试Form表单</title>
</head>
<body>
<form method="get">
<!-- 单行文本框 -->
请输入账号:
<input type="text" name="username"> <br />
请输入密码:
<input type="password" name="password"> <br />
<!-- 多行文本框 -->
请输入文本:
<textarea rows="5" cols="30" name="note"></textarea> <br>
<!-- 单选按钮 -->
性别:
<input type="radio" name="gender" value="man"> 男
<input type="radio" name="gender" value="woman"> 女 <br>
<!-- 多选按钮 -->
爱好:
<input type="checkbox" name="basketball">篮球
<input type="checkbox" name="football">足球
<input type="checkbox" name="code">打代码 <br>
<!-- 下拉选项 -->
你想学:
<select name="learning" multiple="multiple"> <!-- multiple表示可以多选 -->
<option value="1">CSS</option>
<option value="2">PHP</option>
<option>JavaScript</option>
</select> <br>
<input type="submit" value="发送数据">
<input type="reset" value="清除数据">
</form>
</body>
</html>
下面是在浏览器上的运行结果
4、CSS
4.1 选择器的种类
选择器最基本的有三种:标记选择器(Tag Selector),也就是通过标签名来选择,比如p,div等;类选择器(Class Selector),通过类名来选择,格式是.classname;id选择器(Id Selector),格式是.id。
4.2 引用CSS样式
在HTML代码中写<style type="text/css">是最基本的方法,但是为了达到CSS可以减少代码冗余程度,我们还是应该把CSS分成一个单独的文件,然后用<link>huozhe@import的方法来引用。
link方法的格式为:<link>rel="StypeSheet" type="text/css" href="样式文件的URL">其中rel是relationship的缩写,StypeSheet的意思是引用的文件是新式表,会以样式表的形式添加到当前的HTML文件中。
@import的格式为:?@import url(样式文件URL);。这种方式和link相比优势在于可以在CSS中再引用其他的CSS,达到一种嵌套的形式。
4.3 通过CSS控制块元素的排布
其中最基本的属性有:margin、width、height、float和clear。float的目的是:原本两个div之间是竖直方向排布的,添加了float:left之后,会按照从左到右的方式排布。不过,如果前面的div设置了这个属性,下面的div就算没有设置float,可能也会按照从左到右方式排布。所以如果需要换行,就需要设置clear:left。
下面是这段测试代码在阿里云服务器中的运行结果:
第一章结束