Hogyan tanulhatunk html-t
A HTML az angol nyelvű csökkentés Hyper Text Markup Language (Hypertext jelölés nyelv). Ez a kód, vagy a nyelv, amelyen a webhelyek alapvető jelölése létrejön. Ha soha nem programozta, a tanulás nehéznek tűnhet, de valójában minden, amire szüksége van a tanulás megkezdéséhez, a legegyszerűbb szövegszerkesztő és az internetböngésző. Lehet, hogy megtanulhat néhány példát az online fórumokon, testreszabott egyedi oldalakon vagy a cikkekben található HTML-jelölésekre. HTML - Hasznos eszköz bármely internet-felhasználó számára, és a bázisok tanulmányozása kevesebb időt vesz igénybe, mint gondolnád.
Lépések
2. rész: 2:
A HTML alapjainak tanulmányozásaegy. Nyissa meg a HTML dokumentumot. A legtöbb szövegszerkesztő (Notebook vagy Notepad ++ Windows for Windows, Textedit for Mac, Gedit for GNU / Linux) HTML fájlok létrehozásához használható. Hozzon létre egy új dokumentumot, és mentse el a Fájl használatával → mentse el mind a weboldal formátumban, vagy módosítsa a fájl kiterjesztését .Html vagy .HTM helyett .Doktor, .RTF vagy más terjeszkedés.
- Előfordulhat, hogy a fájl az RTF formátum helyett "egyszerű szövegként" kerül mentésre, vagy a formázás és a kép nem kerül mentésre. Ez normális - HTML esetén ezek a beállítások nem szükségesek.

2. Nyissa meg a létrehozott fájlt a böngészőben. Mentse az üres fájlt, keresse meg a számítógépen, és nyissa meg a dupla egérkattintást. Egy üres oldalnak nyitva kell lennie a böngészőben. Ha ez megtörténik, húzza a fájlt a böngésző címsorához. A HTML fájl szerkesztésének folyamatában frissítheti ezt az oldalt a módosítások megtekintéséhez.

3. Értsd meg, hogy milyen jelölési címkék vannak. A szokásos szövegtől eltérően a címkék nem jelennek meg az oldalon. Ehelyett jelzik a böngészőt, hogyan jelenítsük meg az oldalt és annak tartalmát. A "Nyitás" címke utasításokat tartalmaz. Például tájékoztathatja a böngészőt, hogy a szöveget meg kell jeleníteni bátor. Szükség van egy "záró" címke, amely bemutatja a böngészőt, ahol az utasítás véget ér. Ebben a példában a nyílási és záró címkék közötti szöveg félkövéren jelenik meg. A címkéket az egyenlőtlenség jelei belsejében rögzítik, de a záró címke ferdén kezdődik.
<
megnyitó címke>
záró címke>

4. Tárcsázza a szerkesztőcímkét . Minden HTML fájlnak egy címkével kell kezdődnie
És vége egy címkével
. Ezek a címkék jelzik a böngészőt, hogy a címkék közötti összes tartalom HTML-ben van írva. Adja hozzá ezeket a címkéket a dokumentumhoz:
, ami azt jelenti, hogy a böngészőknek fel kell ismerniük az Ashtml teljes fájlt. Ez a vonal azonban nem szükséges, azonban segíthet megoldani a kompatibilitási problémákat.
öt. Hozzon létre egy részt a fájlban . A címkék között és Hozzon létre egy nyitó címkét és záró címke . Adjon hozzá néhány üres vonalat köztük. A címkék között rögzített tartalom és , nem jelenik meg az oldalon. Kövesse ezeket a lépéseket, és meglátja, hogy mit kell ez a címke:

6. Hozzon létre egy részt . A példányban lévő összes többi címkét és szöveget a testrészben rögzítjük, amelynek tartalma megjelenik az oldalon. Utána záró címke, de előtt Tegging címke címke és . A cikk végéig dolgozzon a testrészben. A fájlnak ilyennek kell lennie:
Hogyan tanulhatunk HTML -

7. Szöveg hozzáadása különböző stílusokkal. Itt az ideje, hogy hozzáadjon egy jelenlegi tartalmi oldalt! Minden, amit a testcímkék között írsz, megjelenik az oldalon a böngésző frissítése után. Ne használja Szimbólumok < vagy >, Mivel a böngésző megpróbálja értelmezni a tartalmat a szöveg helyett. Ír Szia! (Vagy bármit is akarsz), próbálja meg hozzáadni ezeket a címkéket a szöveghez, és nézze meg, mi történik:
Szia!
Jelölje ki a szöveget "Dőlt": Szia!Szia!
Jelölje ki a szöveget "bátor": Szia!Szia!
A szöveg leírása:
Megjeleníti a betűtípust a felső indexként: Szia!
Megjeleníti a betűtípust az alsó index formájában: Szia!Szia!
?
nyolc. Szöveg megosztása a bekezdésekre. Ha megpróbál néhány szöveget írni a HTML fájlban, vegye figyelembe, hogy a Sorok szünetei nem jelennek meg a böngészőben. A szövegeket a bekezdésekre osztja, meg kell adnia a címkéket:
Ez egy külön bekezdés.
Ezt követően a mondatnak ráncosnak kell lennie
A vonal megkezdése előtt.
Ez az első címke, amely nem igényel záró címkét. Az ilyen címkéket "üresnek" nevezik.
Szövegfejléc
: A legnagyobb fejlécSzövegfejléc
(második szintű fejléc)Szövegfejléc
(Harmadik szintű fejléc)Szövegfejléc
(Negyedik fejléc)Szövegfejléc
(A legkisebb fejléc)
kilenc. Ismerje meg a listák létrehozását. Számos módja van listák létrehozására a weboldalon. Próbálja ki a következő lehetőségeket, és döntse el, hogy melyik tetszik a legjobban. Ne feledje, hogy egy pár címke szükséges a lista egészére (például
- és
- Jelölt lista:
- Első sor
- Második sztring
- Stb
- Kávé
- - forró ital
- Limonádé
- - Hideg ital

10. Vegyünk egy oldalt Reszes sorok, vízszintes vonalak és Kép. Itt az ideje, hogy adjunk hozzá valamit a szöveg mellett az oldalra. Próbálja ki a következő címkéket, vagy kövesse a linkeket, hogy több információt kapjon. Az Online Hosting segítségével létrehozhat egy linket a hozzászóláshoz szükséges képhez:

tizenegy. Linkek hozzáadása. Használhatja ezeket a címkéket, hogy hozzon létre hivatkozásokat más oldalakra és oldalak, de mivel nincs webhelye, akkor most hogyan hozhat létre „horgony” linkeket, azaz linkeket a megjelölt helyekre a lapon:
A szöveg, amelyre utal.Szöveg vagy kép, amely linkként szolgál.
2. rész: 2:
Fejlett HTML szintegy. Ismerje meg az attribútumokkal. Az attribútumokat a címkén belül rögzítik, ami további információkat jelez. Attribútum formátum: NAME ="jelentés", ahol cím meghatározza az attribútumot (például, Szín A szín attribútumhoz), és az érték az értékét jelzi (például, piros pirosra).
- Az attribútumokat ténylegesen használták a HTML alapjainak előző részében. Címke
Az attribútumot használja Src, A relatív kapcsolatok horgonya az attribútumot használja Név, És a linkek az attribútumot használják href. Ahogy már észrevette, minden attribútum formátumban van írva ___ ="___".

2. Kísérlet a HTML táblákkal. A táblázat létrehozása magában foglalja a különböző címkék használatát. Kísérletezhetsz, vagy Olvassa el részletesebb utasításokat.
1. oszlop: hónap 2. oszlop: megtakarítások január 5000 rubel

3. Ismerje meg a további fejrész címkéket. Már megtanultad a címkét , Minden HTML fájl elején megy. Címke mellett , Ebben a szakaszban más címkék vannak:

4. Kísérlet más webhelyek HTML kódjával. A HTML felfedezésének kiváló módja a többi weboldal forráskódja megtekintheti. A jobb egérgombbal kattintson az oldalra, és válassza a "Forráskód megtekintése" vagy valami hasonló lehetőséget a böngésző felső menüjében. Próbálja meg meghatározni, hogy milyen ismeretlen címke van, vagy keres információt az interneten.

öt. Tanulmányozza a részletesebb útmutatókat. Az interneten számos webhely van a HTML-címkékre, például W3schools vagy Htmlbook. Vannak papírkönyvek eladása, de próbálja meg megtalálni a jelenlegi kiadványt, mivel a szabványok változnak és fejlődnek. Még jobb, ha a CSS elsajátítaná, hogy irányítsa a jelölést és a webhely megjelenését. Miután tanulmányozta a CSS webdezeket általában megtanulják a jаvascriptet.
Tippek
- Notepad ++ - egy nagy szabad program, amely hasonló a rendszeres notebookhoz, de meg tudja menteni és tesztelni a kódot a böngészőben online. (Szinte bármilyen nyelvet is támogat - HTML, CSS, Python, jаvascript és így tovább).
- Keressen egy egyszerű oldalt a hálózaton, mentse a kódot a számítógépére és kísérletezzen vele. Próbálja meg a szöveg mozgatását, módosítsa a betűtípust, cserélje ki a képeket - bármi!
- Elindíthat egy notebookot, ahol rögzíti a címkéket, hogy mindig van-e őket. Ezt az oldalt is kinyomtathatja, és megkóstolhatja vele.
- Amikor kódot írsz, óvatosan tegye meg, hogy Ön és más emberek megértsék. A HTML-ben található megjegyzések használata: nem tükröződik az oldalon, de látható lesz a dokumentumdokumentumban.
- XML I RSS egyre népszerűbbek. Az XML-t és az RSS technológiákat tartalmazó oldalkód, amely a felhasználó számára nehezebb olvasni és megérteni, de ezek az eszközök nagyon hasznosak.
- A HTML jelölő címkék nem függenek a nyilvántartástól, de ajánlott csak kisbetűket használni (mint az ebben a cikkben szereplő példákban) - mind a szabványosítási célokra, mind az XHTML-vel való kompatibilitásra.
Figyelmeztetések
- Egyes címkék az elmúlt években kijöttek a mindennapi életből, és új, ugyanazt vagy néhány további hatást váltott ki.
- Ha szeretné ellenőrizni az oldalt, menjen a W3 weboldalra, és keresse meg a modern HTML követelményeket. A HTML szabványok idővel változnak, és cserélje ki egyes címkéket, ami jobban működik a modern böngészőkben.
Amire szükséged van
- Szövegszerkesztő, például a Notepad (Windows) vagy a Textedit (Mac)
- Papír / Notepad (nem szükséges)
- HTML-szerkesztő, mint például a Notepad ++ (Windows) vagy a Textwrangler (Mac) (nem szükséges)