Mivel Az elején az internet HTML kulcsfontosságú volt ahhoz, hogy a világhálón a munka, és úgy tűnik, ahogy mi akarjuk. Vessünk egy pillantást, amit a HTML, és hogyan válik az oldalak látsz minden nap.
A gerincét az internet
HTML jelentése „Hypertext Markup Language”. Ez egy kódolási nyelv létrehozásához használt oldalak egy böngésző képes megjeleníteni. A legtöbb internetes oldalakon megtalálni az interneten, köztük a olvasod ezt a cikket most, tárolt HTML fájlként. Honlapok egy csomó kapcsolódó HTML oldalak szerveren tárolt valahol. Ezért a nyelv gyakran nevezik a „ gerincét az internet . "
Amikor elmész egy oldalt az interneten, akkor lényegében kér egy HTML fájlt a szerveren tárolt. Ezután a böngésző, amit használ, mint a Chrome vagy a Firefox, akkor elemezni a HTML és megjeleníti azt az Ön számára az is, hogy ez szolgál.
HTML egyetemességének és sokoldalúság teszi az egységes legnépszerűbb jelölőnyelv a világban. A legtöbb front-end webfejlesztők kezdeni megtanulják, hogyan kell kódot HTML-ben. A drag-and-drop eszközök és WYSIWYG szerkesztők végül lefordított HTML úgyhogy böngészők is elemezni őket.
ÖSSZEFÜGGŐ: Mi a jelölőnyelv?
Hogy HTML Works
Mint minden programozási nyelv, a HTML néz ki, mint egy rakás parancsok és szöveges blokkokat, mielőtt ez vált az előre néző vizuális. Ha kíváncsi, hogy mi a HTML az adott oldal külleme és te egy asztali vagy laptop, próbálja jobb kattintással bárhol ezen az oldalon, és válassza ki a „Oldal forrásának megtekintése” (opció befolyásolhatják a böngésző ). Meg kell venni, hogy egy hatalmas falat kódot.
A legtöbb HTML használatára épül „elem blokkok”, amely töredék HTML kódot külön különböző elemek egy oldalon. Például, ez a cikk teste olyan elem blokk, mint a menüben az alábbi javaslatokat, valamint az oldal alján. Ezek az elemek vannak kódolva a maga módján, mert másképp viselkedhetnek.
A döntő része az épület ki a HTML oldalak használata Cascading Style Sheets (CSS). Ezek a dokumentumok, amelyek meghatározzák, milyen konkrét elemeit az oldal kell kinéznie. Például, hogy milyen nagy a képeket kell, milyen betűtípus jelenjen meg egy oldalon, és hogy egy weboldalt kell válaszolni ha ez átméretezett vagy feszített. Ezek mind fontos létrehozásáig, összetartó, és elegáns honlapokat. Ha már észre weboldalak kezd jobban néz ki az elmúlt évtizedben, a növekvő használata CSS a legnagyobb oka. Elolvashatja többet a CSS itt .
Az egyik legjobb dolog a HTML, hogy képes futtatni dinamikus szkriptek JavaScript vagy JS. Ezek a szkriptek dinamikus elemekkel. Például, bizonyos weboldalak, lebeg egy kép lehetővé teszi a nagyítást bele. Tudod, hogy ez a hatás a kódolás a JavaScript elem.
ÖSSZEFÜGGŐ: Hogyan lehet letiltani (és engedélyezése) JavaScript a Google Chrome
HTML alapjai
Míg a HTML egy meglehetősen bonyolult nyelv tonna különböző címkék és blokk, van néhány HTML kódok jöhet jól, mint te az internetes böngészés. Itt van egy pár alap HTML címkék számíthat.
& lt; a href = "https://www.howtogeek.com" & gt; útmutató Geek & lt; / a & gt;
How-to Geek
Ön a
& lt; A & gt;
parancs, hogy hozzon létre egy linket. Az URL-cím, amelyre a link fog mutatni, és a szöveg, amely így szól: „How-to Geek”, hogy hogyan fog megjelenni a végfelhasználó.
& lt; b & gt; félkövér & lt; / b & gt; & Lt; i & gt; dőlt & lt; / i & gt; & Lt; u & gt; aláhúzás & lt; / u & gt;
bátor dőlt betű aláhúzás
Használhatja a
& Lt; b & gt;
,
& Lt; i & gt;
és
& Lt; u & gt;
alkalmazni a normál szöveges formázási beállítások: félkövér, dőlt és aláhúzott szöveget.
& lt; img src = "kép.jpg" & gt;
Az
& Lt; img & gt;
A címke egy kép beágyazására szolgál egy oldalra. A képet ugyanabból a tartományból húzza, vagy egy külső tartományra mutathatja. Testreszabhatja néhány további attribútummal, például átméretezéssel és alt szöveggel.
& lt; h1 & gt; 1. fejezet & lt; / h1 & gt; & lt; p & gt; bekezdés & lt; / p & gt;
A fentiek a címsor és a bekezdés címkék. Hasonló ahhoz, ahogy a Microsoft Word lehetővé teszi, hogy rendezni a szöveget fejlécet és a test szöveget, HTML formátumban is szöveges alapú alapértelmezett fejléc és bekezdés lehetőségeket. Ezeket a formátumokat a CSS-stíluslap segítségével határozzák meg.
& lt; p style = "Color: EDR;" & gt; piros bekezdés & lt; / p & gt;
Használhatja a
"stílus"
Attribútum a szöveg testreszabásához különböző stílusú beállítások, például szöveges szín, háttérszín és betűméret.
Ha érdekli a HTML formázási lehetőségek megtanulását, nézze meg a W3Schools Ingyenes erőforrások . A weboldalak építéséhez használhatja a HTML-címkék teljes listáját.
ÖSSZEFÜGGŐ: Mi az "reagáló tervezés", és hogyan használod?