3.1 teg html

Jika anda membaca teks ini, diandaikan bahawa pada masa hadapan anda akan bekerja sebagai Pembangun Java, baik, atau Pembangun Java Stack Penuh. Anda hampir tidak akan menulis dokumen HTML, tetapi anda perlu membacanya dengan kerap . Beginilah cara dunia berfungsi, jadi anda perlu memikirkan cara dokumen HTML disusun.

Apakah permulaan mana-mana dokumen HTML? Setiap dokumen HTML mempunyai struktur yang terdiri daripada tiga teg bersarang: html, headdan body. Ini adalah contoh standard:

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

Semua yang dipaparkan oleh penyemak imbas berada di dalam teg pasangan body(badan dokumen). Di dalam teg headterdapat teg dengan maklumat perkhidmatan / tambahan untuk penyemak imbas.

Ia juga menjadi kebiasaan (pilihan) untuk menulis jenis dokumen pada permulaan dokumen - DOCTYPEsupaya penghurai lebih memahami cara mentafsir ralat. Banyak penyemak imbas dapat memaparkan dokumen yang rosak dengan betul.

Atau, sebaliknya XHTML = XML+HTML, terdapat piawaian di mana terdapat peraturan yang lebih ketat daripada peraturan biasa HTML. Tetapi maklumat sedemikian akan berguna kepada anda apabila anda memutuskan untuk menulis penyemak imbas anda sendiri, atau sekurang-kurangnya anda sendiri HTML-parser.

3.2 Tag kepala

Di dalam teg, headteg berikut biasanya terletak: title, meta, style, ...

Teg <title> menentukan nama dokumen yang dipaparkan dalam tab penyemak imbas.

Tag <meta>digunakan untuk menetapkan pelbagai maklumat perkhidmatan. Sebagai contoh, anda boleh membantu penyemak imbas memahami pengekodan dokumen HTML (ia mengandungi teks biasa, jika anda masih ingat).


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

3.3 tag badan, p, b

Teg <body>mengandungi semua teks html yang akan dipaparkan oleh penyemak imbas. Tag paling mudah untuk memaparkan dokumen ialah: <h1>, <p>, <b>,<br>

<h1>- ini adalah tag pasangan, ia membolehkan anda menetapkan tajuk halaman / artikel anda. Jika artikel anda panjang dan anda memerlukan subtajuk, maka anda boleh menggunakan teg untuk kes ini <h2>, <h3>dan seterusnya sehingga<h6>

Contoh:


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

Jika artikel anda besar dan anda ingin menjadikannya lebih mudah dibaca dengan membahagikannya kepada perenggan, maka anda memerlukan tag pasangan <p>(dari perenggan perkataan) untuk ini. Hanya bungkus teks dalam teg <p>dan </p>dan penyemak imbas akan memaparkannya sebagai perenggan yang berasingan.

Perhatian! Penyemak imbas akan mengabaikan pemisah baris dan/atau ruang tambahan dalam teks anda. Jika anda ingin menambah pemisah baris, kemudian masukkan tag tunggal <br>(dari baris br eak) ke dalam teks.

Nah, bahagian yang terbaik ialah menyerlahkan teks dalam huruf tebal. Jika anda ingin menjadikan teks tebal, bungkusnya dalam tag <b> </b>(dari b lama).