[ HTML ] [ Java ] [ Bahasa C ]


Selasa, Agustus 06, 2019

Dasar html

Pada artikel ini akan dipelajari segala dasar dari Kode HTML. Ada berbagai tag yang harus dipahami dan dimasukkan ketika membuat kode HTML. Dimana tag-tag tersebut membantu dalam pengorganisasian dan pemformatan dasar dari elemen dalam skrip atau laman web. Setiap tahap akan membantu dalam proses pembuatan HTML.

Dasar dokumen HTML
Berikut ini akan disebutkan dasar-dasar tag HTML yang akan membagi kode program ke dalam beberapa variasi seperti head, body, dan lain sebagainya.

satu, Setiap dokumen HTML selalu diawali dengan sebuah tag dokumen HTML. Meskipun bukan sebuah keharusan tetapi ini merupakan permulaan yang bagus untuk memulai membuat dokumen dengan menyebutkan atau memanggil tag tersebut:

<!DOCTYPE html>

dua, <html>: setiap kode HTML harus berada diantara kedua tag dasar HTML. Tag tersebut dimulai dengan <html> dan diakhiri dengan </html>.

tiga, <head>: tag head muncul setelah tag <html> yang mengandung semua informasi header dari laman web atau dokumen seperti title dan berbagai informasi lainnya. Informasi tersebut terletak diantara tag head yang dimulai dengan <head> dan diakhiri dengan </head>. Konten dari tag head akan dijelaskan pada sesi lain dari materi HTML.

empat, <title>: Judul dari sebuah laman web dapat dipanggil menggunakan tag <title>. Ini adalah informasi yang terdapat pada header yang dipanggil bersamaan dengan tag header. Tag judul diawali dengan <title> dan diakhiri dengan </title>.

lima, <body>: Tahap selanjutnya adalah tahapan yang paling penting dari semua tag yang kita pelajari sejauh ini. Tag body mengandung bentuk aktual dari laman web yang terlihat langsung oleh pengguna. Bagian ini diawali dengan <body> dan diakhiri dengan </body>. Setiap konten yang terletak diantara tag akan ditampilkan pada laman web baik itu tulisan, gambar, audio, ataupun link. Selanjutnya akan dijelaskan bagaimana menggunakan berbagai jenis tag untuk memanggil konten pada laman web.

Secara umum seluruh kode HTML akan terlihat sebagai berikut:

Kode html yang telah ditulis sebelum ini tidak akan menampilkan apapun pada browser. Kode tersebut hanya menampilkan bentuk dasar dari cara menulis kode HTML dan akan dinamai dengan judul dari page sebagai GeeksforGeeks. <!-- comment here--> adalah tag komentar pada HTML dan tidak akan dibaca apapun yang terdapat didalamnya (tag komentar).

HTML Heading
Tag ini membantu untuk memberikan heading ke konten dari laman web. Tag tersebut umumnya ditulis di dalam tag body. HTML menyediakan enam jenis heading tag, mulai dari <h1> hingga <h6>. Setiap tag akan menampilkan heading dengan gaya dan ukuran huruf yang berbeda.
contoh:

Output: diperlihatkan pada gambar 1

hediang html menggunakan teks editor
Gambar 1 heading html

HTML Paragraph
Tag ini membantu membuat statement paragraf pada sebuah laman web. Dimulai dengan tag <p> dan diakhiri dengan </p>. Tag <br> digunakan untuk keluar barisan (enter). <br> adalah sebuah tag kosong. Contoh:

Output: diperlihatkan pada gambar 2

tag paragraph html
Gambar 2 tag paragraph html

HTML garis horizontal
Tag <hr> digunakan untuk keluar dari laman menjadi beberapa bagian berbeda dengan cara menciptakan margin horizontal dengan bantuan dari garis horizontal yang membentang dari kiri ke kanan sisi dari laman web. Tag <hr> adalah tag kosong dan tidak membutuhkan penambahan statement apapun. contoh:

Output: diperlihatkan pada gambar 3

membuat garis horizontal menggunakan tag hr pada html
Gambar 3 horizontal line 

HTML image
Tag image digunakan untuk memasukkan gambar ke dalam laman web. Sumber dari gambar yang akan dimasukkan adalah terletak didalam tag <img src=" sumber alamat gambar pada komputer">. contoh:

Output: diperlihatkan pada gambar 4

memasukkan gambar pada laman web menggunakan tag image dalam teks editor
Gambar 4 tag image 

Tidak ada komentar:

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D