logo

Hogyan írjunk HTML-t?

A HTML egy mozaikszó Hypertext Markup Language . Weboldalak és webes alkalmazások létrehozására szolgál. A HTML széles körben használt nyelv az interneten. Ebben a cikkben megtanuljuk, hogyan kell HTML-t írni.

Itt először lépésről lépésre mutatunk be egy HTML-oldal létrehozásának folyamatát.

1. lépés - Nyisson meg egy szövegszerkesztőt a kód írásához.

Bár vannak különféle szövegszerkesztők, amelyek könnyen letölthetők kezdők számára, a legjobb szövegszerkesztő a Notepad (Windows alatt) és a TextEdit (Mac). Windowsban az alapértelmezett szövegszerkesztő Jegyzettömb , míg a Mac rendszerben az alapértelmezett szerkesztő a TextEdit. Az ablakokban kinyithatjuk a Jegyzettömb szerkesztőben kattintson a Start gombra, és írja be a jegyzettömböt, ahogy az alábbi képernyőképen látható -

Hogyan írjunk HTML-t

Használhatjuk azt is Jegyzettömb++ szövegszerkesztő a windowsban a HTML programok írásához. Az alapok elsajátítása után használhatunk más professzionális szerkesztőket, mint pl Notepad++, Sublime Text, Vim, stb.

2. lépés - Most kezdjen el HTML-programokat írni a szövegszerkesztőben. A HTML-címkék a nyitott címkék () és a zárt címkék () közé vannak zárva. Tegyük fel, hogy létre kell hoznunk egy bekezdést, tehát a HTML-ben a bekezdés a nyitott bekezdéscímke beírásával jön létre

majd beír egy zárt bekezdéscímkét

.

Hogyan írjunk HTML-t

Egy sor kód beírása után egyszerűen megnyomhatja Belép hogy a következő sorba lépjen.

3. lépés: Mentse el a fájlt vagy a .html vagy azzal .htm kiterjesztés, amint az az alábbi képernyőképen látható.

Hogyan írjunk HTML-t

4. lépés: Most már végrehajthatja a .html fájlt. Ehhez el kell mennie arra a helyre, ahová a fájlt elmentette. Ezután válassza ki a megfelelő fájlt, kattintson rá jobb gombbal, és válassza ki a kívánt webböngészőt a fájl futtatásához. A következő képernyőkép segítségével egyértelművé válik -

Hogyan írjunk HTML-t

Miután a böngészőre kattintott, megjelenik egy weboldal, amely a fájl kimenetét mutatja.

Most pedig nézzük meg, hogyan kezdhetünk a HTML-el, vagy hogyan írjunk HTML-programokat.

Bármely HTML dokumentum esetében alapvetően a dokumentumtípussal kezdhetjük a dokumentumot, azaz a címke , an címke és a címke . Le kell zárnunk a címkéket és címkéket. A következőképpen lesz leírva -

 

A címkébe írhatjuk a kódunkat, amely megjelenik a böngészőben. A weboldal címének létrehozásához az alábbiak szerint beilleszthetjük a head címkét -

 <title < pre> <p>There are various tags in HTML for performing different tasks. There are six headings in HTML that are <a href="/html-heading"> <strong><h1>, <h2>, <h3>, <h4>, <h5>, and <h6></h6></h5></h4></h3></h2></h1></strong> </a> . These headings should be closed with their corresponding closing tags.</p> <p>There are various properties and rules to write HTML code. For more information, you can visit our <strong>HTML tutorial</strong> .</p> <p>We can create paragraphs in HTML by using the </p><p> tag , to create a hyperlink we can use the anchor tag, i.e.,  <a href=" ">  </a>, we can also add unordered and ordered lists by adding <ul> and <ol> tags . An image can be inserted by using the .</ol></ul></p> <p>To add the style to a specific html tag or to the group of the html tags, we can use the CSS. There are three ways to use CSS in HTML that are Inline CSS , Internal or embedded CSS, and using the External CSS . Let&apos;s see the brief description of these ways -</p> <p> <strong>Inline CSS -</strong> Inline CSS uses style attribute to style the HTML elements. It is used to apply style to a single element.</p> <p> <strong>Internal or Embedded CSS -</strong> It defines CSS using  <strong></strong> tag in the section. To use internal CSS, we can use id and class attributes.</p> <p> <strong>External CSS -</strong> It defines all CSS properties in a separate .css file. Then we have to include that file using the tag in the  section.</p> <p>So, for more information, one should visit our HTML tutorial, where you will find a detailed and easier description of <a href="/html-tags">HTML tags</a> .</p> <hr></title>