V tem članku se boste naučili, kako uporabiti HTML za pisanje svojega prvega spletnega mesta! Članek bo zagotovil ilustrativne primere za boljše razumevanje. Takoj se rezervirajmo, da je bil članek prvotno zasnovan za tiste, ki se šele začenjajo učiti HTML. Poleg tega obljubljamo, da boste ob koncu branja tega članka zagotovo ustvarili svoje prvo spletno mesto.
HTML pomeni HyperText Markup Language, to je jezik za organiziranje besedila.
Za razliko od programskih jezikov (JavaScript, PHP, itd.), ki uporabljajo skripte za izvajanje dejanj na spletnih mestih, jezik zaporedja (HTML) uporablja oznake za označevanje vsebine spletnega mesta.
Začnimo se učiti HTML iz nič
Tako kot je angleščina sestavljena iz črk A, B, C itd., tako je HTML sestavljen iz posebnih "črk":,,
itd. Spletni skrbniki imenujejo te posebne "črke" jezika HTML oznake.
Naslednji je primer oznake HTML.
Oznake Ustvarite podčrtaj okoli robov tega besedila.
HTML oznake, združene z jezikovnimi slogi CSS, vam omogočajo hitro in učinkovito ustvarjanje spletnih mest.
Mesto HTML-ja med drugimi jeziki
Kot veste, dobro spletno mestovgrajeno v vsaj 5 jezikih.
Sodobno spletno mesto je zgrajeno v jezikih:
- HTML (struktura in naročanje).
- CSS (vsebina sloga).
- JavaScript (dejanja brskalnika).
- PHP (strežniško dejanje).
- SQL (shramba podatkov).
HTML je glavni temeljni jezik, na katerem temeljijo drugi. Zato bi moralo biti učenje HTML-ja prvi korak za vse, ki se učijo graditi spletna mesta na spletu.
oznaka
Jezik HTML se je v preteklih letih od ustanovitve spremenil. Trenutno večina spletnih mest prehaja na najnovejšo različico jezika - HTML5. Toda tudi v HTML5 osnove jezika ostajajo nespremenjene.
Struktura strani HTML je kot sendvič. Tako kot ima sendvič dve rezini kruha, ima dokument HTML začetno in zaključno oznako HTML.
Te oznake, kot je kruh v sendviču, obdajajo vse v notranjosti.
oznaka
Ko se boste še naprej učili HTML, se morate zagotovo seznaniti z oznako. Neposredno znotraj nadrejene oznake je vsa vsebina spletnega mesta, vključno z oznako. Ta oznaka je obvezna in vsebuje vse nastavitve strani spletnega mesta, za katero je napisana. Te nastavitve niso vidne obiskovalcem spletnega mesta, vidijo jih samo brskalniki (Google Chrome, Mozilla Firefox itd.).
Blok nastavitev spletne strani vsebuje vse "neupodobljene" elemente, ki pomagajo brskalniku pravilno prikazati vaše spletno mesto v spletu.
Vse možnosti, kise lahko konfigurira znotraj oznake, si jo bomo ogledali, a malo kasneje - ko bo čas.
oznaka
Oznaka, tako kot oznaka, je znotraj oznake.
Ta oznaka je potrebna, da na vašem spletnem mestu prikažete vse informacije, ki jih želite prikazati.
Naslovi, odstavki, tabele, slike in povezave so le majhen del elementov, ki jih lahko vsebuje oznaka.
Osnovna struktura dokumenta HTML:
… …
Vaše prvo spletno mesto
Zdaj veste, da lahko ustvarite spletna mesta z uporabo HTML-ja in da se za to uporabljajo osnovne oznake:
- . Orisuje meje spletne strani.
- . Vsebuje nastavitve za prikaz spletne strani v brskalniku.
- . Vsebuje vse elemente spletne strani (slike, videoposnetke, besedilo itd.), ki jih želite prikazati obiskovalcem spletnega mesta.
Druge oznake, kot so,,, bomo kmalu govorili.
Bilo bi super, če bi bralec ne samo prebral tega članka, ampak bi tudi takoj stekel, da bi izpilil svoje veščine. Če želite izpopolniti svoje znanje HTML, boste morali ustvariti svoje prvo spletno mesto, ki bo služilo kot poligon za vaše nove veščine.
Vemo, da nam mobilni operaterji ("MTS", "MegaFon" in tako naprej) zagotavljajo mobilne storitve. Na enak način nam storitve za ustvarjanje in upravljanje spletnih mest zagotavljajo operaterji gostovanja. Če želite ustvariti svoje spletno mesto, pojdite na spletno mesto katerega koli operaterja brezplačnega gostovanja.
Preverjeni ponudniki gostovanja vključujejo BEGET ozreg, na primer. Izberete lahko kogar koli.
Po kratki registraciji bo po 24 urah samodejno ustvarjena vaša prva spletna stran na internetu, ki bo vidna celemu svetu in lahko začnete vaditi!
Sodobna struktura spletnega mesta
Zdaj, ko imate svoje spletno mesto, preverite, katere oznake vsebuje oznaka in kako organizirajo informacije na spletnih mestih.
Zgornja slika je shematski prikaz strukture, ki je priložena najnovejšo različico jezika HTML - HTML5. Skupaj s HTML5 niso prišle le nove oznake, ampak tudi pomen gradnje spletnih mest. Vse oznake, ki jih vidite na sliki, so v glavni oznaki. Te oznake vam pomagajo "orisati" strukturo vašega spletnega mesta in ji dati pomen.
Na primer, znotraj oznak … je priročno postaviti naslov spletnega mesta (oznake) in opis mesta (oznake).
Meni (povezave) spletnega mesta (oznake) je priročno postaviti znotraj oznak.
Priročno je, da v oznake postavite kateri koli velik blok informacij, povezanih po pomenu. Lahko je več člankov, od katerih je vsak "zavit" v oznake, ali fotografije (oznaka) ali tabele (oznake
) in še več.
V oznake je priročno postaviti vse informacije, ki ne ustrezajo pomenu besede.
Znotraj oznak je običajno postaviti dodatne informacije, kot so kontaktni podatki, dodatni razdelki spletnega mesta itd.
Torej, zdaj ste nekoliko bolj spretni v tem, iz česa so narejena sodobna spletna mesta. Vzemimo primer zanemir v moji glavi je zamenjalo strahospoštovanje zaradi vpogleda.
Ko torej odprete upravitelja datotek na spletnem mestu vašega operaterja gostovanja in najdete dokument, imenovan index.php, lahko vanj, kot iz nič, napišete strukturo svojega spletnega mesta.
Moje prvo spletno mesto
Naslov strani
Opis strani
Povezava 1 | Povezava 2 | Povezava 3
Naslov nekega članka
To je blok, ki vsebuje kakršne koli informacije in s pomočjo CSS-ja lahko ta blok in celotno stran z vso vsebino obarvate tako, kot želite. © Vse pravice pridržane
Se spomnite, da smo rekli, da obstajajo različne nastavitve za spletno mesto? No, tukaj je:
- Z uporabo brskalnikov pokažemo, da lahko spletno mesto vsebuje ruske in angleške znake (v nasprotnem primeru, ko odprete spletno mesto, boste videli grozne krakozyabry).
- se uporablja za označevanje imena strani, ki bo prikazano v zavihku brskalnika in v iskalniku ("Yandex", Google in podobno).
Seveda bo vaše spletno mesto brez oblikovanja CSS videti skopo (črne črke na belem ozadju), vendar najprej poskusite napisati svojo prvo stran v HTML-ju.
Čestitamo! Pravkar ste ustvarili svojo prvo spletno stran na svojem spletnem mestu! Bo bolj zanimivo!
