Matadalan HTML no CSS

14 Jun 2014

Tag Link

Tag link <a></a> nian

Atu halo link ida ba pagina seluk, hanesan pajina molok nian nebe ita halo ona ne’e foti file nia naran atu halo nia link iha pagina ne’e. link ne’e make ma uza hodi halo relasaun entre pajina ida ho pajina seluk. Kuandu ita loke website ida depois ita muda kursor ba letra ida mak nia lakan azul ho linha iha kraik ne’e mak naran link. Ne’ebe ita klike sei mosu pagina seluk ou bele mosu ita tab ida fali tuir ida-idak nia pagina setting nian. Atu hatene no koko hadi hare mai ita hakerek no koko koding iha kraik ne’e:

(Hakekek nain rekomenda katak atu estuda pajina web, ita nia file sira ne’ebe ita halo ona tau hamutuk iha folder ida para wainhira halo link ida ba pagina seluk fasil atu hetan nia naran/link)

<html>
<head>
<title>Link</title>
</head>
<body>
Iha link ne'e ita sei bolu file ida naran mofikasaunteks nian
<a href="modifikasaunteks.html">Klike iha ne'e</a> 
Link iha kraik ne'e wainhira ita klike nia sei loke rasik iha tab foun
<a href="modifikasaunteks.html" target="_blank">Klike iha ne'e</a> 
</body>
</html>

NB: labele copy paste deit tamba file foder nia naran lahanesan

Nia resultadu mak hanesan tuir mai ne'e:

Tag Font Nian

Tag Font Usa ba testu ho nia modelu, kor no medida nian, atu hatene liu tan mai ita koko ho koding iha kraik ne'e.
Hakerek koding iha kraik ne’e iha testu editor no save ho nia naran Font.html hotu tiha loke file hare nia resultadu iha browser;

<html>

<head>

<title>Font, Link & Image</title>

</head>

<body>

Ida ne'e ho font Arial

Ida ne'e ho font Verdana

Ida ne'e ho font Verdana

Ida ne'e ho font Verdana

Ida ne'e ho nia kor azul

Ida ne'e ho nia kor kinur

Ida ne'e ho nia kor matak

</body>

</html>

Hotu tiha save, loke folder no file nia naran hodi hare nia resultadu. nia resultadu mak hanesan tuir mai ne'e:

13 Jun 2014

Modifikasaun Testu

Tag Modifikasaun Testu sira nian :

Modifikasaun testu

Hanesan publikasaun molok nian ita estuda konaba tag ho nia funsaun sira, agora ita tama ba pratika tag ida-idak nian. Antes atu halo koding ita halo forder keta ida hodi rai hamutuk koding sira nebe ita sei estuda. Primeiru halo forder ida ho nia naran konforme ita idepois loke notepad++ hodi hakerek koding sira hanesan tuir mai ne’e :

1. Tag modifikasaun testu nian

Hakerek koding iha kraik ne’e iha notepad++ no save ho nia naran ModifikasaunTestu.html no loke folder nebe ita save ba idepois klike dalarua iha file nia naran hadi hare nia resultadu iha browser.

Nia resultadu mak hanesan tuir mai ne'e:

Naran Tag iha HTML

Tuir mai, hatene naran tag sira iha HTML ho nia funsaun :

Lista Tag iha HTML Tag basiku HTML nian :

Naran Tag	Deskripsaun	Atributu
<html></html>	Linha nebe iha leten liu iha kada file html no ida ne'e mak nakloke ba kode html sira.
<head></head>	informasaun geral konaba pagina web nian
<title></title>	Titulu pajina nian nebe hakerek iha Head nia laran
<body></body>	Fatin atu halo setting atributu dokumentu tomak nian	background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth

Modifikasaun testu nian :

Naran Tag	Deskripsaun	Ezemplu
<b></b>	Halo letra sira sai mahar	Letra Mahar
<i></i>	Halo letra sira sai italik	Letra Italik
<u></u>	Halo linha iha letra nia kraik	linha iha letra nia kraik
<h1></h1>	Header 1 nian	header 1
<h2></h2>	Header 2 nian	header 2
<h3></h3>	Header 3 nian	header 3
<h4></h4>	Header 4 nian	header 4
<h5></h5>	Header 5 nian	header 5
<h6></h6>	Header 6 nian	header 6
<sub></sub>	Subscript nian ou halo letra ki'ik iha letra ida nia kraik	Script_sub
<sup></sup>	Superscript nian ou halo letra ki'ik iha letra ida nia leten	Script^sup

Font nian :

Naran Tag	Deskripsaun	Atributu
<font></font>	Atu muda jeitu letra sira nian	color, size, name

Link sira nian :

Naran Tag	Deskripsaun	Atributu
<a></a>	Atu halo link ida ba dokumentus ou pajina seluk	href, target, style, class, name, id

Imajen nian :

Naran Tag	Deskripsaun	Atributu
<img>	Uza hodi foti imajen ou halo link ba imajen ruma	src, alt, name, border, height, width

Formatting nian :

Naran Tag	Deskripsaun	Ezemplu
<blockquote></blockquote>	Uza hodi halo'ot letra no imajen iha tag ida nia laran	Letra blockquote
<ol></ol>	Ordered List : halo lista ida ho numeru	Item
<ul></ul>	Unordered List : halo lista ida ho simbolu / pontu deit	Item
<li></li>	List : Elementu ol ho ul nian nebe hakerek iha ol ou ul nia laran atu halo lista ida	<ol><li>Item</li></ol> <ul><li>Item</li></ul>
<dl></dl>	Definition List : halo define lista ida	Item simples
<dt></dt>	Definition Term : termu definisaun nian	Item simples
<dd></dd>	Definition Description : definisaun deskripsaun lista	Item simples
<p></p>	Paragrafu nian	Testu simples
<br> ou </br>	Troka linha ou linha foun	.....Testu simples
<hr>	Halo linha horizontal ida
<center></center>	Halo elementu ruma ho klaran	Testu Simples

Tabela nian :

Naran Tag	Deskripsaun	Atributu
<table></table>	Atu halo tabela ida, ita tenki hahu ho tag ne'e	border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign
<tr></tr>	Halo linha iha tabela	height, bgcolor, background, align, valign, title
<td></td>	Halo koluna iha tabela	height, width, bgcolor, background, align, valign, title, colspan, rowspan
<th></th>	Ulun/head tabela nian, liafuan otomatikamente sei iha klaran ho mahar	height, width, bgcolor, background, align, valign, title, colspan, rowspan
<tbody></tbody>	Formatu nebe uza ba cell nebe iha tag table nia laran	height, width, bgcolor, background, align, valign
<colgroup></colgroup>	Formatu nebe uza ba tag koluna nian	height, width, bgcolor, background, align, valign, colspan

Form/formulariu nian :

Naran Tag	Deskripsaun	Atributu	Ezemplu
<form></form>	Halo'ot elementu form nian	smethod, action, name
<input type="">	Variasaun husi tipu elementu form	text, password, hidden, radio, checkbox, submit, image, reset
="text"	Ense form ida ho liafuan	name, value, width, maxlength
="password"	Ense form ida ho password	name, value, width, maxlength
="hidden"	Uza hodi halo variavel la hare hetan	name, value
="radio"	Uza hodi hili butaun ida	name, value	Item 1 Item 2
="checkbox"	Uza hodi hili box ida ou rua ba leten	name, value, checked	Item 1 Item 2
="submit"	Butaun submite nebe uza hodi submite buat ruma	value
="reset"	Butaun reset nebe uza hodi reset buat ruma	value
<select></select>	Atu halo combo-box nebe hamutuk ho tag option	size, name
<option></option>	Atu hili opsaun nebe combo-box nia laran	selected, name, value
<textarea> </textarea>	Area testu nian nebe ita bele hakerek liafuan rua ba leten	name, rows, cols, wrap

Maluk sira, ida ne'e mak tag sira ne'ebe iha html hodi uza ba halo pagina web nian ho nia konten no medelu tuir ita nia hakara. Nia tag basiku mak hanesan iha kraik ne'e:

Introdusaun HTML

INTRODUSAUN BADAK KONABA HTML

HTML (Hypertext Markup Language) ne'e lingua markasaun ida ne'be uza hodi halo pagina web nian, hamosu informasaun oi-oin iha pagina web nian no formatu hypertestu simples ne'ebe hakerek ho formatu arkivu ASCII nian, ikus mai sei hamosu formulariu integradu ida.Ho lian seluk, arkivu ida ne'ebe halo Software ho prosesamentu testu nian no rai(save) ho ASCII atu bele sai pajina web normal ida ho comandus HTML.Hahu ho lian ida ne'ebe tempo uluk barak mak uza hodi halo edisaun no impresaun iha mundu ho naran SGML (Standard Generalized Markup Language), HTML ne'e padraun (stardar) ida ne'ebe utiliza atu exibisaun pajiina web sira. HTML ohin ne'e padraun iha Internet definidus no utilizasaun controlada husi World Wide Web Consortium (W3C). HTML halo husi colaborasaun TIM Caillau ho Berners-Lee Robert wainhira sira sei servisu iha CERN iha tinan 1989 (CERN alta enerjia ida ho institutupeskija física, iha Genebra).

Atu aprende html ita presija testu editor ida hanesan notepad, notepad++ nst...se ita nia testu editor hanesan notepad++ seidauk iha entaun bele loke link ne'e : notepad++ hodi bele download.

Sintaksaun basiku HTML nian mak hanesan tuir mai ne'e
<html>
<head>
<title>Fatin hakerek Titulu nian</title>
</head>
<body>
Fatin hakerek koding atu mosu iha pajina web nian....!!
</body>
</html>

koding iha leten ne'e mk ita hakerek ita testu editor, hakerek hotu tiha rai hakerek file nia naran ho nia ekstensaun (.html). hotu tiha, loke folder ne'be ita rai ba, depois klike dalarua iha file nia naran maka nia sei mosu iha browser hanesan Mozila Firefox ou Google Crome nst...se ita sei konfusaun hela bele hare tuir nia medidas tuir mai ne'e:

1.loke notepad++ hodi hakerek koding

2.hotu tiha klike iha file>save as no hakerek file nia naran ho ekstensaun (.html) no klike save maka nia sei rai iha folder nebe ita rai ba

3. loke folder nebe ita rai ba no klike dalarua iha fali nia naran hodi hare nia resultadu iha browser:

4. hare nia resultadu iha browser:

Ida ne'e mak hanesan introdusaun badak konaba HTML nian, atu aprende liu tan ita sei iha materia barak ne'ebe ita sei estuda tuir mai....santai deit BRO, SIS...hein hau no asiste nafatin iha blog ne'e...

14 Jun 2014

Tag Link

Tag Font Nian

13 Jun 2014

Modifikasaun Testu

Tag Modifikasaun Testu sira nian :

Naran Tag iha HTML

Tuir mai, hatene naran tag sira iha HTML ho nia funsaun :

header 1

header 2

header 3

header 4

header 5

header 6

Introdusaun HTML