开坑！PHP-MYSQL-AJAX学习

最新推荐文章于 2024-07-31 19:38:21 发布

xiaoliizi

最新推荐文章于 2024-07-31 19:38:21 发布

阅读量417

点赞数

分类专栏： WampServer 文章标签：数据库 html 博客

本文链接：https://blog.csdn.net/xiaoliizi/article/details/50568484

版权

WampServer 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

终于交完了云计算的作业，可以安心学习从图书馆借来的这本书了：

当时看到这本书的标题：不就是数据库上实验的内容么？于是就借来看了看，试着写写博客将自己的所学发表出来。第一次写博客有点紧张，肯定会有一些表达不准确的地方，希望各位大神如果看了可以给一些建设性的意见，良辰在这里谢谢大家了~
目录：
第一章必备的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>

下面是在浏览器上的运行结果
form1
form2

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。
下面是这段测试代码在阿里云服务器中的运行结果：

这里写图片描述

第一章结束

xiaoliizi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
开坑！PHP-MYSQL-AJAX学习

终于交完了云计算的作业，可以安心学习从图书馆借来的这本书了：当时看到这本书的标题：不就是数据库上实验的内容么？于是就借来看了看，试着写写博客将自己的所学发表出来。第一次写博客有点紧张，肯定会有一些表达不准确的地方，希望各位大神如果看了可以给一些建设性的意见，良辰在这里谢谢大家了~ 下面就开始第一章的学习吧：必备的HTML和CSS重点 1、HTML的标记与结构这一节讲基本的HTML语法
复制链接

扫一扫

专栏目录