Siitä asti kun Alussa internetin HTML on ratkaisevan tärkeää pyrittäessä tekemään World Wide Web työtä ja näyttävät miten me haluamme sen. Katsotaanpa katsomaan mitä HTML on ja miten se muuttuu sivuille näet päivittäin.
Selkäranka Internetin
HTML on lyhenne sanoista ”hypertext markup language.” Se on koodaus käytetty kieli luoda sivuja että verkkoselaimen voi näyttää. Useimmat web-sivuista Internetissä, kuten yksi luet tämän artikkelin nyt, tallennetaan HTML-tiedostona. Sivustot ovat joukko liittyvän HTML-sivuja tallennetaan palvelimelle jonnekin. Siksi kieli on usein kutsuttu ” selkäranka Internetissä . "
Kun menet sivun Internetissä, olet lähinnä pyytävän HTML-tiedosto tallennetaan palvelimelle. Sitten selain käytät, kuten Chromea tai Firefoxia, jäsentää HTML ja näyttää sen teille sillä tavalla, että se on tarkoitettu.
HTML: n yleisyys ja monipuolisuus tekee siitä yhden suosituimmista markup language maailmassa. Useimmat front-end web-kehittäjille aloittaa opetella koodia HTML. Vedä ja pudota työkaluja ja wysiwyg editorit lopulta muunnetaan HTML jotta selaimet voivat jäsentää niitä.
Liittyvät: Mikä on merkintäkieli?
Miten HTML Works
Kuten mikä tahansa ohjelmointikieli, HTML näyttää kasan komentoja ja tekstin estää ennen kuin se muuttui eteen päin visuaalinen. Jos haluat tietää, mitä HTML tätä nimenomaista sivun kuvaus ja olet pöytäkoneen tai kannettavan, kokeile hiiren kakkospainikkeella missä tahansa tällä sivulla ja valitse ”Näytä sivun lähdekoodi” (mahdollisuus voi vaihdella selaimen ). Sen pitäisi viedä sinut jättiläinen seinän koodia.
Useimmat HTML on rakennettu käyttäen ”Elementtilohkot”, jotka ovat HTML-koodinpätkiä, että erilliset eri elementtejä sivulla. Esimerkiksi tämä artikkeli ruumis on elementti lohko, kuten valikon, suositusten alapuolella, ja sivun alatunnisteen. Nämä elementit on koodattu omalla tavallaan, koska ne voivat käyttäytyä eri tavalla.
Keskeinen osa rakennuksen pois HTML-sivuja on käyttää CSS (CSS). Nämä ovat asiakirjoja, joissa määritellään, mitä erityisesti elementtejä sivun pitäisi näyttää. Esimerkiksi kuinka suuri kuvien pitäisi olla, mitä kirjasimia pitäisi näkyä sivulla, ja miten web-sivun pitäisi vastata kun se on kokoa tai venyttää. Nämä ovat kaikki ratkaisevia houkuttelevien, yhtenäinen ja tyylikäs sivustot. Jos olet huomannut sivustot alkavat näyttää paremmalta viime vuosikymmenellä, lisääntyvä käyttö CSS on suurin syy. Voit lukea lisää CSS tässä .
Yksi parhaista asioita HTML on sen kyky ajaa dynaaminen skriptejä kautta JavaScript tai JS. Nämä komentosarjat voivat luoda dynaamisia elementtejä. Esimerkiksi tiettyjä sivustoja, leijuu kuvaan voit zoomata sitä. Voit tehdä tämän vaikutuksen koodaus JavaScript elementtiin.
Liittyvät: Miten Poista (ja Enable) JavaScript Google Chromessa
HTML Basics
Vaikka HTML on melko monimutkainen kieli tonnia erilaisia tunnisteita ja lohkot, on olemassa muutamia koodiviitteet joka voi olla hyötyä, kun olet selaamiseen. Tässä on pari perus HTML-tunnisteita, joita saattaa esiintyä.
& lt; a href = "https://www.howtogeek.com" & gt; toimintaohjeet Geek & lt; / a & gt;
Miten - geek
Käytät
& Lt; a & gt;
komento luoda linkin. URL on, jos linkki vie automaattisesti, ja teksti, jossa lukee ”toimintaohjeet Geek” on se, miten se näkyy loppukäyttäjälle.
& lt; b & gt; lihavoitu & lt; / b & gt; & Lt; i & gt; italic & lt; / i & gt; & Lt; u & gt; alleviivaus & lt; / u & gt;
lihavoitu kursivoitu korostaa
Voit käyttää
& Lt; b & gt;
,
& Lt; i & gt;
ja
& Lt; u & gt;
standardin soveltamisesta tekstinmuotoiluvaihtoehdoilla: lihavoitu, kursivoitu ja alleviivattu teksti.
& lt; img src = "picture.jpg" & gt;
The
& Lt; img & gt;
Tagia käytetään upottamaan kuva sivulle. Se joko vetää kuvan samasta verkkotunnuksesta tai voit osoittaa sen ulkoiseen verkkotunnukseen. Voit myös muokata sitä lisää attribuutteja, kuten koon ja alt-tekstin.
& lt; h1 & gt; otsikko 1 & lt; / h1 & gt; & lt; p & gt; kohta & lt; / p & gt;
Edellä mainitut ovat nimikkeitä ja kappaleita. Samaan tapaan kuin Microsoft Word voit lajitella tekstin otsikot ja leipäteksti, HTML voi myös muokata tekstiä perustuu oletus otsikkoa ja kohtaa vaihtoehtoja. Nämä muodot määritellään CSS-tyylitaulukon avulla.
& lt; p style = "Väri: EDR;" & gt; punainen kappale & lt; / p & gt;
Voit myös käyttää
"tyyli"
Attribuutti muokata tekstiä erilaisilla tyylillä asetuksilla, kuten tekstin väri, taustaväri ja kirjasinkoko.
Jos olet kiinnostunut oppimaan lisää HTML-muotoiluvaihtoehtoja, tutustu W3Schoolsin ilmaiset resurssit . Löydät täydellisen luettelon HTML-tunnisteista, joita voit käyttää verkkosivujen rakentamiseen.
Liittyvät: Mikä on "reagoiva muotoilu" ja miten käytät sitä?
