Alapvető HTML útmutató bábukhoz

Navigáció:

Ez az útmutató a következő tárgyakból áll:


    Húsz évvel ezelőtt, még ha csak hobbi blogger vagy, ismernie kellett néhány internetes kódolást, hogy megvédje magát, vagy egyszerű funkciót adjon hozzá a webhelyéhez. De most olyan sok szerkesztő és bővítmény érhető el, hogy a HTML létrehozásához vagy a blog futtatásához még a HTML alapjainak ismerete sem szükséges.

    Ennek problémája az, hogy ha nem tud néhány alapvető tudnivalót, akkor könnyedén bekerülhet valódi bajba a blogjában, és fel kell fizetnie egy drága fejlesztőt, hogy kijavítsa az esetleges kisebb problémákat. Nem csak ezt, hanem a blogjában olyan változtatások létrehozásához, mint például az egyéni szöveges widget hozzáadása, kevés ismeret szükséges.

    És ha azt tapasztalja, hogy a tartalom elrendezése nem néz ki jól, a HTML ismeretek visszatérhetnek a pályára.

    Íme néhány HTML-útmutatónk verziója bloggerek és nem-techie online üzleti vállalkozók számára.

    A HTML a mai internet gerince. Webhelyek milliói együttesen alkották az internetet. Ahol a HTML ezen webhelyek építőköve.

    A kezdő Q&A

    1- Mi a HTML?

    A HTML a Hyper Text Markup Language. Ez a szabványos nyelv a böngészők tartalmának címkézésére.

    A HTML-t az „Elements” képviseli. Az elemeket „Címkéknek” is hívják.

    2- Miért van szükség HTML-re??

    A webböngészők csak akkor képesek megjeleníteni a webhelyet, ha a támogatott nyelven írják. A HTML a leggyakoribb jelölőnyelv, és a legjobban elfogadja a böngészőket.

    Ezért van szüksége HTML-re.

    3 – A HTML kis- és nagybetűket érzékeny?

    A HTML nem érinti a kis- és nagybetűket. A legjobb gyakorlat azonban, ha megfelelő esetekben HTML-t írunk.

    Az első HTML fájl létrehozásának lépései

    Alapvető HTML fájlt hozhat létre a számítógép Notepad segítségével. De sok fájdalom írása fájdalmas lesz.

    Szüksége van egy Kódszerkesztőre. A jó kódszerkesztő megkönnyíti a nagy kódok írását és rendezését.

    Webes nyelvek írására a Notepad ++ (ingyenes és nyílt forráskódú) szoftvereket használom és ajánlom. Vannak más szerkesztők is, például Sublime Text, Atom stb.

    Itt van, amit meg kell tennie:

    1. Telepítse a kódszerkesztőt
    2. Nyisd ki
    3. Hozzon létre egy új fájlt
    4. Mentse el .html fájlként

    Készen állsz menni!

    1- Helló világ!

    Másolja és illessze be a következő kódot az új HTML fájlba, és mentse el. Most futtassa a böngészőjében.

    Kód:

    Az első weboldalom

    Helló Világ!

    Kimenet:

    Gratula! Készítette a legelső HTML fájlt. Ezen a ponton nem kell megértenie. Hamarosan fedezzük fel.

    A HTML felépítésének megértése

    Minden HTML fájl közös meztelen szerkezettel rendelkezik. Itt kezdődik minden. És minden nagy kódszám-oldal a vágás után erre a struktúrára kerül.

    Tehát próbáljuk megérteni ezt a „Hello World!” kód. A következő elemek minden HTML fájl kötelező részei.

    • = Nyilatkozat a böngésző számára, hogy ez egy HTML fájl. A címke előtt meg kell határoznia.
    • = Ez egy HTML fájl gyökér eleme. Minden, amit írsz, között van .
    • = Ez egy böngésző metainformációs része. A címkén belüli kódoknak nincs vizuális kimenete.
    • = Ez egy rész, amelyet a böngésző megjelenít. Amit pontosan lát egy weboldalon, a kódok megjelenítése a és a között .

    2- HTML címkék

    A HTML több száz különböző címke együttműködése. Meg kell tanulnia, hogyan működnek. Azt is meg kell győződnie arról, hogy helyesen használta-e őket.

    A HTML-címkék általában nyitó és záró címkével rendelkeznek. A nyitó címke kulcsszóját kevesebb, mint (<) és nagyobb, mint (>) jel. A zárócímkének mindegyike azonos, kivéve egy további előrejelző perjel (/) a (<) jel.

    (2a) Fejcímkék

    Az összes fejcímke között és között van. Metaadatokat tartalmaznak a böngésző és a keresőmotorok számára. Alapvetően nincs vizuális kimenet.

    Címcímke határozza meg egy weboldal címét, amely látható a böngésző lapon. Ezt az információt a webes programok és a keresőmotorok használják. HTML-fájlonként legfeljebb egy cím lehet.

    Kód:

    Az első weboldalomA címkecímke megjelenik a böngésző tetején.

    Link-címke összekapcsolja a HTML-oldalt a külső forrásokkal. Fő felhasználása a HTML oldal CSS stíluslapokkal történő összekapcsolása. Ez egy önzáró címke, és nincs szüksége végére. A rel itt a kapcsolat áll a fájllal, az src pedig a forrás.

    Kód:

    A meta egy másik önzáró címke, amely html fájl metainformációit nyújtja. A keresőmotorok és más webszolgáltatások használják ezeket az információkat. A metacímkék kötelezőek, ha optimalizálni szeretné oldalát keresőmotorok számára.

    Kód:

    A szkriptcímkét kiszolgálóoldali szkript beillesztésére vagy hivatkozás létrehozására használják egy külső szkriptfájlhoz. Ennek két attribútuma lehet a nyitó címkében. Az egyik a típus, a másik a forrás (src).

    Kód:

    A Noscript tag akkor működik, ha a szkriptek le vannak tiltva egy webböngészőben. Kompatibilisvé teszi az oldalt azokkal, akik nem engedélyezik a parancsfájlokat a webböngészőjükben.

    Kód:

    Jaj! A szkriptek le vannak tiltva.

    (2b) Testcímkék

    Az összes testcímke között és. Vizuális kimenettel rendelkeznek. Itt készül a legtöbb munka. Ezeket a címkéket kell használnia a főoldal tartalmának szerkesztéséhez.

    nak nek

    Ezek a címsorok. A legfontosabb címsor címkével van ellátva

    és a legkevésbé fontos a
    . A megfelelő hierarchiában kell használni őket.

    Kód:

    Ez egy h1 fejléc

    Ez egy h2 fejléc

    Ez egy h3 fejléc

    Ez egy h4 fejléc

    Ez egy h5 címsor
    Ez egy h6 fejléc

    Kimenet:

    Címkék formázása

    A html-fájl szövege számos formázócímke segítségével formázható. Erre akkor van szükség, ha kiemelni szeretne egy szót vagy sort a tartalmából.

    Kód:

    Számos módon kiemelheti a szöveget.

    tudsz bátor, aláhúzás, dőlt, jelölés, felirat, felirat és így tovább!

    Kimenet:

    A megjegyzéscímke segítségével egyes kódok eltérhetnek a kibontástól. A kód megjelenik a forráskódban, de nem jelenik meg. Ennek a címkének a fő célja html fájlok dokumentációjának elkészítése a későbbi felhasználás céljából.

    Példa:

    Jeffrey Wilson Administrator

    Sorry! The Author has not filled his profile.
    follow me
      0
      Like this post? Please share to your friends:
      Adblock
      detector
      map