Struktur Dasar dan Program Sederhana HTML

-
      Apa itu struktur HTML? Nah, disini kalian akan menemukan penjelasan secara singkat mengenai struktur dasar HTML dan tutorial membuat program sederhananya. Untuk para pemula yang ingin membuat halaman website, harus menguasai struktur dasar HTML (Hypertext Markup Language).


 Struktur Dasar HTML 

<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>
   
      Tanda kurung v yang saya gunakan ini dinamakan tag < /> dalam HTML . tag pembuka (< >) dan tag penutup(</>), dalam html setiap menggunakan tag gunakan tag pembuka dan jangan lupa menggunakan tag penutupnya. Jika tidak, maka program kalian akan error.
Berikut struktur dasar HTML dan fungsinya :
1. Tag html gunanya untuk menunjukkan bahwa dokumen tersebut merupakan HTML.

2. Tag title gunanya sebagai tulisan/judul yang tampil di paling atas pencarian atau caption web di browser.

3. Tag head gunanya untuk meletakkan judul web dan perintah, misalnya jika kita ingin menyisipkan kode program CSS untuk mempercantik halaman website. Program tersebut tidak akan tampil di halaman website. Namun, jika kita menggunakan tag pada body barulah perintah-perintah yang ada di head akan muncul. Jadi, yang kita ketikkan di head tidak akan muncul pada halaman web. Untuk tutorial menambahkan CSS pada html nanti akan saya jelaskan di konten lain. Singkatnya, untuk para pemula, tag head  digunakan untuk menampilkan judul dengan menggunakan tag title.

4. Body merupakan isi konten pada halaman web.



Program Sederhana Menampilkan Hello World



<html>
    <head>
        <title>Program Pertama</title>
        <!--Menampilkan Hello World-->
    </head>
    <body>
        <p>Hello World</p>
    </body>
</html>

<!--  --> = Ini merupakan tag komentar pada HTML, tag ini tidak akan muncul pada website kalian gunanya hanya memberikan komentar atau sebagai penjelas program yang kalian buat di software editor code.

<p> = Merupakan tag untuk membuat paragraf yang isinya sebuah teks.


Hasilnya:




Nah, program tersebut dapat kalian coba langsung ya!
Semoga membantu!
     

Komentar

Posting Komentar

Postingan populer dari blog ini

Sanubari Sang Mallow

-
Pekat, cerah, magenta, juntai membingkai bersatu padu membentuk unsur yang berkesinambungan. Di sisi yang berlawanan terdapat akar yang kokoh merambat melapisi lapisan tanah hingga ke dalam celah tak terjamah, satu bersama bentala. Kokoh berdiri hingga titik tenaga akar serabut uzur. Riak teduh jawara biru dan mallow beradu. Dalam duelnya tidak ada yang menang atau kalah namun bisa dibilang mereka terjerat dalam hubungan parasitisme. Nyalang tajamnya mata pisau membuat mulut terkunci rapat. Utuhnya ketulusan terpotong-potong hingga bagian terkecil, satu-satunya yang utuh adalah nurani yang paling kecil nan lemah.  Yang seharusnya manis bagaikan madu mengaliri kerongkongan dimana membuat pipi mengembung bahagia realitanya hanya dalam angan terselubung ku saja. Bersama memeluk uap panas untuk memberi rasa sesaat yang buyar seiring waktu. Betapa menggiurkannya warna magenta itu, menyala diantara entitas di sekitar warna kelam baja.
Baca selengkapnya

One of Creatures Bagian I - Jati Diri

-
  One Of Creatures Di Eleandur yakni kota misteri yang berbatasan dengan pegunungan Bellami dan San Porco, hiduplah seorang laki-laki berwatak lembut dan pemalu bernama Riyan Mist Fleanor. Riyan selalu merasa seperti ada sesuatu yang tak biasa dalam hidupnya sejak masuk sekolah menengah Erdebel, walaupun realita kehidupannya sangat terkesan biasa saja namun Ia sungguh yakin ada keanehan yang terjadi. Setiap hari ketika sekolah, Riyan merasakan kelelahan yang luar biasa. Seperti sekarang Ia bangun dengan lengan sebagai tumpuan di atas meja, tulang-tulang terasa remuk tak luput dari apa yang Ia rasakan setelah tertidur dengan suasana kelas yang sepi, Ia bersiap-siap untuk pulang dan membawa tasnya. Diantara kesunyian sore hari menjelang malam, sekelebat bayangan tiba-tiba lewat melalui lapangan dekat kelas Hexagon lalu hilang terbawa angin menuju pepohonan pinus yang tumbuh lebat di sekitar sana. Riyan yang kelelahan tidak memikirkan hal lain selain pulang dan menikmati masakan l...
Baca selengkapnya

Pukah

-
Gambar
Dentingan jarum jam menemani malam temaram yang terasa hening. Guruh gundala melanda jiwa, merasuk seiring nada yang terdengar. Kaca yang menghiasi kamar diiringi pantulan sinar berkamuflase menjadi seonggoh sosok manusia tanpa detak. Menjelma lalu kemudian menemani rintihan sendu suatu objek.  Sayup-sayup terdengar langkah kaki gontai berpijak dengan alas yang basah. Seketika runtuh, pertahanan seorang wanita perkara benih yang ia tanamkan, rusak terinjak oleh kenyataan pahit. Pasir yang terlepas dari genggaman jatuh menyusuri tanah, meyakinkan hati akan garis takdir yang dipaksa tuk percaya. Bertahan dengan sisa-sisa ketegaran jiwa, memaksanya menutup rapat jeritan dari relung dalam. Hingga terombang-ambing akan setitik cercah harapan cahaya semu di ujung malam.
Baca selengkapnya