HTML pradžiamokslis

<HTML> 
<Head> 
<Title> … </Title> 
</Head>
<Body>

………….

</Body>
</HTML>
<body>

atributai (savybės):

bgcolor="spalva" - fono spalva;
background="paveikslelis" - fono paveikslėlis;

Teksto formatavimas:

<b> - paryškintas;

<i> - pasviręs (kursyvas);

<u> - pabrauktas;

Antraštės

<h1>...<h6> — antraštės;

<p> — pastraipos

atributai:

align="left|center|right"

Šriftas

<font>

atributai:

face="šriftas";
color="spalva";
size="dydis".

Pvz.: <font face="Verdana" color="#ffffff" size="1">tekstas</font>

Teksto grupavimas

<br/> - nauja eilutė;

<div> - teksto dalis

<hr> - horizontali linija

atributai:

align="left|center|right"
color="spalva";
size="dydis";
noshade - be šešėlių;
width="skaičius|procentai" - plotis.

Sąrašai

<ul> - nenumeruojamas sąrašas;

atributai:

type="disc|square|circle";

<li> - sąrašo elementas;

<ol> - numeruojamas sąrašas;

atributai:

type="1|a|A|i|I";
start="numeris";

Pvz.:

<ol type="A" start="2">
<li>Vienas</li>
<li>Du</li>
<li>Trys</li>
</ol>

Lentelės

<table> - lentelė;

atributai:

align (žr. aukščiau);
border="taškai" - rėmelis ("0" - be rėmelių);
cellspacing="taškai" - tarpai tarp lentelės langelių;
cellpadding="taškai" - tarpas tarp langelio rėmelio ir į langelį įrašytų duomenų;
bgcolor="spalva" - lentelės fono spalva;
background="grafinis_failas" - paveikslėlis lentelės fone.

<tr> - lentelės eilutė;

atributai:

align (žr. aukščiau);
bgcolor (žr. aukščiau);
valign="top|middle|bottom|baseline" - vertikalus lygiavimas eilutėje.

<th> - lentelės antraštės langelis (tekstas langelyje pusjuodis, centruotas horizontaliai ir vertikaliai);

<td> - duomenų langelis;

atributai:

align (žr. aukščiau);
valign (žr. aukščiau);
bgcolor (žr. aukščiau);
width="taškai|procentai" - langelio plotis lyginant su lentelės pločiu;
height="taškai|procentai" - langelio aukštis;
colspan="skaičius" - kiek stulpelių turi aprėpti konkretus langelis;
rowspan="skaičius" kiek eilučių turi aprėpti konkretus langelis.

<caption> - lentelės antraštė.

Pvz.:

<table border="1" width="50%">
<tr>
<th colspan="2">Antraštė</th>
</tr>
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
</table>

Grafiniai vaizdai tinklalapyje

<img> - grafinis vaizdas;

atributai:

src="paveikslėlio_failo_vardas";
alt="tekstas" – alternatyva vaizdui, jei paveikslėlio neįmanoma pavaizduoti;
border="taškai" – paveikslėlio rėmelis;
width, height – paveikslėlio plotis ir aukštis;
vspace="taškai", hspace="taškai" – paveikslėlio erdvė.

Pvz.: <img src="https://blog.matcharesident.com/wp-content/uploads/2019/07/iStock-944453634-750x450.jpg" width="250">

Nuorodos

<a> - nuoroda (anchor);

atributai:

href="dokumento_adresas" - nuoroda į dokumentą;
name="vardas" - žymė, kai reikia nuorodą sukurti į tame pačiame dokumente esantį objektą.

Pavyzdžiai:

1. Žymė

<a name="pradzia">Čia yra dokumento pradžia</a>

nuoroda į šį objektą užrašoma taip:

<a href="#pradzia">Į pradžią</a>

2. Reliatyvi nuoroda

(į dokumentą, esantį kitame kataloge, pradedant katalogu, kuriame yra dokumentas):

<a href="../kitas/antras.htm">Antrasis puslpis</a>;

3. Bendroji nuoroda:

<a href="http://www.gimnazija.svencioneliai.lm.lt">Švenčionėlių Mindaugo gimnazija</a>

Pakopinių stilių lentelės prijungimas

<link rel='stylesheet' href='style.css' type='text/css'/>

1 priedas. Pagrindinės gairės

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Antraštė</title>
</head>
<body>
<p>tekstas</p>
</body>
</html>