MATERIA WEBSITE BASICO
UTILIZA HTML
u HTML mak hanesan liafuan ne'ebe mak sigla ka
habadak husi Hyper text Markup Language.
u Katak HTML mos hanesan linguagem Markasaun nebe baze
fundamental ba Website nian.
FUNSAUN HTML
u HTML nia funsaun ita
uza kria website hodi hamosu :
Texto, Imagen, Grafiku Audio, no Vidio
iha website nia laran
u HTML mak hanesan linguagem Markasaun ida ne'ebe kria iha tinan
1984 husi matenek nain ida ne'ebe maka ho naran Tim Beners Lee. Depois
ida ne'e Tim Beners Lee mos kria HTTP, WWW, Web Server no Web
Page. Tamba liu husi matenek nain ida ne’e nia hanoin ho kreativu maka
ohin loron ita bele asesu ba iha internet, ita bele halao peskiza, chating nst.
<!DOCTYPE html>
<html>
<head>
<meta
charset="utf-8">
<meta
name="viewport" content="width=device-width,
initial-scale=1">
<title>Aprende
HTML Basic </title>
</head>
TIPU HUSI HTML
IHA 3
.TAG :
HNSN <B> <hr> NST
.ATRIBUTE
: HUSI ALIGNT SIRA
.VALUE
: HNSAN COR
<body>
Ida ne mak fatin atu ense info websitE
<br>
Atu halo lina foun ita sei uza <br>
Exemplu:
Hau Lina primeiru<br> Hau lina segundu
<br>
<P></P>
<P align="left"> Halo parte karuk
</P>
<P align="right"> Halo parte los
</P>
<P align="center"> Halo parte klaran
</P>
<br><br>
LETEN <hr> KRAIK
<br><br>
<FONT>
<font
size="1">medida1</font><br>
<font
size="2"> medida2</font><br>
<font
size="3"> medida 3</font><br>
<font
size="4"> medida4</font><br>
<font size="5">
medida5</font><br>
<font size="6">
medida6</font><br>
<font
size="7"> medida7</font>
<br><br>
<FONT FACE>
<font face="Arial">Hadomi
Timor</font><br>
<font face="Tahoma">Hadomi
Linux</font><br>
<font face="Broadway">Hadomi
Timor</font><br>
<font face="CourierNew">Hadomi Linux</font><br>
<font face="Impact">Hadomi
Timor</font>
<br><br>
<font
color="Yellow">Kinur</font><br>
<font
color="red">Mean</font><br>
<font color=“#ff0000”> Ne mos Mean</font>
<font color=“green”>Modok</font><br>
<font color=“black”>Metan</font><br>
<br>
<marque>Halo leta halai
tesik</marque>
HEADING
<h1> Hadomi Timor HEADING 1</h1>
<h2> Hadomi Timor HEADING 2</h2>
<h3> Hadomi Timor HEADING 3</h3>
<h4> Hadomi Timor HEADING 4</h4>
<h5> Hadomi Timor HEADING 5</h5>
<h6> Hadomi Timor HEADING 6</h6>
<br>
<B>
<b> Hadomi Timor Letra Mahar Ka Metan </b>
<br>
<strong> Hadomi Linux Mos Mahar Ka Metan
</strong>
<br>
<I></I>
<i> Hadomi Timor letra kleuk </i> <br>
<em> Hadomi Linux mos letra kleuk </em>
<br>
<U></U>
<u> Lina iha letra Hadomi Timor nia okos
</u>
<br>
IMAGE
<img src="IMG_0226.jpg"
align="left" width="120px" height="100px" >
<br>
TABEL
<table border="1">
<tr>
<td>Ida</td>
<td>Rua</td>
<td>Tolu</td> </tr>
<tr > <td>Ida</td>
<td>Rua</td>
<td>Tolu</td> </tr>
</table>
<br>
LINK
<a href="imagen.html"> back to menu
</a> <br>
<a href="tabela.html"> back to tabel
</a>
<br>
<a href="FelyzzGerhana@gmail.com">
Manda email</a>
<br>
LIST
<ol type="a">
<li>Nicho Linux</li>
<li>Ali Preman</li>
<li>Olira Alfa</li>
</ol>
<br>
<ul type="disc">
<li>Lamata</li>
<li>Olira</li>
<li>Leylor</li>
<li>Larikua</li>
</ul>
<br>
<form> Naran: <input type="text"
Naran="Naran">
</form>
<br>
<form>
Hobby: <br>halomarbola<input
type="radio" name="hobby" value=" halomarbola
">
Musika<input type="radio"
name="hobby" value="musika">
travelling<input type="radio"
name="hobby" value="travelling">
</form>
<form>
Hobby: <br> halimarbola<input
type="checkbox" name="hobby" value=" halimarbola
">
Musika<input type="checkbox"
name="hobby" value="musika">
travelling<input type="checkbox"
name="hobby" value="travelling">
</form>
<br>
<form>
<input type="button"
value="next">
</form>
<br>
<form>
Komentariu: <textarea name="komentariu"
rows="6" cols="15"> </textarea>
</form>
<br>
<form>
Status: <select name="status">
<option value="Kabenain"> Kabenain <option
value="Klosan"> Klosan
<option value="FetoFaluk">Janda
<option value="ManeFaluk">Duda </select>
</form>
</body>
</html>
CSS ho sigla (Cascading Style Sheet) hanesan linguagen ida ne’ebé servisu hamutuk ho html atu halo definisaun oinsa pajina web ida ne’ebé públiku ka aprezentasaun ne’e mos liu husi style ho modelu testu ida, link, bele mos layout ba pajina ida.
CSS hafasil ba kria no dezenvolve web atu fo sai pajina ne’ebé mak fasil no lalais atu asesu.
FUNSAUN CSS
u CSS nia fusaun atu servisu hamutuk ho html atu halo dezeñu website ne’ebé kapas no furak liu husi nia estali sira .
u Hanesan Kor
u Modelu Letra nst.
HISTORIA CSS
u Tuir matenek na’in (Sulistyawan Subianto Saleh) katak css (cascading style sheet) ne’e nia lingugem ne’ebé regula aparensia iha dokumentu jerál ida. Css ne’e uza atu jere tuir dokumentus sira no permite ba iha pagina ho formatu oin-oin
u CSS 1.
Pada tanggal 17 Agustus 1996 World Wide Web Consortium (W3C)
- CSS 2. iha tinan 1998
- CSS 3. ho verrsaun nebe foun
APLIKASAUN UZA HODI PRATIKA
Web Browser :
v Mozila Firefox, Google chrome, Edge, internet Explorer nst
v Text Editor :
v Notepad ++, Subline text, Visual Studio Code, nst)
MATERIA PRATIKA
TIPU CSS IHA 3 :
v .INLINE
v .INTERNAL
v .EXTERNAL
SELECTOR HUSI CSS IHA 3 :
.ID
.CLASS
.TAG
Tuir mai exemplu husi inline, Internal , ho external CSS iha file HTML.
Inline uza iha HTML nia laran
<!DOCTYPE html>
<html>c
<head>
<title>Css Inline</title>
</head>
<body>
<h1 style="color: blue; font-family: arial; font-
size: 100px; text-align: center;">Hi, Kolega
sira</h1>
</body>
</html>
husi CSS Internal
<!DOCTYPE html>
<html>
<head>
<title>Exemplu husi CSS Internal </title>
<!-- contoh internal css dalam tag head -->
<style type="text/css">
p{
font-family: arial;
line-height: 2.75em;
font-size: 16px;
}
i {
font-family: arial;
color: blue;
}
</style>
</head>
<body>
<h2>Niagahoster</h2>
<p>halo paragrafu</p>
<i>Halo letra halis</i>
</body>
</html>
External uza link file ket- ketak
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
0 Comments