You are on page 1of 15

Tīmekļa lapu veidošana

5. HTML pamati
Biežāk lietojamie noformējuma
atribūti
<body>
• background=“bilde.jpg” – fona attēls visai
lapai
• bgcolor= “…” – fona krāsa visai lapai

<body bgcolor="#6666FF" background="background-


pattern.jpg">
<h1> līdz <h6> un <p>
• align=“left” (arī center, right, justify) –
līdzinājums

<h1 align="center">Virsraksts</h1>

<p align="right">teksts</p>
<hr>
• size=“…” (skaitlis) – līnijas biezums
• color=“…” – līnijas krāsa
• width=“…” (skaitlis, pikseļos) – līnijas platums
• align=“…” – līdzinājums

<hr size="5" color="#008000" width="200"


align="right">
<ul> un <ol>
• type=“…” – saraksta veids
• start=“…” – numurs, simbols, ar kuru sākt
skaitīt
<img>
• src=“…” – attēla avots
• align=“…” – attēla līdzinājums
• border=“…” – attēla apmale
• height=“…” un width=“…” – attēla izmēri
pikseļos
• hspace=“…” un vspace=“…” – attālums pikseļos
no attēla horizontālā un vertikālā virzienā
• alt=“…” – attēla apraksts (lietderīgs, ja tas
neielādējas)
<a>
• href=“URL” – mērķa saite:
– href=“dokuments.htm” – relatīva saite uz
dokumetu
– href=“http://a.lv/dokuments.htm” – saite uz ārēju
dokumentu
– href=“mailto:lietotajs@mail.lv” – saite uz e-pastu
• target=“…” – vieta, kur tiek atvērts dokuments
<table>
• width=“…” (pikseļi vai % no ekrāna platuma) – tabulas
platums
• cellpadding=“…” (pikseļi) – attālums no šūnu satura līdz
malai
• cellspacing=“…” (pikseļi) – attālums starp šūnām
• border=“…” – apmales biezums
• bgcolor=“…” – fona krāsa
• align=“…” - līdzinājums

<table cellpadding="2" cellspacing="3" border="1"


bgcolor="#FF0033" width="80%" align="center">
<tr>
• bgcolor=“…” – rindas fona krāsa
• align=“…” – rindas līdzinājums
• valign=“…” (top, bottom, middle) – rindas
vertikālais līdzinājums

<tr bgcolor="#006600" align="center"


valign="top">
<td>
• bgcolor=“…” – šūnas fona krāsa
• align=“…” – šūnas līdzinājums
• valign=“…” (top, bottom, middle) – šūnas vertikālais
līdzinājums
• colspan=“…” (šūnu skaits) – apvienot šūnas
horizontāli
• rowspan=“…” (šūnu skaits) – apvienot šūnas vertikāli
• height=“…” (pikseļi) – šūnas augstums
• width=“…” (% vai pikseļi) – šūnas platums
Lielākā daļa iepriekš minētie atribūti
paredzēti noformējuma pamatu
apgūšanai. To regulāra un masveidīga
lietošana lapu izstrādē nav ieteicama!
class
id
style
title

UNIVERSĀLI LIETOJAMIE ATRIBŪTI


title
• Teksts, kurš parādās kā
tool tip – dzeltenais
rāmītis

<ol type="1" title="saraksts">


<li>asd</li>
<li>asd</li>
<li>asd</li>
</ol>
style
• Noformējuma atribūts. Nosaka katra konkrētā
elementa stilu kopumu. Izmanto CSS
pierakstu.
style

You might also like