PEMROGRAMAN WEB

Pengertian HTML

HTML atau Hypertext Marksup Language merupakan salah satu design yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur design tampilan suatu dokumen.

Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ). HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer information atau archive yang berformat HTML dari web worker ke program (Internet Explorer, Netscape Navigator, NeoPlanet, dll).

Dengan HTTP inilah yang memungkinkan Anda menjelajah web dan melihat halaman web.

Pengertian Tag pada HTML

Sebagai sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu internet browser bagaimana suatu text ditampilkan. Apakah text itu ditulis sebagai sebuah paragraf, list, atau sebagai connect? Dalam HTML, tanda ini dikenal dengan istilah tag. Hampir semua tag dalam HTML ditulis secara berpasangan, tag pembuka dan tag penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup. Objek disini dapat berupa text, gambar, maupun video. Penulisan tag berada di antara dua kurung siku.

Configuration penulisan tag: <tag_pembuka>objek yang dikenai perintah tag</tag_penutup>

Contoh

Contohnya jika kita ingin membuat suatu text dalam sebuah paragraf di tulis tebal atau miring, dalam HTML dapat ditulis sebagai berikut:

Ini adalah sebuah paragraf. Hanya kumpulan beberapa kalimat. Paragraf ini terdiri dari 3 kalimat.

Pengertian Elemen pada HTML

Elemen adalah isi dari tag yang berada diantara tag pembuka dan tag penutup.

Contoh elemen:

Ini adalah sebuah paragraf

Dari contoh diatas, Ini adalah sebuah paragraf merupakan elemen dari tag .

Pengertian Atribut pada HTML

Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar huruf dari text, dll.

Setiap atribut memiliki pasangan nama dan nilai (value), dan ditulis dengan name=”value”.

Value diapit tanda kutip, boleh tanda kutip satu („) atau dua (“)

Contoh attribut :

Doctype HTML5

<!DOCTYPE HTML>

<html>

Judul Website

<head>

<title>Struktur Dasar HTML</title>

</head>

Isi Website

<body>

Halo Dunia HTML

</body>

</html>

Contoh:

Elemen HEAD

Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML. Isi bagian head - kecuali judul dokumen - tidak akan terlihat oleh pembaca dokumen tersebut.

Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut:

§ Menyediakan judul dokumen

§ Menjembatani hubungan antar dokumen

§ Memberitahu program untuk membuat structure pencarian

§ Menyediakan metode untuk mengirim pesan ke tipe program

Elemen Body

BODY digunakan mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web.

Code Warna

Pengaturan warna dalam dokumen HTML menggunakan mode kombinasi RGB (red, green, blue). Setiap warna ditampilkan dalam dua digit nilai heksadesimal (0, 1, 2, ..., F). Setiap bagian dua digit kode menunjukkan banyaknya intensitas dari kombinasi warna merah, hijau dan biru. Misalnya untuk warna kuning, dibuat dengan pencampuran warna sebagai berikut:

RED	GREEN	BLUE
FF	FF	00

Berarti untuk warna kuning dapat dibuat dengan kode #ffff00.

Disamping itu, pembuatan warna dapat juga dibuat dengan langsung menggunakan nama warna dalam Bahasa inggris, misalnya kuning=”yellow”. Berikut ini warna-warna yang dapat digunakan dalam halaman HTML.

Komentar

Komentar adalah bagian dari kode HTML yang diabaikan oleh browser. Kegunaan komentar dalam kode HTML adalah sebagai keterangan. Sebuah komentar diawali dengan <!—dan diakrhiri dengan -->.

Paragraf dan Heading

Tag digunakan untuk membuat paragraph baru.

Contoh:

Ini adalah Paragraf

Tag Heading adalah sebuah code HTM yang berfungsi untuk mengubah tulisan. Tag Heading biasa di gunakan untuk membuat judul pada sebuah artikel atau dokument. Spesifikasi Tag Heading mempunyai berbagai tingkatan yang biasa di sebut H1, H2, H3, H4, H5 dan H6 yang masing masing mempunyai fungsi yang berbeda.

Contoh

<h1>Ini adalah Heading (H1)</h1>

LATIHAN SOAL!!!

KELAS X.A

https://forms.gle/iiR4rzKe3eYUtesd8

KELAS X.B

https://forms.gle/j3bEJVDvvTGR8qdn8

KELAS X.C

https://forms.gle/pFxvjJuCKQqdbMuy8

Rabu, 05 Mei 2021

PEMROGRAMAN WEB

Tidak ada komentar:

Posting Komentar