Pomagalnik » HyperText Markup Language

Notranje povezave ali sidra – Anchors

Jiga — Wed, 10 Mar 2010 07:13:48 +0000

Vsi smo v svoji internet izkušnji že naleteli na notranje poveza oziroma sidra. Sidra so povezave, ki delujejo znotraj strani in nas ponavadi pomikajo na določen del vsebine na sami strani.

Sidra ponavadi uporabljamo pri daljših besedilih, npr. na začetku izpostavimo poglavja, ki so "polinkana" na besedilo nižje. Druga bolj pogosta uporaba sidre pa je povezava Na vrh (TOP), ki nas ponavadi iz noge spletne strani pripelje na vrh.

Primer kode za označbo, kam naj povezava kaže:

PRVO POGLAVJE

Primer povezave:

PRVO POGLAVJE

V povezavo lahko navedemo tudi spletno stran:

PRVO POGLAVJE

Enako velja za celotne URL-je, kadar "linkamo" iz drugi mest, kjer je potrebno na koncu dodati oznako za sidro, npr.: http://www.domena.com/ime_datoteke.html#POGLAVJE_1.

Dodatne informacije: http://www.w3schools.com/HTML/html_links.asp

iFrame

Jiga — Mon, 22 Feb 2010 05:24:21 +0000

iFrame je HTML značka, ki nam omogoča, da spletno stran razdelimo v različne okvirje. V slednjih lahko potem prikazujemo poljubne vsebine. S tem se zmanjša prenos podatkov, saj se ponavljajoči deli, kot so navigacija, glava, noga, ... že prikazana, tako se menja samo vsebinski del.

Takšen način izgradnje spletnih strani je bil v veljavi na samih začetkih interneta. Zaradi boljših internetnih povezav in zaradi spletne optimizacije, se takšnih strani ne izdeluje več. iFrame lahko še srečamo pri implementaciji različnih drugih vsebin, kot so Google maps, Flicker, ... na naše spletno mesto.

Primer kode za iFrame

Vaš brskalnik ne podpira okvirjev.

Uporabnikom, ki nimajo možnosti prikaza iFrama se prikaže obvestilo.

Dodatni viri:
Wikipedija: http://en.wikipedia.org/wiki/HTML_element#Frames
w3schools: http://www.w3schools.com/TAGS/tag_iframe.asp

HTML5

Jiga — Thu, 21 Jan 2010 23:10:49 +0000

HTML5 je nova verzija HTML (Hypertext Markup Language) programskega jezika. HTML je glavni programski jezik svetovnega spleta (World Wide Web). Specifikacija jezika se je začela razvijati junija 2004 in je od oktobra 2009 v "Last Call" statusu.

HTML5 naj bi bil naslednjik standarda HTML 4.01, XHTML in DOM level 2 HTMLja.

Več informacij o HTML5 lahko najdete na:

CSS trik: Namesto naslova grafika ali slika

Jiga — Mon, 12 Oct 2009 03:00:14 +0000

Velikokrat si želimo zamenjati kakšen naslov z grafiko ali sliko in obdržati vse prednosti optimizacije, kadar gre za naslove H1, H2 in H3.

Vse to lahko dosežemo s pomočjo CSS kode, ki nam zamenja besedilo v znački z željenim elementom.

Slika namesto naslova

Naslov h2

CSS

h2 { display:block; background-image:url(http://www.pomagalnik.com/wp-content/uploads/h2.jpg); background-repeat:no-repeat; text-indent:-9999px; width:125px; height:55px;}

HTML

Naslov h2

Slika namesto naslova + povezava

Naslov h2

Primer kode, ki zamenja naslov z sliko. Naslov je tudi aktivna povezava, ki ob zamenjavi ostane, tako da ima tudi grafični element povezavo.

CSS

h2 a {display:block; background-image:url(http://www.pomagalnik.com/wp-content/uploads/h2.jpg); background-repeat:no-repeat; text-indent:-9999px; width:125px; height:55px;}

HTML

Naslov h2

HTML sintaksa MailTo

Jiga — Fri, 02 Oct 2009 04:00:20 +0000

HTML sintaksa mailto je najpogostejša metoda za pošiljanje pošte. Priporočljivo je seveda uporabljati kakšno drugo metodo. Če se vseeno odločite za metodo mailto, priporočam kodiranje e-maila, saj tako zmanjšamo spam pošto. Primer ene metode kodiranja e-maila je na voljo na http://www.ianr.unl.edu/email/encode/.

Sintaksa mailto odpre vaš e-mail program(ponavadi Outlook) in v polje "ZA" vpiše prednastavljen e-mail. Poleg e-maila lahko dodamo še druge atribute:

več naslovnikov
naslov
dodajanje naslovnikov v "CC" in "BCC"
vsebino e-mail sporočila

Primeri sintakse mailto

Mailto in dodaten naslovnik

Mailto in naslov

Mailto in dodaten naslovnik v "CC"

Mailto in dodaten naslovnik v "BCC"

Mailto in pripravljena vsebina

Mailto in več vrstic vsebine

"%0A" - postavi nas v novo vrstico

Programski jezik HTML

Jiga — Tue, 23 Dec 2008 06:32:01 +0000

HTML - Hyper Text Markup Language.

Za programski jezik HTML(http://www.w3schools.com/html/default.asp) ni potrebno matematično znanje, ki je potrebno za druge programske jezike. HTML je programski jezik, ki z zaporedjem ukazov pove, kako naj se stran prikaže na zaslonu. Ukaze imenujemo značke oziroma po angleško »tags« (slika). Začetek značke vedno pišemo med znake < in >, konec pa med , datoteke imajo končnico .html ali .htm. HTML programski jezik se uporablja za izdelovanje spletnih strani na svetovnem spletu. Je podmnožica mednarodnega standarda imenovanega SGML – Standard Generalized Markup Language. Uporabnik za pregledovanje spletne strani potrebuje posebno programsko opremo, ki jo imenujemo brskalniki. Jezik HTML nam omogoča izdelavo datotek z besedilom, tabelami, slikami, povezovanje strani preko povezav, izdelavo obrazcev, ...

Primer HTML-ja

Več o HTML
http://www.w3schools.com/html/default.asp