HTML - ÉÓ ÞÉÒÉÈÀÃÉ ÔÄÂÄÁÉ

 html - ÍÄÁÉÓÌÉÄÒÉ ×ÀÉËÉ ÉßÚÄÁÀ ÂÀÌáÓÍÄËÉ <html> ÃÀ ÃÀÌáÖÒÀÅÉ </html> ÔÄÂÉÈ.  ÃÀÌáÖÒÀÅÉ  ÔÄÂÉ ÂÀÌáÓÍÄËÉ ÔÄÂÉÓÀÂÀÍ ÌáÏËÏà ÓËÄÛÉÈ ("/")  ÂÀÍÓáÅÀÅÃÄÁÀ. html-ÛÉ ÌÍÉÛÅÍÄËÏÁÀ ÀÒ ÀØÅÓ ÔÄÂÄÁÓ ÃÀÅßÄÒÈ ÃÉÃÉ ÈÖ ÐÀÔÀÒÀ ÀÓÏÄÁÉÈ. ÃÏÊÖÌÄÍÔÛÉ ÊÏÌÄÍÔÀÒÉÓ ÂÀÓÀÊÄÈÄÁËÀà ÂÀÌÏÉÚÄÍÄÁÀ ÔÄÂÉ <!-ÛÄÓÀÁÀÌÉÓÉ ÔÄØÓÔÉ->.

<head>...</head> - html-ÉÓ ÓÀÈÀÖÒÉÓ ÁËÏÊÉ. ÀÌ ÁËÏÊÛÉ ÉßÄÒÄÁÀ ÆÏÂÀÃÉ ÉÍ×ÏÒÌÀÝÉÀ ÂÅÄÒÃÉÓ ÛÄÓÀáÄÁ: Web ÂÅÄÒÃÉÓ ÈÀÅÓÀÈÀÖÒÉ, ÀÙßÄÒÀ, ÓÀÊÅÀÍÞÏ ÓÉÔÚÅÄÁÉ, ÊÏÃÉÒÄÁÀ.                                           

<title>...</title> - ÂÅÄÒÃÉÓ ÓÀÈÀÖÒÉ, ÚÅÄËÀ×ÄÒÉ, ÒÀÝ ÌÏÈÀÅÓÄÁÖËÉÀ ÀÌ ÔÄÂÄÁÓ ÛÏÒÉÓ ÂÀÌÏÉÚÄÍÄÁÀ, ÒÏÂÏÒÝ ÃÏÊÖÌÄÍÔÉÓ ÓÀáÄËßÏÃÄÁÀ ÃÀ ÉÂÉ ÂÀÌÏÃÉÓ ÁÒÏÖÆÄÒÉÓ ÌÀÒÝáÄÍÀ ÆÄÃÀ ÊÖÈáÄÛÉ. ÒÄÊÏÌÄÍÃÄÁÖËÉÀ ÀÒÀ ÖÌÄÔÄÓ 64 ÓÉÌÁÏËÏÆÄ ÌÄÔÉ.

<body>...</body> - Web - ÂÅÄÒÃÉÓ ÔÀÍÉ. ÀÌ ÁÒÞÀÍÄÁÄÁÓ ÛÏÒÉÓ ÉßÄÒÄÁÀ ÚÅÄËÀ×ÄÒÉ, ÒÀÓÀÝ ÌÏÌáÌÀÒÄÁÄËÉ ÄÊÒÀÍÆÄ áÄÃÀÅÓ.

HTML- ÃÏÊÖÌÄÍÔÉ  ÔÄØÓÔÖÒÉ ×ÀÉËÉÀ, ÂÀ×ÀÒÈÏÄÁÉÈ *.html. ØÅÄÌÏÈ ÌÏÚÅÀÍÉËÉÀ ÖÌÀÒÔÉÅÄÓÉ ÃÏÊÖÌÄÍÔÉÓ ÓÔÒÖØÔÖÒÀ:

Text Box: Hello! This is Html document

<html>
<head>
<title>Lesson1</title>
</head>
<body >
<H1>Hello!</H1>
<P>This is Html document</P>
</body>
</html>

 

ÐÀÒÀÂÒÀ×É ÃÀ ÀáÀË áÀÆÆÄ ÂÀÃÀÓÅËÀ

  <br> ÀáÀË áÀÆÆÄ ÂÀÃÀÓÅËÀ;

  <p> ÀáÀË áÀÆÆÄ ÂÀÃÀÓÅËÀ ÃÀ ÀáÀËÉ áÀÆÉÓ ßÉÍ  ÄÒÈÉ ÝÀÒÉÄËÉ áÀÆÉÓ ÃÀÔÏÅÄÁÀ;

<p> ÀØÅÓ ÈÀÅÉÓÉ ÀÔÒÉÁÖÔÄÁÉ, ÒÏÌÄËÓÀÝ ÂÀÍÓÀÆÙÅÒÀÅÓ align ÁÒÞÀÍÄÁÀ.

<p> ÔÄÂÉÓ ÀÔÒÉÁÖÔÄÁÉÀ:

< p align=left> - ÔÄØÔÓ ÂÀÀÓßÏÒÄÁÓ furclis marcxniv;

<p align=center> - ÔÄØÔÓ ÂÀÀÓßÏÒÄÁÓ furclis centrSi;

<p align=right> - ÔÄØÔÓ ÂÀÀÓßÏÒÄÁÓ furclis marjvniv;

<p align=justify> - ÂÀÀÓßÏÒÄÁÓ ÔÄØÓÔÉÓ ÏÒÉÅÄ ÓÀÆÙÅÀÒÓ.

ÌÀÂÀËÉÈÉ:

         <html>

          <head>

            <title>Lesson 2</title>

          </head

          <body bgcolor=white>

             <p align = right>ÔÄØÓÔÉ, ÌÀÒãÅÍÉÅ</p>

             <p align = left>ÔÄØÓÔÉ, ÌÀÒÝáÍÉÅ</p>

             <p align=center>ÔÄØÓÔÉ, ÝÄÍÔÒÛÉ</p>

          </body>

          </html>

Text Box: ÔÄØÓÔÉ, ÌÀÒãÅÍÉÅ   ÔÄØÓÔÉ, ÌÀÒÝáÍÉÅ   ÔÄØÓÔÉ, ÝÄÍÔÒÛÉ

 

 

ÔÄÂÄÁÉ ÓÀÈÀÖÒÉÓ ÂÀÌÏÚÏ×ÉÓÀÈÅÉÓ: <H1>........<H6>

ÉÌÉÓÀÈÅÉÓ, ÒÏÌ ÓÀÈÀÖÒÉ ÂÀÌÏÄÚÏÓ ÃÀÍÀÒÜÄÍ ÔÄØÓÔÓ, html-ÛÉ ÀÒÓÄÁÏÁÓ ÓÐÄÝÉÀËÖÒÉ ÁÒÞÀÍÄÁÄÁÉ: <h1>,<h2>,<h3>..........<h6>. ÀØÄÃÀÍ ÐÉÒÅÄËÉ ÃÏÍÉÓ ÁÒÞÀÍÄÁÄÁÉ ÚÅÄËÀÆÄ ÌÓáÅÉËÉÀ, áÏËÏ ÌÄÄØÅÓÄ _ ÚÅÄËÀÆÄ ßÅÒÉËÉ.

 

ÔÄÂÉ <BASEFONT>

<basefont> ÔÄÂÉ ßÀÒÌÏÃÂÄÍÉËÉÀ ÉÌÉÓÀÈÅÉÓ, ÒÏÌ ÛÄÉÝÅÀËÏÓ ÛÒÉ×ÔÉÓ ÌÈËÉÀÍÉ ÀÍÖ ÁÀÆÖÒÉ ÌÍÉÛÅÍÄËÏÁÀ, ÌÉÓÉ ÃÀßÄÒÉËÏÁÀ ÃÀ ×ÄÒÉ. ÀÌ ÔÄÂÉÓ ÀÔÒÉÁÖÔÄÁÉÀ Font ÃÀ Color, romelic ÛÄÓÀÁÀÌÉÓÀà ÝÅËÉÓ ÛÒÉ×ÔÓ ÃÀ ÔÄØÓÔÉÓ ×ÄÒÓ. ÔÄÂÉÓ ÛÄÓÀáÄÁ Ö×ÒÏ ÅÒÝËÀà mocemuli ÉØÍÄÁÀ ÛÄÌÃÄ ÈÀÅÛÉ, ÀáËÀ ÒÀÝ ÛÄÄáÄÁÀ ÀÔÒÉÁÖÔ  Size-Ó :

<html>

<head>

  <title>lesson3</title>

    <basefont size=3>

 </head>

</html>

ÀÙÓÀÍÉÛÍÀÅÉÀ, ÒÏÌ ÔÄÂÉ <Basefont>  ÉßÄÒÄÁÀ ÌáÏËÏà ÈÀÅÓÀÈÀÖÒÛÉ <head> ÃÀ </head> ÔÄÂÄÁÓ ÛÏÒÉÓ. ÃÀÌÀÌÈÅÒÄÁÄËÉ ÔÄÂÉ </basefont>-ÉÓ  ÂÀÌÏÚÄÍÄÁÀ, ÒÀ ÈØÌÀ ÖÍÃÀ, ÀÖÝÉËÄÁÄËÉ ÀÒ ÀÒÉÓ.

ÆÄÌÏÈ ÌÏÚÅÀÍÉË ÌÀÂÀËÉÈÛÉ ÔÄØÓÔÉÓ ÆÏÌÀ ÉÚÏ 3 ÐÉØÓÄËÉ, ÒÀ ÈØÌÀ ÖÍÃÀ, ÄÓ ÌÏÍÀÝÄÌÉ ÀÒ ÖÍÃÀ ÂÀÍÅÉáÉËÏÈ, ÒÏÂÏÒÝ ÀÖÝÉËÄÁÄËÉ ÔÄØÓÔÉÓ ÆÏÌÀ, ÈØÅÄÍÆÄÀ ÃÀÌÏÊÉÃÄÁÖËÉ ÈÖ ÒÀÓ ÃÀßÄÒÈ.

<Basefont> - ÔÄÂÉÓ ÀÔÒÉÁÖÔÉÓ size - ÆÏÌÉÓ ÛÄÓÀÞËÏ ÌÍÉÛÅÍÄËÏÁÄÁÉ

 

Size-ÉÓ ÓÀÅÀÒÀÖÃÏ ÌÍÉÛÅÍÄËÏÁÄÁÉ

ÓÉÌÁÏËÏÏÄÁÉÓ ÓÉÌÀÙËÄ ÐÉØÓÄËÄÁÛÉ

1 

2 

3 

4 

5 

6 

7 

9

10

12

14

18

24

36

 

ÔÄÂÉ  <FONT>

<font> - ÔÄÂÉÓ ÀÔÒÉÁÖÔÉ  size ÂÀÌÏÉÚÄÍÄba ÉÌÉÓÀÈÅÉÓ, ÒÏÌ ÛÄÝÅÀËÏÈ ÌÉÌÃÉÍÀÒÄ ÔÄØÓÔÉÓ ÆÏÌÀ ÁÀÆÖÒÉ ÆÏÌÉÓÀÂÀÍ ÂÀÍÓáÅÀÅÄÁÉÈ, ÒÏÌÄËÉÝ <basefont>-ÔÄÂÉÓ ÓÀÛÖÀËÄÁÉÈ ÀÒÉÓ ÌÉÈÉÈÄÁÖËÉ.  ÌÀÂÀËÉÈÉ:

<html>

  <head>

Text Box: ÔÄØÓÔÉ   ÔÄØÓÔÉ, ÒÏÌÄËÉÓ ÆÏÌÀÀ 5

    <title>lesson4</title>

    <basefont size=3>

 </head>

<body>

   <p>ÔÄØÓÔÉ</p>

   <p><font size = 5>ÔÄØÓÔÉ, ÒÏÌÄËÉÓ ÆÏÌÀÀ 5</p>

</body>

</html>

 

×ÏÍÉ

×ÄÒÉ html - ÛÉ ÂÀÍÉÓÀÆÙÅÒÄÁÀ color ÀÔÒÉÁÖÔÉÈ. ×ÄÒÉÓ ÌÍÉÛÅÍÄËÏÁÀ ÌÉÈÉÈÄÁÖËÉ ÖÍÃÀ ÉÚÏÓ ÒÉÝáÏÁÒÉÅÉ ÌÍÉÛÅÍÄËÏÁÉÈ ÀÍ ÓÀÊÖÈÀÒÉ ÓÀáÄËÉÈ. ×ÄÒÈÀ ÐÀËÉÔÒÀ ixileT bolo gverdze.


ÔÄØÓÔÉÓ ×ÄÒÉÓ ÛÄÝÅËÀ <FONT> ÔÄÂÉÓ ÓÀÛÖÀËÄÁÉÈ:

         ÔÄØÓÔÉÓ ×ÄÒÉÓ ÛÄÝÅËÀÆÄ  ÆÄÌÏÈ ÖÊÅÄ ÅÉÓÀÖÁÒÄÈ, ÀáËÀ ÂÀÅÄÝÍÏÈ ÓáÅÀ áÄÒáÓ:

         <p><font color = black>ÔÄØÓÔÉÓ ×ÄÒÉ ÀÌ ÛÄÌÈáÅÄÅÀÛÉ ÛÀÅÉ  ÉØÍÄÁÀ </p>

 

ÔÄØÓÔÉÓ დეფორმირება

ØÅÄÌÏÈ ÌÏÝÄÌÖËÉ ÔÄÂÄÁÉÓ ÓÀÛÖÀËÄÁÉÈ áÃÄÁÀ ÔÄØÓÔÉÓ ÃÀ×ÏÒÌÀÔÄÁÀ, ÌÀÂÀËÉÈÀÃ, ÌÉÓÉ ÂÀÃÀáÒÀ, ÂÀÌÖØÄÁÀ, áÀÆÂÀÓÌÀ, ÂÀÃÀáÀÆÅÀ, ÉÍÃÄØÓÉÓ ÂÀÊÄÈÄÁÀ ÃÀ À.Û.

Bold <B> ..</B>   ÔÄØÓÔÉÓ ÂÀÌÖØÄÁÀ;

Italic <I>...</I>    ÔÄØÓÔÉÓ ÂÀÃÀáÒÀ;

Underline <U>...</U> áÀÆÂÀÓÌÀ;

Strike   <STRIKE>  ÂÀÃÀáÀÆÅÀ;

Superscript  <SUP>  áÀÒÉÓáÉ;

Subscript  <SUB>  ÉÍÃÄØÓÉ.

 

Text Box: ÂÀÌÖØÄÁÀ   ÃÀáÒÀ   áÀÆÂÀÓÌÀ         ÂÀÃÀáÀÆÅÀ        H202

 

ÌÀÂÀËÉÈÉ:

 

<html>

  <head>

      <title>lesson5</title>

 </head>

 <body bgcolor = #FFFFFF>

        <b>ÂÀÌÖØÄÁÀ</b>

        <i>ÃÀáÒÀ</i>

        <u>áÀÆÂÀÓÌÀ</u>

        <strike>ÂÀÃÀáÀÆÅÀ</strike>

        <p>H<sub>2</sub>0<sup>2</sup></p>

</body>

</html>

 

ÛÒÉ×ÔÉÓ ÛÄÒÜÄÅÀ ÌÉÓÉ ÓÀáÄËÉÓ ÌÉáÄÃÅÉÈ:

ÛÒÉ×ÔÉÓ ÛÄÒÜÄÅÀ <font>...</font> - ÔÄÂÉÓ face ÀÔÒÉÁÖÔÉÓ  ÓÀÛÖÀËÄÁÉÈ áÃÄÁÀ. ÀÌ ÔÄÂÉÓ ÀÔÒÉÁÖÔÄÁÉÀ size ÃÀ color. ÛÒÉ×ÔÉÓ ÛÄÒÜÄÅÉÓ ÃÒÏÓ ÅáÅÃÄÁÉÈ ÓÉÒÈÖËÄÄÁÓ, ÒÀÃÂÀÍ ÜÅÄÍ ÌÉÄÒ ÛÄÒÜÄÖËÉ ×ÏÍÔÄÁÉ ÛÄÉÞËÄÁÀ ÓÀÄÒÈÏà ÀÒ ÉÚÏÓ ÌÏÌáÌÀÒÄÁËÉÓ ÊÏÌÐÉÖÔÄÒÉÓ ÓÉÓÔÄÌÀÛÉ, ÃÀ ÀÌÉÔÏÌ ÅÄÒ ßÀÉÊÉÈáÏÓ.

ÌÀÂÀËÉÈÉ:

<html>

   <head>

      <title>lesson6</title>

   </head>

  <body bgcolor =white>

    <font size =6 color=black face=acadnusx>ÔÄØÓÔÉ,ÆÏÌÀ 6, ×ÄÒÉ ÛÀÅÉ, ×ÏÍÔÉ Acadnusx</font>

  </body>

</html>

 

 

×ÏÍÉÓ ÃÀ ÔÄØÓÔÉÓ ×ÄÒÉÓ ÛÄÝÅËÀ

 ÛÄÂÅÉÞËÉÀ ×ÏÍÉÓ ×ÄÒÉÓ ÛÄÝÅËÀ,  <body> ÔÄÂÉÓ  Bgcolor  ÀÔÒÉÁÖÔÉÓ   ÌÉÈÉÈÄÁÉÈ .

  ÌÀÂÀËÉÈÉ:

     <body bgcolor = FF0000> ÀÍ     <body bgcolor = blue>

     ÔÄØÓÔÉÓ ×ÄÒÉÓ ÛÄÝÅËÀ ÊÉ  text ÀÔÒÉÁÖÔÉÓ ÓÀÛÖÀËÄÁÉÈ ÛÄÉÞËÄÁÀ.

     <body text=yellow> ÀÍ  <body text=FFFF00>

ÌÀÂÀËÉÈÉ:

<html>

   <head >

   <title>lesson</title>

   </head>

      <body bgcolor = FFFFFF text=yellow>

        <!-აქ ჩაიწერება programa->

      </body>

</html>

 

ÓÀÆÙÅÒÄÁÉ ÁÒÀÖÆÄÒÉÓ ×ÀÍãÀÒÀÛÉ

ÛÄÂÅÉÞËÉÀ ÂÀÌÏÉÚÄÍÏÈ ÀÔÒÉÁÖÔÉ - topmargin ÃÀ leftmargin ÓÀÆÙÅÒÉÓ ÃÀÓÀÒÄÂÖËÉÒÄÁËÀÃ. 

ÌÀÂÀËÉÈÀÃ, ÓÒÖËÀÃ ÒÏÌ ÖÂÖËÄÁÄËÅÚÏÈ ÓÀÆÙÅÀÒÉ, ÌÏÝÄÌÖË ÀÔÒÉÁÖÔÓ ÌÉÖÈÉÈÄÈ ÍÖËÏÅÀÍÉ ÌÍÉÛÅÍÄËÏÁÄÁÉ.

         <body topmargin=0 leftmargin=0>

         <body topmargin=10 leftmargin=5>

ÀÌ ÛÄÌÈáÅÄÅÀÛÉ ÌÉÅÖÈÉÈÄÈ ÆÄÌÏÓÀÆÙÅÀÒÉ 10 ÐÉØÓÄËÉ, áÏËÏ ÌÀÒÝáÄÍÀ ÓÀÆÙÅÀÒÉ 5 ÐÉØÓÄËÉ.

 

ÓÖÒÀÈÉÓ ×ÏÍÀà ÃÀÃÄÁÀ

ÀÔÒÉÁÖÔÉ background  ÓÀàÉÒÏÀ ÓÀÉÔÆÄ ÓÖÒÀÈÉÓ ×ÏÍÀà ÃÀÃÄÁÉÓÀÈÅÉÓ.

ÉÍÔÄÒÍÄÔÛÉ ÚÅÄËÀÆÄ ÂÀÅÒÝÄËÄÁÖËÉÀ ,,gif”  ÃÀ ,,jpeg”  ×ÏÒÌÀÔÄÁÉÓ ÓÖÒÀÈÄÁÉ. windows-ÉÓ  da unix-ÉÓÈÅÉÓ ÀÒÓÄÁÏÁÓ ÌÒÀÅÀËÉ ÂÒÀ×ÉÊÖËÉ ÐÒÏÂÒÀÌÀ, ÒÏÌÄËÉÝ ÓÀÛÖÀËÄÁÀÓ ÂÅÀÞËÄÅÓ ÂÀÃÀÅÉÚÅÀÍÏÈ ÓÖÒÀÈÄÁÉ ÄÒÈÉ ×ÏÒÌÀÔÉÃÀÍ ÌÄÏÒÄÛÉ.

         GIF  = Graphics Interchange  Format

         JPEJ = Joint Photographs Experts Group

         ÌÀÂÀËÉÈÉ:

         <body background = ÓÖÒÀÈÉÓ ÌÉÓÀÌÀÒÈÉ>

         <body background = picture.jpg>