O slikah: 

1. Vstavljanje (IMG, ALT)
   1. sklicevanje (drugi imeniki, drugi strežniki)
   2. podprti formati
   3. velik znak! - okolje CENTER, tabele
2. HEIGHT, WIDTH
   1. prave dimenzije
   2. kaj, če le h. oz W.
   3. % (spreminjanje velikosti okna)
   4. triki z rdečo piko
3. Položaj (ALIGN)
   1. top, center, bottom
   2. left, right
   3. naj bi postal odvečen
4. Odmik (VSPACE, HSPACE)
5. Slike kot povezave
   1. BORDER=0

6. HTML povezave na to temo

• http://wdvl.com/Authoring/HTML/Tutorial/images.html 

• http://www.ijp.si/tomo/work/courses/seminar98/All/orbanic/html5.htm 
• http://htmlprimer.com/lesson5.shtml 

7. Velikosti slik (optimizacija)

8. Optimizacija WWW strani: 

   • http://www.optiview.com/ 
   • http://www.gifwizard.com/ 
   • http://www.ping.be/amigaphil/BestViewed.html 
   • http://www.webreference.com/authoring/languages/html/optimize/ 
   • http://www.sbpa.csusb.edu/flin/ecommerce/optimize.html  (povezave do 5 interaktivnih spl. mest) 
   • http://www.infohiway.com/faster/ 

Tabele

1. enostavne
   1. zamikanje pri pisanju
   2. TABLE
   3. TR, TD, TH
2. ROWSPAN; COLSPAN (k TD oz. TH)
3. obrobe (BORDER: cell, row, table)
4. ALIGN, VALIGN (poravnava) (vrstica, celica)
5. <TABLE cellpading/cellspacing=> rob okoli vsebine, razdalja med celicami
6. <TABLE WIDTH=70%/70>, TR/TD Width=25, 35%
7. slika element tabele
8. BGCOLOR
   • http://www.visibone.com/ 
   • http://www.pagetutor.com/pagetutor/makapage/bgcolors216.html 
   • http://www.mrl.uiuc.edu/~www/rgbtbl.html#RGBtbl 
   • http://www.schnoggo.com/rgb2hex.html 
   • http://gotomy.com/color.html 
   • http://www.december.com/html/spec/color.html  (imena!)
9. tabela v tabeli
10. povezave
    • http://htmlprimer.com/lesson6.shtml 
    • http://www.ijp.si/tomo/work/courses/seminar98/All/orbanic/html6.htm 
    • http://wdvl.com/Authoring/HTML/Tutorial/basic_tables.html
    • http://wdvl.com/Authoring/HTML/Tables/ 
    • http://wdvl.com/Quadzilla/Tables/ 

Urejevalniki:

• http://wdvl.com/Vlib/Authoring/HTML_Editors.html 
• TextPad
• CUTE HTML 
• HTML Kit 

<META>

To je tag, ki se nahaja v glavi (head) in je prvenstveno namenjen za informiranje robotov in pajkov (search engine). 

<META NAME="Author" CONTENT="Matija Lokar">

<META NAME="Description" CONTENT="Gradivo za predavanje o HTML: slike, tabele, urejevalniki, barve, optimizacija, ...">

<META NAME="Keywords" CONTENT="HTML, slike, pictures, TABLE, IMG, tabele, editors, urejevalniki, barve">

• Author: Vaše ime ali e-mail. 
• Description: Opis vaše strani (izpišejo iskalniki). 
• Keywords: Ključne besede 
• Generator: Program uporabljen za izdelavo strani. 
• Language: Jezik uporabljen na strani. 
• Expires: Kdaj stran preneha obstajati. 
• Revisit: Ponovno me obišči (4 weeks ali 4 months) 
• Robots: All, None, Index, No Index, Follow No, Follow 
  • Index=uvrsti me na svoj spisek 
  • Folow=uporabi tudi notranje povezave 

O Plug-inih

•  http://netforbeginners.about.com/internet/netforbeginners/cs/browsersplugins/index.htm  

O HTML

• http://html.about.com/compute/html/mbody.htm 

Seznam značk v HTML

• http://html.about.com/compute/html/library/tags/bl_index.htm, 
• http://www.willcam.com/cmat/html/tags.html 
• http://www.htmlcompendium.org/Menu/0framefn.htm 

Vodniki po HTML: 

• http://html.about.com/compute/html/msubjecthtml.htm 

Barve: 

• http://www.visibone.com/ 
• http://www.pagetutor.com/pagetutor/makapage/bgcolors216.html 
• http://www.mrl.uiuc.edu/~www/rgbtbl.html#RGBtbl 
• http://www.schnoggo.com/rgb2hex.html 
• http://gotomy.com/color.html 
• http://www.december.com/html/spec/color.html  (imena!)