Ukazi HTML za ustvarjanje spletnih mest

Kratica HTML pomeni kot označevalni jezik HyperText. HTML ni programski jezik, gre za označevalni jezik.

Vsi brskalniki lahko pretvorijo to oznako v uporabniku prijazen pogled.

V tem jeziku se uporabljajo posebni ukazi, imenovani oznake. Vsaka oznaka ima svojo lastno funkcijo. Obstaja veliko oznak. V idealnem primeru se morate naučiti vsega. Ampak za razvijalca novic je osnovno znanje dovolj.

Osnovni ukazi HTML

Seznam ukazov HTML je zelo velik. Toda osnovno ni tako veliko. Za začetek pisanja kode potrebujete urejevalnik. Uporabite lahko Notepad. Priporočljivo je, da uporabite Notepad ++. Izgleda takole.

Prednost je, da so v posebnih urednikih oznake označene z določeno barvo, odvisno od kategorije. Ukazi za izdelavo spletnega mesta HTML v beležnici ali drugem programu so enaki. Jezik se uporablja povsod enak. Razvojno okolje je samo orodje.

HTML ima oznake za zapiranje in zapiranje. Tudi v tem jeziku je pojem gnezdenja. Vsak objekt v kodi je element. Element ima začetno oznako, ki tudi zajema vsebino. Poleg tega ima oznaka lastne dodatne lastnosti z lastnimi vrednostmi.

Številka prikazuje dve oznaki in . Ne pozabite, da sta odpiranje in zapiranje enaka, samo "/" je drugačna. Če oznaka ni zaprta, bo vodnik vse ostalo upošteval kot nadaljevanje tega določenega elementa. To je zelo pomembno. Še posebej pri sklicih. Upoštevali jih bomo še malo.

Oznaka zahtevano. Vedno je potrebno pisati. Ampak to ni potrebno zapreti. Po standardih je potrebno, če pa se ne zaprete, bo še vedno delovalo.

Obstajajo še druge glavne oznake: glava in telo.

Ti ukazi HTML so skelet za stran. So obvezni. Zapirajo se tudi.

Ime oznak ustreza pomenu. Vodja glave. V tem razdelku so prikazane storitve in pomembne informacije, ki jih ni mogoče videti. Del telesa je telo dokumenta. Tukaj je vsebina, ki se prikaže uporabniku. Poskusite zaprite oznake naenkrat, tako da kasneje ni zmede.

Oddelek za storitve označuje:

• naslov dokumenta;
• slogovne datoteke;
• skriptne datoteke;
• meta oznake;
• navodila za iskalnike;
• navodila za robote;
• vse druge informacije, ki jih lahko uporabijo programerji, ne pa uporabniki.

Stylesheet povezuje tako:

Skriptna datoteka je naslednja:

Besedilo mora imeti naslov. Določimo jo tako:

To besedilo bo prikazano v naslovu zavihek brskalnika. Tudi ta glava se prikaže kot rezultat iskanja iskalnika.

Oznake za besedilo

Besedilo naj bo v oznaki odstavka. Označeno je kot

Besedilo

Besedilo lahko razberete, tako kot v besedilu:

• poševno
• krepko besedilo
• prečrtano besedilo
• podčrtano besedilo

Besedilo lahko stojimo. Na koncu jih bomo pregledali, ko bomo pregledali druge elemente.

Uporaba glave

Obstajajo še drugi pomembni ukazi HTML. Za ustvarjanje mest nujno uporabite naslove. Navedeni so z uporabo oznake. Obstajajo ravni od 1 do 6. Pomembno je razumeti, da bi bilo treba glave gnezditi.

Primer na sliki.

Upoštevajte, da je priporočljivo uporabljati samo en glava h1. V tem primeru se mora ujemati z oznako

Uporaba slik

Slike so sestavni del spletnih strani. Primer kaže, kako lahko vstavite fotografijo.

Kot lahko vidite, primer podrobno prikazuje, kako in kaj se imenuje.

Uporaba povezav

Če ucite ukaze HTML, potem morate poznati oznake. To je eden od glavnih elementov, ki sestavljajo Svetovni splet.

Povezavo označuje oznaka . Vendar mora biti zaprta. Poleg tega ima ta element obvezen atribut href, v katerem je naveden naslov povezave.

V zgornjem primeru si lahko ogledate, da je namesto besedila povezave prikazana slika. To pomeni, da lahko vstavite besedilo in sliko.

Povezave lahko tudi oblikujete s slogovnimi razredi ali z običajnimi oznakami (ležeče, krepko, podčrtano in prečrtano).

Uporaba tabel

Mize se uporabljajo tudi zelo pogosto. Na začetku so želeli predstaviti informacije v primerni obliki. Potem so jih uporabili za postavitev različnih elementov strani.

Tabela je ustvarjena takole:

Besedilo celice

Besedilo celice

Besedilo celice

Besedilo celice

Atribut širine določa širino tabele. Lahko je v odstotkih ali pikslih. Border označuje debelino okvira.

Struktura je označena na naslednji način. Oznaka tr je niz. Označite td celico. In skupaj je miza.

Tabelo je mogoče poravnati. To se naredi z uporabo atributa align, ki lahko traja tri vrednosti: levo, sredino, desno. Primer uporabe je naveden spodaj.

Ti ukazi HTML (širina in poravnava) so primerni za druge elemente. Debelina okvirja je prikazana tudi na slikah.

Uporaba seznamov

Z uporabo ukazov HTML lahko ustvarite različne vrste seznamov. Skoraj popolnoma enako kot v urejevalniku besedil.

V Html so naročeni in neurejeni seznami (označeni). Primer takega seznama.

Rezultat bo:

• Prvi
• Drugi
• Tretji

Naročeni seznami so ustvarjeni na enak način, vendar samo namesto

, uporabite oznako
.

Tukaj lahko nastavite tudi vrsto izpisa seznama:

• "1" - arabske številke 1, 2, 3 ...
• "A" - velike črke A, B, C ...
• "a" - male črke a, b, c ...
• "Jaz" - velika rimska številka I, II, III ...
• "i" - majhne rimske številke i, ii, iii ...

Arabske številke so standardno prikazane.

Ker so oštevilčeni seznami, imajo začetni atribut, ki določa začetno vrednost seznama. Na primer, lahko prikažete seznam, ki se začne 10. ali 20. leta.

Uporaba slogov

Ukazi HTML za spletno mesto so zelo raznoliki, vendar vsi sledijo slogom. Slogi lahko v glavi razdelite kot datoteko: ali predpiše pripravljen slog.

Upoštevajte, da obstaja razlika med temi opredelitvami sloga. Datoteko s slogom je mogoče določiti na vseh straneh spletnega mesta. Ko jo spremenite, bo ta posodobitev vplivala na celotno spletno mesto kot celoto. Če določite sloge na določeni strani, bodo spremembe in uporaba teh razredov samo znotraj te datoteke. Vaše nastavitve ne bodo prekoračile.

Predstavljajte si, da imate 20 strani HTML-ja in ste se odločili, da bi glava povečali za 2 pik. Če imate vse na slogi, ga morate tam samo urediti. Če je povsod posamično, potem morate posodobiti vseh 20 strani.

Določite lahko samo eno stran, kot sledi.

Ta metoda ni priporočljiva.