Session07 concepts HTML Lập Trình Web Tĩnh

Lập trình web tĩnh Html dành cho người mới bắt đầu học lập trình web Mình khuyên các bạn nên học đầy đủ từ bài số 1 trở điVà kết hợp với video khi sử dụng slide nhưng do video mình chưa có thời gia up lên khi nào có mình sẽ cho link lên mục này

Trang 1

Chương 7 ng h ng

h :



h

7.1 h

-

7.1.1 ng

 -



qua



Trang 2

nh 7.1: ng

7.1.2 h n

h nh

ACCEPT

A = “ ”

ACTION

A = “U ”

Trang 3

METHOD

U ,

U

METHOD = (GET | POST) “ ”

<FORM action=”http://mysite.com/processform” METHOD=”post”> .form contents

</FORM> 7.1.3 C h n nh

 h n

U

Attributes Description TYPE

TEXT, PASSWORD, CHECKBOX, RADIO, SUBMIT, RESET, FILE, HIDDEN U

NAME

–

A

VALUE

A

SIZE

Trang 4

A

MAXLENGTH

A

CHECKED

A

SRC = “U ”

trong INPUT



n

NAME

SIZE

TYPE U type = button> VALUE

<INPUT type=button> ,

<INPUT TYPE=button VALUE=”click” NAME=”b1">  n n

A

,

 Checkbox

Trang 5

on

n

CHECKED

checkbox NAME

SIZE

STATUS

TYPE U type = checkbox> VALUE a checkbox <INPUT type=checkbox>  Radio

,

g

n

CHECKED

radio NAME

SIZE

STATUS

TYPE U type = radio> VALUE

<INPUT type=radio> ,

<INPUT TYPE=radio NAME=”sex” VALUE=”male”>Male  Submit

ACTION

,

Trang 6

 nh

SRC U sau

Name.x = valueofx

Name.y = valueofy

,

 Reset

,

<B><H2 align="left">Sample Stock Survey</H2></B>

<p><B>Describe your investment experience</B></p>

Trang 7

<INPUT TYPE="CHECKBOX" NAME="RESULT_CheckBox-4" VALUE="CheckBox-1">Options

<INPUT TYPE="CHECKBOX" NAME="RESULT_CheckBox-4" VALUE="CheckBox-2">Mutual Funds<BR></p>

<p><B>What is your stock pick for this year?</B></P>

Trang 8

A A n

COLS

ROWS

<TEXTAREA> SIZE

TYPE

<TEXTAREA> VALUE

<TEXTAREA> ,

<TEXTAREA NAME=”text1" COLS=20 ROWS=5> </TEXTAREA>  h n BUTTON m) t

h nh

NAME

VALUE

TYPE

Submit –

Button –

Reset –

U U

U

U U

U “ ”

U ng

A A U

<HTML>

Trang 9

<HEAD>

<TITLE> Sample Form </TITLE>

</HEAD>

<FORM ACTION="http://www.mysite.com/FormSite" METHOD="POST"> <B><CENTER><H2>Sample Stock Survey</H2></CENTER></B>

<P><B>Any Investment Advice for others?</B></P>

<P>

Send <IMG src="submit.gif" alt="Submit"> </BUTTON>

Reset <IMG src="reset.gif" alt="Reset"> </BUTTON>

Trang 10

h nh

NAME

SIZE

MULTIPLE

3:

<HTML>

<HEAD>

<TITLE> Sample Form </TITLE>

</HEAD>

<B><CENTER><H2>Sample Stock Survey </H2></CENTER></B>

<P><B>How do you buy your stocks?</B>

<OPTION>2) Touch Tone Trading</OPTION>

<OPTION>3) Broker Assisted</OPTION>

<OPTION>4) Other</OPTION>

</SELECT></P>

</FORM>

</BODY>

</HTML>

Trang 11

nh 7.4: 3

U

h nh

SELECTED

VALUE

LABEL

4:

<HTML>

<Head>

<Title>Using the Option Group</Title>

</head>

<BODY>

<FORM action = ”http://www.mysite.com/FormSite”

method = ”post”>

<OPTION value = “Internetintro”>Introduction to the Internet

<OPTION value=”Introhtml”>Introduction to HTML

Trang 12

designing

</OPTGROUP>

<OPTION value=”vbintro”>Visual Basic–An Introduction

<OPTION value=”vbdev”>Visual Basic – Application Development

Trang 13

<P>

<LABEL for=”firstname”>First name: </LABEL>

</P>

</FORM>

</BODY>

</HTML>

nh 7.6: 5

7.1.4

U

6:

<HTML>

<HEAD>

<TITLE>Job application</TITLE>

</HEAD>

<BODY>

<H1><CENTER><FONT SIZE = 4 COLOR = Forestgreen> Application Form</CENTER></FONT></H1>

Trang 14

method=”post”>

<P>

</FORM>

</BODY>

</HTML>

Trang 15

nh 7.7: 6

 h Focus)

 h ab

x

Trang 16

–

,

<INPUT tabindex=2 TYPE=RADIO NAME=”CONTROL1" VALUE=”0" CHECKED>Web Designer <INPUT tabindex = 6 TYPE=SUBMIT VALUE=OK>  h

A

,

<LABEL for=”firstname”>Name: </LABEL> <INPUT accesskey=”N” tabindex=1 type=”text” id=”firstname”> <TEXTAREA accesskey=“C” tabindex=4 NAME=”CONTROL3" COLS=”30" ROWS=”5">Type your comments here</TEXTAREA>  h n h h Disabling Elements)

-

“ ”

,

<INPUT TYPE=SUBMIT VALUE=OK DISABLED=True> 7.2 Khung (Frame)

Trang 17

nh 7.8: Khung trong trang Web 7.2.1 ng h ng



7.2.2 ng h ng A

A A A ng

A

Khu A

h nh

ROWS

%

COLS

cao t

100%

Trang 18

7:

<HTML> <HEAD> <TITLE>Two Equal Frames</TITLE> </HEAD> <FRAMESET COLS=”50%,*”> <FRAME SRC=x.htm> <FRAME SRC=y.htm> </FRAMESET> </HTML> nh 7.9: 7

Ch ‎

A

h nh

NAME

SRC

NORESIZE

SCROLLING

Auto -

Yes -

No -

Trang 19

FRAMEBORDER

1 -

0 -

MARGINWIDTH

MARGINHEIGHT

khung v

8:

<HTML> <HEAD> <TITLE>Scrolling in Frames</TITLE> </HEAD> <FRAMESET ROWS=”50%,*”> <FRAME SRC=”x.html” SCROLLING=no> <FRAME SRC=”y.html” SCROLLING=yes> </FRAMESET> </HTML> nh 7.10: 8

9:

Trang 21

nh 7.12: 10

9 A

Trang 22

 A

 A A



A

A A

A

12:

<HTML>

SCROLLING=”yes”>

</FRAMESET>

</HTML>

Link.html

<HTML>

<BODY>

</BODY>

</HTML>

Trang 23

nh 7.14: 12

 h n NOFRAMES

A

13:

<HTML> <FRAMESET COLS=”40%,60%”> <FRAME SRC=”Flowers.jpg” NAME=”Flowers” SCROLLING=yes> <FRAMESET ROWS=”60,*”> <FRAME SRC=”x.html” NAME=”x” SCROLLING=no FRAMEBORDER=no> <FRAME SRC=”y.html” NAME=”y”> <NOFRAMES> Frames are not being displayed Click here <A href=”main.htm”>for a non-frames version</A> </NOFRAMES> </FRAMESET> </FRAMESET> </HTML> 7.2.3 h n AME – h ng n n n n

A

frame) è

A

h nh

NAME

WIDTH

HEIGHT

Trang 25



 U

 A A



 U

 A



 Trong trang web,



c  A A A

 A



 A

Trang 26

1

a _

b _

c _

d _ INPUT

e _

f _

2

a The GET method is used to submit user input as a block of data to the server b

c A

d

e U

f

g

h A

i

Trang 27

h h nh

1

Name –

Address and telephone number –

Sex, Age –

Spoken languages – ( )

2

Name -

Postal Address and telephone number –

Payment options – demand draft or credit card - –

3

Personal Information –

Last Name, First Name Address –

City, State, Pin code - Telephone number 5

– 5

–

4

5

Định dạng
Số trang	27
Dung lượng	865,37 KB