You are on page 1of 14

Tīmekļa lapu veidošana

3. HTML pamati
Saraksti, attēli, hipersaites
Atkārtojuma jautājumi
Tags, kurā tiek iekļauti augstākā līmeņa
virsraksti:
• <head>
• <h>
• <h1>
• <heading>
Atkārtojuma jautājumi
Tīmekļa lapas saturs HTML kodā tiek rakstīts
• Uzreiz HTML koda sākumā
• Starp tagiem <body> un </body>
• Jebkurā vietā aiz taga <head>
• Jebkurā vietā, ja pirms tam uzraksta tagu
<html>
Atkārtojuma jautājumi
Tags, kurš izveido jaunu rindu rindkopā
• <line>
• <br>
• <lbr>
• <break>
Atkārtojuma jautājumi
Pareizs tags teksta noformēšanai slīprakstā ir:
• <italic>
• <ii>
• <i>
• <pi>
Atkārtojuma jautājumi
Tekstu HTML kodā pieņemts iekļaut tagos:
• <t>
• <text>
• <paragraph>
• <p>
Atkārtojuma jautājumi
Tags horizontālas līnijas novilkšanai:
• <line>
• <l>
• <hr>
• <hl>
Sarakstu tagi <ol>
<h4>Sakārtots jeb
numurēts saraksts</h4>
<ol>
<li>Matemātika</li>
<li>Latviešu valoda</li>
<li>Informātika</li>
</ol>
Sarakstu tagi <ul>
<h4>Nesakārtots jeb
aizzīmēts saraksts</h4>
<ul>
<li>Rīts</li>
<li>Vakars</li>
<li>Diena</li>
</ul>
Attēlu ievietošanas tags <img>
Vispārīgs pieraksts:
<img src="url">
Attēls no faila:
<img src="earth.png">
Attēls no faila apamkšmapē:
<img src="bildes/earth.png">
Attēls no tīmekļa adreses:
<img src=“http://...../earth.png">
Attēlu ievietošanas tags <img>
<img src="earth.png"
width="474"
height="390">
<br>
<img src="earth.png"
width="237"
height="195">
<br>
<img src="earth.png"
width="47" height="39">
Saites tags <a>
Vispārīgs pieraksts:
<a href="url">teksts</a>
Saite uz html dokumentu:
<a href=“lapa.htm">Klikšķini
šeit</a>
Saite uz citu www adresi:
<a
href=“http://www.apollo.lv/">Ziņas</a>
Saite, kas atveras jaunā logā:
<a href="http://www.apollo.lv/"
target="_blank">Ziņas</a>
Saites tags <a> - cits lietojums
<p>
<a href="#C4">Skatīt ceturtdienu</a>
</p>

<h2>Pirmdiena</h2>
<p>Pirmdien gāja labi</p>

<h2>Otrdiena</h2>
<p>Otrdien gāja vēl labāk</p>

<h2>Trešdiena</h2>
<p>Trešdien nezināju kur likties no
labuma</p>

<h2><a name="C4">Ceturtdiena</a></h2>
<p>Te beidzot ir kaut kas svarīgs</p>
Tagu kopsavilkums
<ol> Numurēts Attēla ievietošana
<li>teksts</li> jeb <img src=“avots”>
sakārtots <img src=“bildes/bilde.jpg>
<li>teksts</li> saraksts
</ol> Saites veidošana

Nesakārtots <a href=“avots”>


<ul> jeb <a href=“lapa.htm”>,
aizzīmēts <a href=http://www.lapa.lv/>
<li>teksts</li>saraksts
Saites veidošana
<li>teksts</li>
<a href=“#A”>Saite uz A</a>
</ul>
<a name=“A”>Uz šejieni vedīs saite uz
A</a>

You might also like