Seletaja

KõrvalRyan Dube

Viimati uuendatud22. juuni 2021

HTML on märgistuskeel, mida veebisaidi arendajad kasutavad kõigi Internetis leiduvate veebilehtede loomiseks.

Mis on HTML?

HTML tähistab hüpertekstide märgistuskeelt. See määratleb veebilehe kujunduse ja struktuuri, kasutades vormindamise „silte” sulgudes, mis koosnevad sümbolitest vähem kui „”.

Iga veebilehe element sisaldab konkreetset silti, mis ütleb brauserile, kuidas selle lehe osa vormindada või üles ehitada. Seega on terve veebileht lihtsalt nende elementide jada.

Näiteks sisaldab üks kõige elementaarsemaid veebilehti järgmist:

• : Tähistab HTML-faili algust ja lõppu
• : Tähistab veebilehe päise teabe algust ja lõppu
• : Sildistab pealkirja, mida tuleks kuvada brauseri tiitliribal
• : Tähistab veebisaidi sisu algust ja lõppu
• kuni: Kogu dokumendi päised suurest (H1) kuni väga väikeseks (H6)
• : Lisab lõigu pausi, kui kaks käru naaseb (üks tühik ridade vahel)
• 
  : Lisab reavahetuse (ridade vahel pole tühikut)
• : Rasvav tekst siltide vahel
• : Kursiivis siltide vahel olev tekst
• : Lisab pildi kõikjale, kus see silt olemas on
• : Lisab dokumendi sisse lingi teisele veebilehele

Võite kasutada palju muid HTML-silte, kuid ülaltoodud on kõige levinumad Interneti-veebisaitidel.

HTML-faili näide

Oma veebilehe loomiseks pole vaja programmeerimise tausta. Tegelikult saate Notepadi kohe avada, sisestada mõne lihtsa teksti ja salvestada selle .html või .htm failina. See võib olla esimene teie loodud veebileht ja teil on vaja ainult oma arvutit.

Järgnev on näide väga lihtsast HTML-failist.

See on esimene päis

See on minu esimene lõik.

See on teine ​​rida

See on veel üks lõik.

See hüpertekstide märgistus töötab järgmiselt.

1. Esimesed kaks rida ütlevad brauserile, et dokument on HTML-vormingus ja keel on inglise keel.
2. Lehe pealkiri suletud seadistage brauseri veebileht kuvamiseks kui „Veebilehe pealkiri“.
3. Sektsiooniga lisatud ja ütleb brauserile, et need read sisaldavad veebisaidil kuvatavat sisu.
4. Päis lisatud

   ja

   sildid loovad HTML-i suurimas päisefondis “See on esimene päis”.
5. The

   ja

   sildid lisavad tühiku pärast tühiku silt.
6. The
   silt lisab selle lause järele ühe reavahe.
7. dokument lõpeb ja veebilehe laadimine peatub selles punktis.

Siin on ülaltoodud veebilehe fail, kui avate selle oma brauseriga.

Nagu näete, on veebilehe loomine lihtne, isegi kui teil pole veebiserverit. Vaja on luua HTML-fail ja laadida see oma

Kuidas HTML töötab

Ilmselt ei salvestata enamikku lehti arvutisse. Selle asemel hoitakse neid veebiserverites Internetis. Niisiis, kui külastate mõnda veebisaiti artiklit või muud sisu, saadab server teie brauserile .html-faili, mis sisaldab selle lehe sisu.

Chrome'i brauseri mis tahes veebilehe HTML-koodi näete hiire parema nupuga klõpsates ja valides Vaata lehekülje allikat.

See näitab teile veebilehe taga olevat koodi. Faili ülaosas oleva esimese sildi järgi näete, et see on HTML-fail.

Kuid märkate ka, et lähtekood sisaldab muud tüüpi silte, mis pole üldse HTML-märgendid.

Manustatud skriptid HTML-failides

Näiteks võite näha koodi, mis kutsub .php- või .js-faile. Need on PHP ja Javascripti skriptid, mis võimaldavad dünaamilisi veebilehti, mis laadivad erinevat sisu sõltuvalt kasutaja sisenditest või muud skriptid mis töötavad veebiserveris või brauseris ja edastavad sisu samasse HTML-faili, mida teie brauser loeb.

Kuna HTML on "staatiline" meetod, mida kasutatakse veebilehe sisu vormindamiseks, vajavad veebidisainerid dünaamilisemat viisi lehe sisu muutmiseks vastavalt sellele, kus brauserid hõljuvad või klõpsavad. Brauserid saavad Javascripti koodi sisse lugeda ja tõlgendada, muutes veebilehe vormingut või muid elemente vastavalt kasutaja suhtlemisele.

Näiteks muudavad lehe menüüd värvi alati, kui hõljutate kursorit iga menüüelemendi kohal.

Veebilehele sisseehitatud PHP-kood võimaldab näiteks dünaamiliste nuppude korralikku tööd. Näiteks Kommentaarid Sellel saidil kuvatavate artiklite allosas olev nupp on juhitud PHP-koodiga, mis töötab serveris ja edastab igale artiklile postitatud kommentaarid.

Samuti lubab PHP veebiadministraatoritel luua uuenduslikke funktsioone, nagu lõpmatu kerimine, mis jätkab uute artiklite laadimist saidi põhilehel alla kerimisel.

Tänu kaasaegsetele veebipõhistele skriptikeeltele pole tänapäeva veebilehed enam ainult staatilised, mida kõik HTML-kood üksi lubavad.

Muud HTML-märgendid

Kui olete valmis oma HTML-failide loomisega alustama, peate teadma, kuidas kasutada kõige tavalisemaid HTML-märgendeid lisaks ülalkirjeldatud elementidele.

Järgnevalt on toodud mõned näited veel mõnedest HTML-märgenditest, mida saate kasutada oma veebilehtede kodeerimisel.

HREF linkide lisamiseks

Veebilehele lingi manustamiseks kasutage a href.

Hey Siri abil saate oma iPhone'i üles leida

See seob teksti „Leidke oma iPhone Hey Siri abil” URL-i lingiga, mille olete lisanud jutumärkidesse pärast sõna „href =”.

IMG SRC piltide lisamiseks

Sa saad lisada pilte veebisaidile img src.

See tõmbab veebiserverist pildi my-picture.jpg ja kuvab selle lehel, kuhu olete selle märgendi paigutanud, laiusega 150 pikslit ja kõrgusega 120 pikslit.

The alt parameeter kuvab teksti "minu profiilifoto" brauserites, mis ei saa pilti kuvada. Kui te ei sisalda parameetrit „stiil”, kuvatakse pilt selle algsel eraldusvõimalusel, mis võib olla liiga suur või liiga väike selle lehe ala jaoks, kuhu te selle manustate.

UL ja OL loendite loomiseks

Kui soovite oma sisus kasutada täpp- või nummerdatud loendeid, on teil kaks seda võimaldavat silti.

Järgmine kood lisab nummerdamata loendi (täpid):

Punkt 1

Punkt 2

Punkt 3

Kasutage

loendi alguses ja

loendi lõpus. Sisestage kõik üksused seestpoolt

ja

sildid.

Sama lähenemist saate kasutada nummerdatud loendi jaoks, kasutades

mis tähistab “Tellitud nimekiri”.

Punkt 1

Punkt 2

Punkt 3

Tabelite lisamine

Veebidisainerid kasutasid veebilehtede vormindamiseks varem suuri tabeleid. Kuid kaskaadstiilide (CSS) ilmumisega pole see enam vajalik. Selle asemel salvestatakse CSS-failid veebiserverisse ja HTML-lehed helistavad nendele failidele, et määrata, kuidas vormistada näiteks veeriseid, fondisuurust, värve ja muud.

Tabelid on siiski kasulikud näiteks andmete kuvamiseks. Tabeli lisamiseks lisage sisu algus tähisega

ja lõpetage sellega .

Katke iga rida tähisega

ja ja iga veeru päis koos ja . Iga tavaline lahter lisage ja .

Nimi
Aadress
Telefoninumber


Ryan Dube
100 Jones Lane; Johnson City, TN
317-555-1212

See väljastatakse veebilehele järgmiselt:

Ainult nende põhielementide abil saate luua kasulikke staatilisi veebilehti, et oma sisu Internetis kuvada. Kõik, mida vajate, kui soovite selle avalikuks muuta ja kogu maailmale nähtavaks muuta, on registreerumine a veebimajutuskonto ja salvestage failid oma konto avalikku kausta.

Tegelikult, oma veebisaidi käivitamine on üllatavalt lihtne, eriti kui otsustate kasutada sisuhaldust platvormi nagu WordPress.

Kuidas

Google Chrome'i vahemälu, küpsiste ja sirvimisajaloo kustutamine

Chrome teeb suurepärast tööd teie sirvimisajaloo, vahemälu ja küpsiste salvestamisel, et veebibrauseri jõudlust optimeerida. Tema enda kuidas ...

Pakkumised

Poehindade sobitamine: kuidas saada veebihindu poes sisseoste tehes

Poest ostmine ei tähenda, et peate maksma kõrgemaid hindu. Tänu hinna sobitamise garantiidele saate veebis allahindlusi ...

Kuidas

Kuidas kinkida Disney Plusi tellimus digitaalse kinkekaardiga

Kui olete Disney Plusi nautinud ja soovite seda teistega jagada, saate Disney + Gift'i tellimuse osta järgmiselt.

Kuidas

Teie juhend dokumentide jagamiseks teenuses Google Docs, arvutustabelid ja esitlused

Saate hõlpsasti Google'i veebipõhiste rakendustega koostööd teha. Siin on teie juhised õiguste jagamiseks teenustes Google Docs, Sheets ja Slides ...