3.1 tag html

Yen sampeyan maca teks iki, mesthine sampeyan bakal kerja minangka Pangembang Jawa, utawa Pangembang Jawa Full Stack. Sampeyan meh ora nulis dokumen HTML, nanging sampeyan kudu kerep maca . Iki minangka cara kerjane jagad iki, dadi sampeyan kudu ngerti carane dokumen HTML disusun.

Apa wiwitan saka sembarang dokumen HTML? Saben dokumen HTML nduweni struktur sing dumadi saka telung tag nested: html, headlan body. Iki minangka conto standar:

<!DOCTYPE html>
<html>
    <head>
        Service tags
    </head>
    <body>
        Main document
    </body>
</html>

Kabeh sing ditampilake browser ana ing tag pasangan body(badan dokumen). Ing njero tag headana tag kanthi informasi layanan / tambahan kanggo browser.

Biasane (opsional) nulis jinis dokumen ing wiwitan dokumen - DOCTYPEsupaya parser luwih ngerti carane napsirake kesalahan. Akeh browser bisa nampilake dokumen sing rusak kanthi bener.

Utawa, ing nalisir XHTML = XML+HTML, ana standar kang ana aturan luwih kenceng saka ing biasanipun HTML. Nanging informasi kasebut bakal migunani kanggo sampeyan nalika sampeyan mutusake nulis browser sampeyan dhewe, utawa paling ora sampeyan dhewe HTML-parser.

3.2 Tag sirah

Ing njero tag, headtag ing ngisor iki biasane ana: title, meta, style, ...

Tag kasebut <title> nemtokake jeneng dokumen sing ditampilake ing tab browser.

Tag <meta>digunakake kanggo nyetel macem-macem informasi layanan. Contone, sampeyan bisa mbantu browser ngerti enkoding dokumen HTML (isine teks biasa, yen sampeyan ngelingi).


<html>
    <head>
        <title> Escape character</title>
           <meta charset="utf-8" />
   </head>
    <body>
 
    </body>
</html>

3.3 awak, p, b tags

Tag <body>ngemot kabeh teks html sing bakal ditampilake dening browser. Tag sing paling gampang kanggo nampilake dokumen yaiku: <h1>, <p>, <b>,<br>

<h1>- iki minangka tag pasangan, ngidini sampeyan nyetel judhul kaca / artikel sampeyan. Yen artikel sampeyan dawa lan sampeyan butuh subjudul, sampeyan bisa nggunakake tag kanggo kasus iki <h2>, <h3>lan sateruse nganti<h6>

Tuladha:


<body>
     <h1>Cats</h1>
          <h2> Description of cats</h2>
            detailed description of cats
          <h2> Origin of cats</h2>
              Information about the origin of cats.
          <h2> Cat paws</h2>
              Huge article about the paws of cats
</body>

Yen artikel sampeyan gedhe lan sampeyan pengin luwih gampang diwaca kanthi dibagi dadi paragraf, mula sampeyan butuh tag pasangan <p>(saka tembung paragraf) kanggo iki. Mung bungkus teks ing tag <p>lan </p>browser bakal nampilake minangka paragraf sing kapisah.

manungsa waé! Browser bakal nglirwakake jeda baris lan/utawa spasi ekstra ing teks sampeyan. Yen sampeyan pengin nambah break baris, banjur lebokake tag siji <br>(saka br eak baris) menyang teks.

Ya, sing paling apik yaiku nyorot teks kanthi kandel. Yen sampeyan pengin nggawe teks kandel, Lebokake ing tags <b> </b>(saka b lawas).