logo

Kuinka kirjoittaa HTML?

HTML on lyhenne sanoista Hypertekstin merkintäkieli . Sitä käytetään web-sivujen ja verkkosovellusten luomiseen. HTML on laajalti käytetty kieli verkossa. Tässä artikkelissa opimme kirjoittamaan HTML-koodia.

linuxin pikanäppäimet

Tässä ensin näytämme vaiheittaisen menettelyn HTML-sivun luomiseksi.

Vaihe 1 - Avaa tekstieditori kirjoittaaksesi koodia.

Vaikka on olemassa useita tekstieditoreja, jotka voidaan helposti ladata aloittelijalle, paras tekstieditori on Notepad (Windows) ja TextEdit (Mac). Windowsissa oletustekstieditori on Muistilehtiö , kun taas Macissa oletuseditori on TextEdit. Ikkunoissa voimme avata Muistilehtiö editori napsauttamalla Käynnistä ja kirjoittamalla muistilehtiö alla olevan kuvakaappauksen mukaisesti -

Kuinka kirjoittaa HTML

Voimme myös käyttää Muistio++ Windowsin tekstieditori HTML-ohjelmien kirjoittamiseen. Perusasioiden oppimisen jälkeen voimme käyttää muita ammattieditoreja, kuten Notepad++, Sublime Text, Vim, jne.

Vaihe 2 - Aloita nyt HTML-ohjelmien kirjoittaminen tekstieditorissa. HTML-tunnisteet on suljettu avoimien tagien () ja suljettujen tagien () sisällä. Oletetaan, että meidän on luotava kappale, joten HTML:ssä kappale luodaan kirjoittamalla avoimen kappaleen tagi

ja syötä sitten suljetun kappaleen tunniste

.

Kuinka kirjoittaa HTML

Kun olet kirjoittanut koodirivin, voit yksinkertaisesti painaa Tulla sisään siirtyäksesi seuraavalle riville.

Vaihe 3: Tallenna tiedosto joko .html tai kanssa .htm laajennus, kuten alla olevassa kuvakaappauksessa näkyy.

Kuinka kirjoittaa HTML

Vaihe 4: Nyt voit suorittaa .html-tiedoston. Tätä varten sinun on mentävä sijaintiin, johon olet tallentanut tiedostosi. Valitse sitten vastaava tiedosto ja napsauta sitä hiiren kakkospainikkeella ja valitse haluamasi selain tiedoston suorittamiseksi. Se voi olla selvä seuraavan kuvakaappauksen avulla -

Kuinka kirjoittaa HTML

Kun olet napsauttanut selainta, näkyviin tulee web-sivu, joka näyttää tiedostosi tulosteen.

Katsotaanpa nyt, kuinka voimme aloittaa HTML:llä tai kirjoittaa HTML-ohjelmia.

Kaikille HTML-dokumenteille voimme periaatteessa aloittaa asiakirjan asiakirjatyypillä, ts tag , an tunniste ja a tunniste . Meidän pitäisi sulkea tunnisteet mennessä ja tunnisteet. Se kirjoitetaan seuraavasti -

 

Tagiin voimme kirjoittaa koodimme, joka näytetään verkkoselaimessa. Verkkosivun otsikon luomiseksi voimme sisällyttää head-tunnisteen alla olevan kuvan mukaisesti -

 <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>