<html></html> – html failo pradinės žymos
<head></head> – ‘galva’
<title></title> – svetainės pavadinimas. title – dedame head bloke
<body></body> – turinys
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> – html dokumento versija
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
DOCTYPE DEKLARACIJOS: http://www.w3schools.com/tags/tag_doctype.asp
<meta> – dokumento parametrai paieškos sistemai ir kitus
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name=”description” content=”bogas”> – svetainės aprašymas
<meta name=”keywords” content=”key1, key2″> – raktiniai žodžiai
<link> – linkai/nuorodos
<link href =”style.css” rel=”stylesheet” type=”text/css” > – linkas į CSS [href - kelias iki failo su styliais, rel - nurodome styliu lentele, type= formatas texto]
Teksto ‘redaktoriai’:
<h1></h1> – pavadinimo tegas
<h2></h2> – pavadinimo tegas
<h3></h3> – pavadinimo tegas
<h4></h4> – pavadinimo tegas
<h5></h5> – pavadinimo tegas
<h6></h6> – pavadinimo tegas
po pavadinimo tago pradedame nauja eilute!
<br> – perėjimas į sekančią eilutę
<p></p> – pastraipa
<pre></pre> – pateikia tekta toks koks yra dokumentą (t.y. išsaugome enter paspaudimus – be <br> ir <p>)
<strong></strong> – paryškina tekstą
<b></b> – analogija strong
<i></i> – pakreiptas tektas
<u></u> – pabrauktas tekstas
<sub></sub> – nuleistas tekstas
<sup></sup> – pakeltas tekstas
<strike></strike> – perbrauktas tekstas
<hr> – linija
<font></font> – šrifto tagas
<div></div> – blokas
Atribūtai:
width – plotis (galima išraiška procentais arba pikseliais pvz: <hr width=”20%”> ir <hr width=”20px”>)
size – dydis (%, px,+5)
color – spalva (#spalvos_kodas, pvz: color=”#000066″>
align – lygiavimas (left, center, right)
noshade – šešėlio nuėmimas (tik <hr> tagui)
Linkai (URL – uniform Resource Locator):
<a></a> – linko tegas
parametrai:
href =”" – nuorodos kelias
href=”mailto:” – nuoroda į el. paštą
target – atvertimo vieta (_blank, _parent, _self,_top)
<a href=”" target=”" ></a>
<a href=”" ></a>
<a href=”mailto:” ></a>
href =”#” – vidinė nuoroda (#nuoroda)(pvz: <a href =”#1″>vidinė nuoroda</a>
<a name=”"></a> – vidinės nuorodos tikslas (pvz: <a name=”1″></a>)
Sąrašai:
<ul></ul> – sąrašo tegas (nenumeruotas)
<ol></ol> – numeruotas sąrašas
<li> – eilutė (nereikia uždarymo – </li>)
Paveikslai (paveikslus geriau laikyti atskirame kataloge):
jpeg – su fonu
gif, png – galima panaikinti foną
<img> – paveikslo įkėlimas (nereikia uždarymo)
src=”" – nuotraukos adresas
width=”" – paveikslo plotis
height=”" – aukštis
jeigu naudojame abu argumentus ir vienas netinkamas – paveikslas išsikraipys.
naudojant po 1 argumentą šios bėdos nebus.
align=”" – lygiavimas (bottom – tekstas pradedamas apatinėje paveikslo dalyje. middle – tekstas prasideda centre paveikslo. top – tekstas pradedamas paveikslo virsuje. left – paveikslas keirėje teksto. right -… dešinėje
vspace=”" – vertikalios paraštės
hspace=”" – horizontalios paraštės
alt=”" – paveikslėlio pavadinimas/aprašymas
Lentelės:
<table></table> – lentelės tegas
<caption></caption> – lentelės pavadinimas
<tr></tr> – eilutė
<td></td> – celė/stulpelis
<th></th> – <td> analogas tik sukuria headeri/pavadinimo cėlę
<table><caption></caption><tr><td></td></tr></table>
<table><tr><td></td></tr></table>
border=”" – rėmelis (0 – nėra rėmelio)
width=”" – plotis (100% – per visą ekraną, px)
height=”" – aukštis
background=”" – fono paveikslėlio adresas
cellpadding=”" -atstumas tarp rėmelio ir tūrinio celėje (paraštė)
cellspacing=”" - atstumas taip pagrindinio rėmelio ir celės rėmelio (storis rėmelio)
align=”" – horizontalus teksto lygiavimas (cėlėje) (center,left,right,justify)
valign=”" – horizontalus lygiavimas (cėlėje) (top, middle,bottom)
bordercolor=”" – rėmelio spalva (#0000FF)
bgcolor=”" – fonas celės/eilutės
rowspan=”2″ – sujungia eilutes (dvi eilutes)
colspan=”2″ – sujungia dvi celes (stulpelius)
Pvz sujungtos lntelės
<table>
<tr>
<td rowspan=”2″ ></td>
<td colspan=”2″></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Audio ir video:
– video
<object> - analogas EMBED dedant į youtube/rutube ar panašius.
<marquee></marquee> – bėganti eilutė
Veikia tik IE:
<BGSOUND> – fono garsas (body tege) (tik wav/midi)
<bgsound src=”music/test.wav”>
<IMG DYNSRC=”"> – dinaminis saltinis
<IMG dynsrc=test.avi” controls>
Formos:
<form></form> – formos tagai
action=”" -duomenų gavimo failas
method=”" – perduodamas būdas (POST, GET)
<input> – įvestis
name=”" – pavadinimas
value=”" – turinys
size=”" – ilgis (skaičius)
type=”" – įvedimo tipas
- text – tekto eilutės/žodžio įvestis – <input type=”text” name=”">
- checkbox – varnelė – <input type=”checkbox” name=”" value=”ok”> (name = ok)
- file – failo perdavimas – <input type=”file” name=”"> (reikia <form> tege iterpti enctype=”multipart/form-data”>)
- password – spaltažodis – <input type=”password” name=”">
- radio – ‘radio’ knopkės (vienas pasirinkimas) – <input type=”radio” name=”mokejimas” value=”VISA”><input type=”radio” name=”mokejimas” value=”MasterCard”>(name tokie patys)[checked - užkrovus puslapi bus pažymėtas radio mygtukas]
- hidden – paslėptas duomuo (id) – <input type=”hidden” name=”" value=”">
- submit – duomenų siuntimo knopke – <input type=”submit” value=”"> – value – knopkės pavadinimas
- reset – išvalo įvestus duomenis - <input type=”reset” value=”"> – value – knopkės pavadinimas
- button – mygtukas (kaip ir submit) – <input type=”button” value=”"> – value – knopkės pavadinimas
- image – paveikslui idėti
<textarea></textarea> – teksto blokas
rows=”" – aukštis
cols=”" – plotis
<textarea name=”" rows=”" cols=”"></textarea>
<select></select> – sąrašas
<option> – sąrašo elementas
size=”" aukštis
<select name”"></select>
<form action=”" method=”"></form>
Kiti:
– tarpas
Tuščias šablonas:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional/ EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<meta name=”description” content=”">
<meta name=”keywords” content=”">
<link href =”.css” rel=”stylesheet” type=”text/css” >
<title>
</title>
</head>
<body>
</body>
</html>
