Aprende HTML Baziku (Lian Tetum)

By
              HTML (Hypert Text Markup Language) katak linguajen programasaun ida nebe uza atu halo web. Iha nia uza, kodigu HTML sira tenke tau iha nia tag hanesan komesa ho <naran tag> ramata ho </naran tag> ( kuidadu iha sinal “ / ”).
Iha pazina web ida minimal tenke iha tag hat (4) hanesan :

  • <HTML> hanesan sinal inisiu ba dokumentu HTML nian.
  • <HEAD> hanesan informasaun husi pazina header. Iha tag ne’e ita bele tau tag sira hanesan TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
  • <TITLE> hanesan titlu ba pazina web nian. Liafuan sira nebe mak  ita hakerek iha fain title sei mosu iha brosur (browser) nia leten  ka ( iha title bar)
  • <BODY> Iha tag ne ita bele rai atribut pagina sira hanesan background, letra nia kor, link nia kor, kor link vizita, kor link aktivu no informasaun ka materia.


 Formatu Fundamentu HTML
<html>
<head><title>Tau titlu website nian</title>
<body>
Ida ne’e maka fatin atu ense informasaun website nian

Break<br>
Atu halo lina foun ita sei uza <br>.ezemplu
<html>
<head><title>BRAK</title></head>
<body>
Hau lina primeiru <br> hau lina segundu
<body>
</html>
Paragrafu <p></p>
<p></p> simbolu ida ne’e uza hodi paraggrafu,
Atribut:aling
Exmplu:
<html>
<head><title>Paragrafu</title></head>
<body>
<p aling=”left”>Halos parte karuk</p>
<p aling=”right”>Halos parte los</p>
<p aling=”center”>Halo testu ba klaran</p>
<p aling=”justify”>Halos iha los no karuk</p>
</body>
</html>


Horizontal Line <hr>
<Hr>Horizontal line (lina horizontal)
Atribut:  -width  Aling
<html>
<head><title>HR</title></head>
<body>
LETEN<HR>KARAIK
</body>
</html>
<FONT></FONT>
Tag ida ne’e sei uz hodi halo medida kor no modelu no letra
Atribu: size    color     face
Font size
Exmplu:
<html>
<head><title>FONT SIZE</title></head>
<body>
<font size=”1”medida 1</font><br>
<font size=”2”medida 2</font><br>
<font size=”3”medida 3</font><br>
<font size=”4”medida 4</font><br>
</body></html>

Font face
Exemplu:
<html>
<head><title>FONT FACE<tile></head>
<body>
<font face=”Arial”>Hadomi Timor</font><br>
<font face=” Tahoma”> Hadomi Linux</font><br>
<font face=” Broadway”> Hadomi TImor</font><br>
<font face=” Impact”> Hadomi Linux</font><br>
</body>
</html>
FONT COLOR
EXEMMPLU:
<html>
<head><title>FONT COLOR</title></head>
<body>
<font color=”yellow”>Kinur</font><br>
<font color=”red”>mean</font><br>
<font color=”blue”>matak</font><br>
</body>
</html>

<I></I> Ou <EM></EM>italic
Exemplu:
Halo Letara kleuk ou halis
<html>
<head><title>HALO LETRA KLEUK</></head>
<body>
hadomi IOB laos letra kleuk<br>
<i>Hadomi IOB Letra kleuk</i>
<br><em>Hadomi linux mos letra kleuk<em>
</body>
</html>
<U></U>underline
Exemplu:
<html>
<head><title>HALO LINA IHA LETRA OKOS</title></head>
<body>
<u>Lina iha letra hadomi Timor nia okos</u>
</body>
</html>

<H1></H1>….<H6></H6>
Uza halo (Heading/leten) ho lina foun kedas.
Exemplu:
<html>
<head><title>HEADING</title></head>
<body>
<h1>Hadomi iob HEADING1</h1>
<h2>Hadomi iob HEADING2</h2>
<h3>Hadomi iob HEADING3</h2>
<h4>Hadomi iob HEADING1</h4>
<h5>Hadomi iob HEADING5</h5>
<h6>Hadomi iob HEADING6</h6>
</body>
</html>
<b></b> Ou Strong<strong>
Halo Letra Mahar
Exemplu:
<html>
<head><title>HALO LETRA MAHAR</head>
<body>
Letra hadomi IOB la mahar ka metan<br>
<b>Hadomi IOB Letra mahar ka metan</b>
<br><strong>Hadomi linux mos mahar ka metan<strong>
</body>
</html>


Exemplu Hatama imagen
<html>
<head>imagen</head>
<body>
<img src=”IMG_0226.jpg”aling=”left”
Width=”120pxheight=”100px”>
</body>
</html>
Exemplu hatama video
<html>
<head><title>Video</title></head>
<body>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
</body>
</html>
HALO TABELA
Atribut iha <table></table>
Border aling (Halo table)
Aling  color Width  height
<table></table>
Atribut iha <tr></tr>
Aling  bgcolor  color Width  height

Exemplu tabela
<html>
<head><title>TABLE<title></head>
<body>
<td>ida</td>
<td>rua</tda>
<td>3</tda></tr>
<tr>
<td>ida</td>
<td>rua</tda>
<td>3</tda></tr>

</body>
</html>
<A></A>
Uza Hodi halo link
Atribut: href name:
Exmplu Link:
<html>
<head><title>LINK<title></head>
<body>
<ahref=”imagen.html”back to menu</a><br>
<ahref=”tabela.html”back to menu</a>
</body>
</html>


copyright:Hadomi Timor

No comments:

Post a Comment