Ασκηση HTML

HTML
(HyperText
Markup
Language)-
web browsers

.
H HTML
. :
<HTML> </HTML> -
<HEAD> </HEAD> -

<TITLE> </TITLE> -

<BODY> </BODY> -
.

(tag)
HTML
< >

.

. .. <HTML>
</HTML> ..
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>
2:
HTML.
Notepad () .
arxiki.html.

browser (Explorer ).

Notepad ().
3:
NotePad ()

<1> </1>
arxiki.html.
<2> </2>
<BODY> </BODY>
<3> </3>
.
<4> </4>
<1></1>
<6></6>
<5> </5>

<6> </6>
.
Test.html.
Test.html . 2
.
4 :
NotePad () arxiki.html.
.
<BR>

<></>
<BR>

.
1

.
<1>..</1>

<2>..</2> (2 5
).
:
<b></b> -
<i> </i> -
<u> </u> -
<center> </center>
( 1 ).
Xores.html
5 :
.
NotePad ()
Hores.html.

<ul></ul>.

type="circle" type="square"
<ul>
<li> item1 </li>
<li> item2 </li>
</ul>
<ul type="circle">
<li> item1 </li>
<li> item2 </li>
</ul>
<ul type="square">
<li> item1 </li>
<li> item2 </li>
</ul>

xplorer

.

Ctrl + S.

Explorer

(

ol>
).
<li> </li>

<li> </li>
<ul></ul> <l></l>.
1.
<li> </li>
Ctrl + S.
2.
</ol>
3.
2
6 : - -
NotePad ()
arxiki.html.
( ) Paros.html.

Wikipedia ( ):
3
, 3
, 90 .

<PRE>.</PRE>.
<3>
.
3
.

. : <PRE>.</PRE>
. <SUP> .</SUP>
. <SUB> .</SUB>
, NotePad URL
:
1. ,
(links)
2. ,
3. .
<A HREF=http://www.in.gr> </A>

(links)

.
URL
(Ctrl + S) .

.
<A HREF="http://www.in.gr/" target="_blank" > .. </A>

.

target="_blank".

.
.
3
7 :-
<HR SIZE="10" COLOR=BLUE WIDTH=50%"

ALIGN="left">
(Horizontal Line)
(size: ,
color: , width: )
8 :-
Google, 3 (
) PAROS1, PAROS2 PAROS3 HTML
.
NotePad Paros.html .
<IMG SRC=" "> 3

HTML (
HTML
-
path name ).

<IMG SRC=" ">
.. <IMG SRC="PAROS1.jpeg">

(jpeg jpg)
(
). .
WIDTH
HEIGHT.
<IMG SRC="PAROS1.jpeg WIDTH="150" HEIGHT="140">
pixels
.
:

.
WIDTH="150" HEIGHT="140"
.
:
<CENTER >
<IMG SRC="PAROS1.jpeg WIDTH="150" HEIGHT="140">
</CENTER>

. : TOP, MIDDLE, BOTTOM. :
<IMG SRC="paros1.jpeg " ALIGN="TOP" WIDTH="150" HEIGHT="140">

<IMG SRC="PAROS1.jpeg" ALIGN="TOP" HSPACE="5" VSPACE="5">

. pixels.
.
4
10 :-
arxiki.html
.

http://www.wlearn.gr/index.php
HTML .

:
<table>.</table>.
.
table (.. <table
border="1"> .</table>). 1
(1,2,3,4).
.
<tr></tr> (table row).
.
<td></td> (table data).
2 2
<table border="1">
<tr>
<td> 1, 1</td>
<td> 1, 2</td>
</tr>
<tr>
<td> 2, 1</td>
<td> 2, 2</td>
</tr>
</table>

(
)
:
:

.

.

.

<table
bgcolor="gray">
. :
<table border="1" width="500"> ( pixel)
. :
<td width="150" height="100"> </td>
. :
<td align="left">... </td>
. ,
<table border="1" align="center">
align="left" align="right"
RGB aqua, green, navy, black,

gray, olive, blue, lime, purple, marron, red, yellow, white, teal.

http://www.wlearn.gr .
.. #0033CC
11 :-

.
:

form name="form1" method="post"
<form> </form>.
action="http://www.............gr/script.php"> </form>
name (
), method ( ) action ( URL script
server ) .
<input> ( input /).
. :

<form
name="form1" method="post" action=" http://www.............gr/script.php">
: <input type="text" name="pedio_keimenou" value="
" size="35" maxlength="33" />

. :
<form name="form1" method="post" action=" http://www.............gr/script.php">
<textarea name="textarea2" cols="30" rows="3"> </textarea>

. (Radio Button) :
: <input type="radio" name="toposdiamonis" value="macedonia"
checked="checked" >
<input type="radio" name="toposdiamonis" value="thrace">
<input type="radio" name="toposdiamonis" value="sterea_Ellada">
. (CheckBoxes) :
<input type="checkbox" name="sports" value="1" /> <br />
<input type="checkbox" name="tv" value="1" /> <br />
<input type="checkbox" name="travel" value="1" /> <br />
<input type="checkbox" name="movies" value="1" />
. (List) :
<form name="form1" method="post" action="..php">
<select name="countries">
<option value="GR" selected="selected" ></option>
<option value="FR"></option>
<option value="ES"></option>
<option value="GE"></option>
<option value="IT"></option>
<option value="NE"></option>
<option value="PO"></option>
<option value="UK"></option>
</select>
</form>
. (Button) :
<form name="form1" method="post" action=".php">
. .
<input type="Submit" name="Submit" value="" />
<input type="Reset" name="Reset" value=" " />
</form>
:
http://wlearn.gr/index.php/html-html-57
.

:
:
E-mail :
12 :- video
arxiki.html
.
Diving.mp4.
.
:
.. Diving.mp4
( )
(width height) ( pixels).
Controls

video :
<video src=Diving.mp4 width=320 height= 300 controls> </video>
Diving.mp4 arxiki.html.
13 :- video YouTube
YouTube
HTML video.
.
, , (Embed).
HTML. ,
.
video YouTube :
<iframe width="560" height="315"
src="https://www.youtube.com/embed/RBumgq5yVrA"
frameborder="0" allowfullscreen></iframe>
URL video YouTube
pixels(width, height), (URL)

video YouTube, (frame) video
(frameborder).
14 :-
Passenger.mp3.

:
<audio controls> <source src="Passenger.mp3" type="audio/mpeg"/> </audio>
Audio Controls

CSS (Cascading Style Sheets)
CSS HTML . CSS

, ,
<HEAD>
(bold, underline, .), ,

<style type="text/css">
.
CSS
<HEAD>..</HEAD>
</style>
CSS h1,h2
h1 {
</HEAD>
FONT-SIZE: 22px;
COLOR: Blue;
CSS
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
body {
font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
FONT-SIZE: 16px;
COLOR: #669966;
FONT-WEIGHT: bold;
}
font-family: Georgia, "Times New Roman", Times, serif;
}
background-color:#FFFFCC;
margin: 20;
padding: 20;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: Black;
CSS
CSS
<p>.. </p>
p {
FONT-SIZE: 16px;
COLOR: #666666;
FONT-WEIGHT: normal;
td {
background-color:#cccccc;
FONT-SIZE: 18px;
COLOR: #000066;
FONT-WEIGHT: normal;
}
}
10

Ασκηση HTML

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Ασκηση HTML

Uploaded by

Copyright:

Available Formats

HTML

<A HREF=http://www.in.gr> </A>

<HR SIZE="10" COLOR=BLUE WIDTH=50%"

<IMG SRC=" "> 3

<IMG SRC="PAROS1.jpeg WIDTH="150" HEIGHT="140">

RGB aqua, green, navy, black,

<video src=Diving.mp4 width=320 height= 300 controls> </video>

pixels(width, height), (URL)

CSS (Cascading Style Sheets)

CSS HTML . CSS

You might also like