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ása
  1. Kép címe Learn HTML 1. lépés
egy. 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.
  • A kép címe Learn HTML 2. lépés
    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.
  • Ne feledje, hogy így nem hoz létre weboldalt az interneten. Más embereknek nincsenek hozzáférése erre az oldalra, és nincs szükség internetkapcsolatra a helyi oldal teszteléséhez. A böngésző egyszerűen értelmezi a HTML-kódot, az "olvasás" azt, mintha ez egy weboldal.
  • A (z) HTML 3. lépés
    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.
  • A nyitó címkét az egyenlőtlenségi jelek között rögzítjük: <megnyitó címke>
  • A leíró (cím) előtt a záró címkén a címke ferde funkció: záró címke>
  • Olvassa el a különböző címkék használatát. Ehhez elegendő emlékezni a felvételi formátumra. A címkéket az egyenlőtlenségi jelek között rögzítik: < > és
  • Bizonyos oktatóanyagokban, HTML-címkék hívóelemek, és a megnyitó és záró címkék közötti szöveg az elem tartalmának nevezik.
  • Kép Megtanulni HTML 4. lépés
    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:
  • Gyakran a html fájlok kezdődnek a karakterláncból , 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árcsa A dokumentum tetején.
  • Nyomja meg az ENTER billentyűt, vagy küldjön be többször, hogy több üres karakterláncot hozzon létre, majd írja be
  • Emlékezz arra összes A cikk által létrehozott kód meg kell írnia a két címke között.
  • A kép címe Learn HTML 5. lépés
    ö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:
  • A címkék között és Ír és
  • A címkék között és Ír Hogyan tanulhatunk HTML - .
  • Mentse a módosításokat, és nyissa meg a fájlt a böngészőben (vagy frissítse az oldalt, ha a fájl már nyitva van). Tekintse meg azt a szöveget, amely megjelenik az oldal címében a címsor felett?
  • A kép címe Learn HTML 6. lépés
    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 -



  • Kép címe Learn HTML 7. lépés
    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: Szia!
  • Megjeleníti a betűtípust a felső indexként:
  • Szia! Megjeleníti a betűtípust az alsó index formájában: Szia!
  • Próbáljon más címkéket együtt. Mit fog kinézni Szia!?
  • Kép Megtanulni HTML 8. lépés
    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.
  • Hozzon létre címsorokat a partíciónevek megjelenítéséhez:

    Szövegfejléc

    : A legnagyobb fejléc

    Szö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)
  • A (z) HTML 9. lépés szerinti kép
    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
    Egy megjelölt listához), és minden egyes listát egy másik címke jelöli, például
  • és
  • .
    • Jelölt lista:
    • Első sor
    • Második sztring
    • Stb
  • Számozott lista:
  • Egy
  • Két
  • Három
  • Fogalommeghatározások listája:
    Kávé
    - forró ital
    Limonádé
    - Hideg ital
  • A kép címe Learn HTML 10. lépés
    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:
  • Vízszintes vonal:
  • Helyezzen be egy képet:
  • A kép címe Learn HTML 11. lépés
    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:
  • Horgonycímke létrehozása Az oldal helyén található az olvasni kívánt oldal. Gyere fel érthető és emlékezetes névvel:

    A szöveg, amelyre utal.
  • Használja a címkét , Relatív link vagy hivatkozás létrehozása a külső erőforrásra:

    Szöveg vagy kép, amely linkként szolgál.
  • Ha egy másik oldal relatív linkjére utalna, adjon hozzá egy jelet # a fő link és a rögzítő neve után. Például, https: // ve.panoutx.info / Learn-html # tippek Az oldal tippjeinek szakaszára utal.
  • 2. rész: 2:
    Fejlett HTML szint
    1. A kép címe Learn HTML 12. lépés
    egy. 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 ___ ="___".
  • A kép címe Learn HTML 13. lépés
    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.
  • Táblázatok létrehozása:
  • A táblázat minden sorának tartalma megadja a címkéket:
  • Az oszlop fejlécét a címke határozza meg:
  • A sejtek a következő sorokban:
  • A címkék használata:

    1. oszlop: hónap2. oszlop: megtakarítások
    január5000 rubel
  • A kép címe Learn HTML 14. lépés
    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:
  • Meta címkék, amelyben található Metaadat, A site indexálású keresőmotorok által használt. Ahhoz, hogy webhelyét könnyebbé tegye a keresőmotorokban, használjon egy vagy több felfedezési címkét (A záró címkék nem szükségesek). Használjon egy attribútumot és értéket a címkén: - vagy
  • Címkék , Vezető harmadik féltől származó fájlok, például stíluslapok (CSS), amelyek egy másik típusú kódolást használnak, és lehetővé teszik, hogy megváltoztassa a HTML oldalt színes, szöveges igazítással és sok más funkcióval.
  • Címkék
  • A kép címe Learn HTML 15. lépés
    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.
  • Bár nem tudod szerkeszteni más emberek webhelyeit, a forráskódot másolhatja a fájlba, hogy később kísérletezzen a címkékkel. Kérjük, vegye figyelembe, hogy a CSS-jelölés nem áll rendelkezésre, és a szín és a formázás eltérő lehet.
  • A kép címe Learn HTML 16. lépés
    ö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)
    Hasonló publikációk