Belajar HTML Dasar Terbaru Dan Mudah & Cepat 2021
Tutorial Belajar HTML #2 - Hallo guys, seperti biasa salam sejahtera untuk kita semua ya. Di tutorial sebelumnya kita sudah membahas bahan apa saja yang harus ada dalam belajar pemrograman web dengan html ini. hemm dan sekarang kita akan masuk ke ranah kode bahasa yup.
Belajar HTML Dengan Mudah
Belajar HTML Dengan Mudah
Sedikit mengulang deh, pengertian html atau kepanjangan dari HTML yaitu Hypertext Markup Language. Artinya adalah bahasa markup (penanda) berbasis text bisa juga di sebut formatting language (bahasa untuk memformat).
Siap kah anda membuat website ? yuk kita mulai ajah,
Belajar HTML Dengan Mudah
Belajar HTML Dengan Mudah
1.1 Membuat website dalam 30 detik
a. Pertama silahkan kalian buka notepad
b. lalu tulis kan "Web Pertama Saya"
c. Kemudian pilih file > save as > beri nama latihan1.html >lalu ganti as type menjadi ALL File:
d. selesai dan simpan di folder. (buat satu folder khusus untuk menyimpan file belajar html ya), lalu buka file latihan1.html tersebut dengan browser anda.
Hasil
Nah gimana mudah ya ? nah selanjutnya mari kita belajar membuat tag html.
Belajar HTML Dengan Mudah
1.2 Pengenalan Tag HTML
Ketika kita membuat sebuah dokumen word, biasa kita melakukan formatting pada teks. Seperti memiringkan, menebalkan text, dan sebagainya. Formatting ini bisa kita sebut sebagai markup dan akan dilakukan dengan menggunakan tag html.
Contohnya, untuk memformat suatu text menjadi miring kita tambahkan tag <em> contoh</em>.
Edit file latihan1.html menjadi seperti:
website <em>Pertama</em>saya
Dan setelah di save, jika di buka kembali maka kata Pertama menjadi miring.
<em> . . </em> ini di sebut dengan tag html, yang digunakan untuk me-markup dokumen html.
Catatan: Setiap tag memiliki pasangan yaitu tag penutupnya.
Artinya hanya text yang berada didalam tag tersebut yang akan diberi format miring. Tag penutup ditandai dengan penambahan tanda slash (/) sebelum nama tagnya.
Dalam setiap tag html bisa di sisipkan berbagai atribut yang berfungsi untuk menampung informasi-informasi tertentu, misalnya atribut id dan class yang berfungsi untuk memberi nama suatu tag sebagai referensi css atau javascript nantinya.
Belajar HTML Dengan Mudah
1.3 Struktur File HTML
Pada suatu dokumen HTML juga mempunyai aturan dalam penulisannya, ada beberapa tag yang harus anda tuliskan dan sudah menjadi ketentuan. Nah jika perbaikilatihan kita sebelumnya menjadi dokumen HTML yang benar maka kodenya menjadi seperti berikut:
Penjelasan:
<!DOCTYPE HTML>
Adalah tag awal dari setiap dokumen HTML, tag ini berfungsi untuk menginformasikan kepada browser bahwa dokumen yang sedang dibuka adalah dokumen html. Tag ini perlu anda cantumkan di setiap dokumen HTML yang akan anda buat.
<html>..</html>
Awal dari isi dokumen HTML di mulai dari sini, semua kode HTML yang akan anda buat akan di tulis di dalam tag ini, perhatikan juga bahwa setiap tag mempunyai tag penutup.
<head>..</head>
Tag head ini akan digunakan untuk menyimpan berbagai informasi tentang dokumen html.
<title>. . .</title>
Salah satu informasi yang ada di dalam tag head adalah tag title. Title akan menampilkan text pada judul browser atau pada tab browser.
<body>...</body>
Apapun yang ingin di tampilkan pada browser akan di tulis didalam tag ini, tag body merupakan tag pembuka dari badan dokumen html.
Belajar HTML Dengan Mudah
Belajar HTML Dengan Mudah
Nah, mudah di mengerti kan ? oke cukup dulu postingan kali ini semoga bermanfaat, dan semangat belajar oke.
Posting Komentar untuk "Belajar HTML Dasar Terbaru Dan Mudah & Cepat 2021"