Tải bản đầy đủ (.pdf) (68 trang)

Giáo trình PHP MySQL

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (457.03 KB, 68 trang )

Giáo trình PHP C n B n

Gi ng Viên: Bùi Qu c Huy

Trung Tâm ào T o Công Ngh M ng Vi t Chuyên
Tài Li u L u Hành N i B
www.qhonline.info

GIÁO TRÌNH

PHP & MYSQL

Biên So n:

GV. Bùi Qu c Huy

Trang 1/68

www.qhonline.info


Giáo trình PHP C n B n

L i Nói

Gi ng Viên: Bùi Qu c Huy

u

Quy n giáo trình này


c t ng h p t nh ng tài li u và kinh nghi m th c ti n qua nhi u

n m gi ng d y c a gi ng viên, và

c so n th o cho phù h p v i n i dung môn h c.

Khác v i giáo trình mang tính th

ng m i, các t ng , cách di n gi i mang xu th thu t

ng , giáo trình

c xây d ng trên hình th c d

c, d hi u và g n g i v i th c t , tuy

nhiên i u ó khơng có ngh a h c viên có th ch tham kh o giáo trình mà khơng i h c.
N u các b n mu n hi u c n k ki n th c và ý ngh a c a giáo trình, b n nên tham gia các
khóa h c PHP

y

M c dù ã ki m tra

t i trung tâm ào t o m ng Vi t Chuyên.
xác th c, c ng nh tính úng

soan ch c ch n s có ít nhi u l!i liên quan
nhi u s


n c a giáo trình, nh ng khi biên

n t ng , cú pháp. R"t mong nh n

c

óng góp c a các b n.

M i ý ki n óng góp c a các b n vui lòng truy c p vào website: www.qhonline.info (là
website cá nhân c a tác gi ). Ho c www.ddcntt.vn (là website c a trung tâm).
Gi ng viên
Bùi Qu c Huy
TP.H# Chí Minh. Ngày 15 Tháng 06 N m 2006

Trang 2/68

www.qhonline.info


Giáo trình PHP C n B n

Gi ng Viên: Bùi Qu c Huy

Ph n A: C B n V HTML & Javascript
I – Các Th HTML c b n
1- C u trúc chu n:
<HTML>
<HEAD><TITLE>Tiêu

Website</TITLE>


</HEAD>
<BODY>
N i dung website

c vi t t i ây

</BODY>
</HTML>
+ M t c"u trúc HTML luôn bao g#m th$ óng và th$ m%.
Ví d& : <B> Ł th$ M%
</B> Ł Th$ óng -

c phân bi t b'ng d"u / ngay tr

+ Các th$ HTML hồn tồn có th vi t hoa ho c th
chung (vi t hoa thì vi t hoa h t, ng

c th$

ng. Tuy nhiên nên theo 1 quy t c

c l i).

+ M t website càng ít th$ thì s càng ch y nhanh h n.
2- Các th c b n :
Tiêu

: <H>N i Dung</H> (ví d&: <H1>Welcome, admin</H1>).


Th$ H bao g#m các thu c tính t (H1 H6). Nh ng ch S( d&ng t H1
In

H3.

m: <B>N i Dung</B> (ví d&: <b>Welcome, admin</b>)

In Nghiêng: <I>N i Dung</I> (ví d&: <i>welcome, Admin</i>)
G ch D

i : <U>N i Dung</U> (Ví d&: <u>welcome, Admin</u>)

Xu ng 1 Dịng : <BR> - Th$ này khơng có th$ óng.
Xu ng 2 Dịng : <P> - Có ho c khơng th$ óng c ng

c.

)nh D ng Ch B'ng Th$ <FONT>
+ Kích th

c ch : <FONT SIZE=”Thơng S ”> N i Dung</FONT>

Ví d&: <font size=2>Hello, How Are You ?</font>
+ Ki u Ch : <FONT FACE=”Ki u Ch ”> N i Dung</FONT>
Ví d&: <font face=tahoma>Hello, How Are You ?</font>
+ Màu Ch : <FONT COLOR=”Màu Ch ”> N i Dung</FONT>

Trang 3/68

www.qhonline.info



Giáo trình PHP C n B n

Gi ng Viên: Bùi Qu c Huy

Ví d&: <font color=red> Hello, How Are You ?</font>
T o Liên K t : <A HREF=”Link”> N i Dung</A>
Ví D&: <a href=”abc.html”>Hello, Huy</a>
+ M% 1 c(a s m i v i liên k t: TARGET=_BLANK
Ví d&: <a href=”abc.html” target=_balnk>Hello, Huy</a>
+ M% liên k t ó ngay trên trang hi n th): TARGET=_SEFT
Ví d&: <a href=”abc.html” target=_seft>Hello, Huy</a>
)nh d ng thu c tính : ALIGN=LEFT, RIGHT, CENTER, JUSTIFY
+ S( d&ng k t h p v i th$ <P>
Ví d&:

N i dung

V n b n s % gi a

+ S( d&ng k t h p v i các th$ khác nh <img>,<table>, <div>,….
Chèn hình nh vào website:
VSPACE=”Thơng S ” ALIGN=”Thu c Tính” WIDTH=”Thơng S ”
HEIGHT=”Thơng S ”>
+ <IMG SRC=”URL”> cú pháp chính

xu"t ra hình nh.

+ <IMG SRC=”URL Hình” BORDER=”Thơng S ”> cú pháp


c s( d&ng khi

hình nh i kèm v i liên k t.
Ví d& : <a href=”abc.html”><img src=”def.gif” border=”1”></a>
T câu l nh trên s cho ra hình def.gif. Tuy nhiên bao b c hình nh ó s có 1
ng vi n.
Ví d&: <a href=”abc.html”><img src=”def.gif” border=”0”></a>
T câu l nh trên s cho ra hình def.gif. Nh ng khơng có vi n xung quanh
+ Hspace : kho ng cách t l ph i c a hình
+ Vspace: kho ng cách t TOP c a hình

n l trái v n b n
n BOTTOM c a v n b n

+ Align : )nh d ng trái, ph i, gi a c a hình (canh l ).
+ Width : Chi u r ng c a t"m hình.
+ Height : Chi u cao c a t"m hình.
II– T o b ng trong HTML :
t o 1 b ng chúng ta nên hình dung
th c thi d h n so v i yêu c u

Trang 4/68

c dòng và c t. Và áp

t 1 s quy lu t,

vi c

t ra.


www.qhonline.info


Giáo trình PHP C n B n

Gi ng Viên: Bùi Qu c Huy

M t b ng bao g#m 2 thu c tính là dịng và c t. V y ta có quy t c
i t b ng tr

có 1 b ng d li u. Ta

c, sau ó k$ dịng và chia c t trên dịng ó…Làm tu n t cho

n h t yêu

c u vi c t o b ng.
1 B ng b t

u và k t thúc s có cú pháp : <table> </table>

1 Dòng b t

u và k t thúc s có cú pháp : <tr> </tr>

1C tb t

u và k t thúc s có cú pháp : <td> </td>


Ví d&:
A

B

C

D

1

2

3

4

Nh b ng % trên ta s xây d ng nh sau :
+ G#m 1 b ng.
+ G#m 2 dòng
+ G#m 4 c t trên 1 dòng
V y ta có cú pháp t o b ng c b n nh sau :
<Table>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr>

<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
Các thu c tính trên B ng (Table).
o Width : Chi u r ng c a b ng.

Trang 5/68

www.qhonline.info


Giáo trình PHP C n B n

Gi ng Viên: Bùi Qu c Huy

o Height: Chiêu cao c a b ng.
o Align : Các thu c tính trái, ph i, gi a theo chi u ngang c a b ng
o Valign : Các thu c tính trên, d

i, gi a theo chi u d c c a b ng.

o Background : Màu n n c a b ng b'ng 1 hình nh. (ch có tác d&ng trên c t và
b ng).
o Bgcolor : Màu n n b ng b'ng nh ng màu theo thơng s (ch có tác d&ng trên c t
và b ng). Ví d&: white, blue, green, red,……
o Cellpadding : Kho ng cách t chân ch


n c nh d

i.

o Cellspacing : Kho ng cách c a các c nh.
o Rowspan : G p theo dịng
Ví d& :

o Colspan : G p theo c t
Ví d&:

* Các thu c tính c a table phía trên
áp d&ng

u có th áp d&ng

i v i c t (td). Nh ng không th

i v i dòng.

Bài T p Áp D ng: Thi t k 1 b ng b'ng HTML nh hình bên d
Th 2

Th 3

Th 4

i:

Th 5


Th 6

Th 7

Kinh t Chính Tr)

Tốn A1

Anh V n

PHP&MYSQL

Phòng 301

ASP.NET

CCNA

V t Lý A1

Yêu c u :
1 – Vi t trên HTML, không dùng b"t k* tool h! tr nào.
2 – Th i gian trong 15 phút

Trang 6/68

www.qhonline.info



Giáo trình PHP C n B n

Gi ng Viên: Bùi Qu c Huy

III– T o Form nh p li u trong HTML :
Form nh p li u

c dùng

l"y d li u t phía ng

i truy c p, khách hàng,….Thơng

qua h th ng website. Cú pháp c b n c a Form c ng có th$ b t

u và k t thúc :

Cú pháp chính :
<form method="POST" action="link" name=”Tên”>
N i dung c a form
</form>
+ Method : Là ph
+ Action : Là

ng th c truy n nh n d li u. G#m 2 ph
ng d+n

ng th c là POST và GET.

n liên k t x( lý form.


+ Name : là tên c a Form ó.
C c"u c a Form bao g#m nh ng thu c tính sau :
1- D ng Text : (Nh nh p h tên, )a ch , s

i n Tho i,….)

Cú pháp :
<input type="Thu c tính" name="Tên" size="chi u dài" value="giá tr)">
+ Type : Thu c tính có hai lo i là Text (khi ng
ang nh p và Password (ng

i nh p s th"y

i nh p s không th"y

c n i dung

c n i dung ang nh p)

+ Name : tên c a h p nh p li u (ví d&: name, address, phone,…..)
+ Size : Chi u dài c a h p nh p li u.
+ Value: Giá tr) mu n hi n th) (th

ng v i h p nh p li u thì ít s( d&ng).

2- D ng V n b n – Textarea : (nh nh p thông tin cá nhân, ghi chú,…..)
Cú pháp :
<textarea name="textarea" cols="45" rows="5" ></textarea>
+ Có th$ b t


u và k t thúc.

+ Name: Tên c a h p nh p li u.
+ Cols :

c xem là chi u r ng c a h p nh p li u

+ rows:

c xem là chi u cao c a h p nh p li u

3- D ng L a Ch n : (nh ch n l a gi i tính nam ho c n )
Cú pháp :
<input type="radio" value="N" name="hot" checked>
+ Type : Radio là )nh d ng dành cho s l a ch n
+ Value : Giá tr) mà chúng ta mu n truy n khi user l a ch n

Trang 7/68

www.qhonline.info


Giáo trình PHP C n B n

Gi ng Viên: Bùi Qu c Huy

+ Name : Tên c a )nh d ng l a ch n
+ Thu c tính “checked”. N u add vào s m c )nh ch n l a
Ví d&:

<input type="radio" value="m" name="sex" checked> Male
<input type="radio" value="f" name="sex" > Female
T ví d& trên ta th"y n u trong 1 form ch n l a gi i tính. Thì thu c tính “name”
ph i gi ng nhau. , ây. Thu c tính male

c l a ch n m c )nh.

4- D ng Thanh cu n : (nh ch n qu c t)ch Vi t Nam,….)
Cú pháp:
<select size="thông s " name="tên">
<option value="giá tr)" selected>L a ch n </option>
</select>
+ Size : là kích th

c c a h p tho i mà b n mu n. Th

ng là 1.

+ Name : là tên c a thanh cu n "y.
+ Option: là nh ng thu c tính b n mu n ch n
+ Thu c tính “selected” N u thêm vào s m c )nh ch n l a.
+ Giá tr) : là thông t b n mu n truy n vào khi chúng ta ch n l a.
Ví d&:
<select size="1" name="country">
<option value=”VN” selected>Vi t Nam </option>
<option value=”CN”>Trung Qu c </option>
</select>
, ví d& này chúng ta th"y. Vi t Nam là qu c gia

c l a ch n.


5- D ng Ch n Nhi u : (nh b ng ánh d"u s% thích: music, sport, game,…..)
Cú Pháp:
<input type="checkbox" name="tên" value="giá tr)">
+ Type= Checkbox là )nh d ng c a h p tho i
+ Tên : là tên c a m&c ch n l a
+ Giá tr): Là thông s c n truy n vào.
6- D ng Nút Nh n : (nh ch"p nh n ho c làm l i,…..)
Cú pháp :

Trang 8/68

www.qhonline.info


Giáo trình PHP C n B n

Gi ng Viên: Bùi Qu c Huy

<input type="L a ch n" value="Giá tr)" name="Tên">
Type có hai lo i chính là : submit bà reset
+ Submit cho phép g%i d li u lên trình duy t

x( lý.

+ Reset : xóa tồn b d li u t các form trên.
Giá tr): là tên hi n th) trên nút
Tên : là tên c a nút nh"n.
Bài t p Áp D ng :
Vi t l nh hi n th) 1 form nh bên d


Trang 9/68

i:

www.qhonline.info


Giáo trình PHP C n B n

Gi ng Viên: Bùi Qu c Huy

IV- Các th nâng cao:
1- T o ch ch y :
Cú pháp c b n : <Marquee> N i Dung </Marquee>
Mô t : V n b n n'm gi a hai th$ này s di chuy n tu* theo các giá tr) thu c tính

c

thi t l p. M t s thu c tính c a Marquee là:
Direction: Có giá tr) b'ng Left ho c Right là h
ScrollDelay: Giá tr) nguyên d

ng c a v n b n.

ng này là s mili giây v n b n ng ng tr

ng ti p. Giá tr) càng nh-, chuy n
Behavior: Lo i chuy n


ng chuy n

c khi chuy n

ng càng nhanh.

ng c a text. Scroll, Slide, Alternate

Align With text: o n v n b n

c canh ch nh trong vùng di n tích c a marquee. Có 3

giá tr): Top, Middle, Bottom.
Loop: Giá tr) nguyên thi t l p s chu k* chuy n

ng c a o n v n b n.

Ví d& :
<Marquee align="middle" direction="right" scrolldelay="60">
Chào m ng b n ã

n website c a chúng tôi

</Marquee>
2 – S d ng Frame:
B'ng cách dùng frame (khung), ta có th ng t trang web thành các vùng riêng bi t (c(a
s ) và th hi n các t p tin HTML khác nhau trong m!i vùng. V i cách này, m!i vùng có
th chuy n sang trang web khác trong khi các vùng khác v+n không thay

i.


Cú pháp c b n :