Html

Մաս 3

4/14/2013 1

Նկարներ(Images)

Ֆորմաներ(Forms)

Աղյուսակներ(Tables)

4/14/2013 2

Նկարներ
(Images)
Յուրաքանչյուր կայքի անբաժան մասն են նկարները.

• GIF (Graphics Interchange Format)
• JPG / JPEG (Joint Photographic Experts Group)
• PNG (Portable Network Graphics)

<img src=―mypic.jpg‖ />

Ատրիբուտներն են.
alt, title, width, height, align, border,
vspace, hspace

4/14/2013 3

<p>This is paragraph 1, yes it is. I think this paragraph serves as a nice
example to show how this image alignment works. </p>
<p> <img src="sunset.jpg" align="right"> The image will appear along
the...isn't it? </p>
<p>This is the third paragraph that appears...</p>

4/14/2013 4

Ֆորմաներ (Forms)

4/14/2013 5

<FORM ACTION="exemple.htm"> 

<INPUT TYPE=submit VALUE="Top">

</FORM> <!—սա ձևի վերջն է-->

4/14/2013 6

Ֆորմի Ատրիբուտներ

NAME – ձևի անունն է, այն միանշանակորեն որոշելու համար:
Օգտագործվում է հատկապես երբ էջում կա մի քանի ֆորմ(ձև):

ACTION – պարտադիր ատրիբուտ է, ցույց է տալիս գործողություն
կատարող ֆայլի կա սկրիպտի հասցեն:

METHOD – որոշում է ինչ մեթոդով ուղղարկել ֆայլի պարունակությունը
GET (default) և POST.

4/14/2013 7

<formg name="myWebForm" action="myServerSideScript.php" method="post">
<input type="checkbox" /> Checkbox 1<br />
<input type="text" /> Text Field 1<br />
<input type="submit" value="SUBMIT" />
</form>

4/14/2013 8

<form name="myWebForm" action="mailto:youremail@email.com" method="post">
<p>Please select every sport that you play.</p> Soccer:
<input type="checkbox" checked="yes" name="sports" value="soccer" /> <br />
Football:
<input type="checkbox" name="sports" value="football" /> <br /> Baseball:
<input type="checkbox" name="sports" value="baseball" /> <br /> Basketball:
<input type="checkbox" checked="yes" name="sports" value="basketball" />
</form>

4/14/2013 9

<form name="myWebForm" action="mailto:youremail@email.com" method="post">
<input type="file" name="uploadField" />
</form>

<textarea name="myTextArea"cols="20" rows="10">Please limit your response to 100
characters.</textarea><br />
<textarea name="myTextArea" cols="40" rows="2">Please limit your response to 200
<textarea name="myTextArea" cols="45" rows="5">Please limit your response to 500

4/14/2013 10

Աղյուսակներ(Tables)

4/14/2013 11

<table>
<th>
<td></td>
</th>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>

4/14/2013 12


border, collspan, rowspan, …

4/14/2013 13


cellpadding, cellspacing, …

4/14/2013 14

Շնորհակալություն

4/14/2013 15

Html

More Related Content

Viewers also liked (6)

Html