Menambahkan Elemen Tambahan ke Dokumen HTML Menyimpan dan Membuka Halaman Web Menambahkan Segmen Kepala Dokumen HTML Menambahkan Segmen Tubuh dan Teks ke Dokumen HTML Menutup Dokumen HTML
Anda bisa menambahkan gambar ke dokumen HTML dengan langkah-langkah berikut:  Tikkan <img src= untuk membuka penanda gambar. Salin dan tempelkan URL gambar setelah tanda "=" (apit URL dengan tanda kutip).  Tikkan > setelah URL untuk menutup penanda gambar. Sebagai contoh, jika URL gambar yang akan digunakan adalah "http://www.mypicture.com/lake", masukkan kode sebagai berikut:  <img src="http://www.mypicture.com/lake.jpg"> Anda bisa menambahkan tautan ke dokumen HTML dengan langkah-langkah berikut:  Tikkan <a href= untuk membuka penanda tautan.  Salin dan tempelkan URL setelah tanda "=" (apit URL dengan tanda kutip).  Tikkan > setelah URL untuk menutup perintah tautan HTML.  Masukkan teks yang ingin ditambahi tautan setelah tanda kurung penutup. Tikkan </a> setelah teks untuk menutup penanda tautan HTML. Berikut adalah contoh kode HTML untuk tautan ke situs Facebook.  <a href="https://www.facebook.com">Facebook</a>. Anda bisa menambahkan baris baru dengan mengetikkan penanda <br> pada dokumen. Penanda ini berfungsi membuat baris kosong yang dapat digunakan untuk memisahkan beragam segmen halaman. Klik menu “Format” di atas layar, kemudian pilih “Make Plain Text” pada menu drop-down. Opsi ini berada pada bilah menu di atas layar. Tombol ini berada pada menu drop-down di bawah opsi "File". Sebagai alternatif, Anda bisa menggunakan pintasan Ctrl+S (Windows) atau ⌘ Command+S (Mac). Tikkan nama yang Anda inginkan untuk dokumen pada kolom "File name" (Windows) atau "Name" (Mac). Anda perlu mengubah format dokumen dari berkas teks menjadi berkas HTML. Ikuti langkah-langkah berikut untuk mengubahnya:   Windows – Klik kotak drop-down "Save as type", pilih “All Files”, dan tikkan .html di ujung nama berkas.  Mac – Ganti ekstensi .txt di ujung nama berkas dengan .html. Tombol ini berada di bagian bawah jendela. Setelah itu, berkas HTML akan dibuat. Berkas HTML biasanya dibuka menggunakan peramban web utama komputer. Pada tahap ini, Anda sudah bisa membuka berkas HTML pada peramban untuk meninjau halaman web yang dibuat. Anda biasanya dapat mengeklik dua kali dokumen untuk membukanya. Jika galat muncul saat Anda mencoba membukanya, ikuti langkah-langkah berikut:   Windows – Klik kanan dokumen, pilih “Open with”, dan klik peramban yang ingin digunakan.  Mac – Klik dokumen satu kali, klik menu “File”, pilih “Open With”, dan pilih peramban yang ingin digunakan. Anda mungkin melihat galat pada halaman. Untuk mengubah atau menanganinya, Anda bisa menyunting teks dokumen:  Pada komputer Windows, klik kanan dokumen dan pilih “Edit” pada menu drop-down (jika Anda memasang Notepad++ pada komputer, opsi tersebut berlabel “Edit with Notepad++”). Pada komputer Mac, klik dokumen untuk memilihnya, pilih “File”, pilih “Open With”, dan klik “TextEdit”. Anda juga dapat menyeret dokumen HTML ke jendela TextEdit secara langsung. Jika Anda menggunakan komputer Windows, biasanya Anda dapat memilih Notepad atau Notepad++. Untuk para pengguna MacOS, Anda bisa menggunakan TextEdit:   Windows – Buka menu “Start” {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/0\/07\/Windowsstart.png","bigUrl":"https:\/\/www.wikihow.com\/images_en\/0\/07\/Windowsstart.png","smallWidth":460,"smallHeight":460,"bigWidth":760,"bigHeight":760,"licensing":"<div class=\"mw-parser-output\"><\/div>"}, tikkan notepad (atau notepad++), kemudian klik “Notepad” atau "Notepad++ or sublime" di bagian atas jendela “Start”.  MacOS – Klik ikon “Spotlight” {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/e\/ea\/Macspotlight.png","bigUrl":"https:\/\/www.wikihow.com\/images_en\/e\/ea\/Macspotlight.png","smallWidth":460,"smallHeight":460,"bigWidth":760,"bigHeight":760,"licensing":"<div class=\"mw-parser-output\"><\/div>"}, tikkan textedit, dan klik dua kali “TextEdit” di bagian atas hasil pencarian. Perintah ini memberi tahu peramban bahwa dokumen yang dibuka merupakan dokumen HTML. Penanda ini merupakan penanda pembuka kode HTML. Penanda ini berfungsi membuka segmen kepala dokumen. Konten atau informasi yang ditambahkan ke segmen kepala HTML biasanya tidak ditampilkan pada halaman web. Informasi ini mencakup judul, metadata, lembar gaya (style sheet) CSS, dan elemen atau bahasa skrip lainnya. Penanda ini berfungsi menambahkan judul pada halaman. Anda bisa memasukkan judul apa pun yang diinginkan untuk halaman web. Penanda ini berfungsi menutup penanda judul. Penanda ini merupakan penutup segmen kepala dokumen. Pada tahap ini, dokumen HTML Anda akan tampak seperti ini :  <!DOCTYPE html> <html> <head> <title>Halaman Webku</title> </head> Penanda ini berfungsi membuka segmen tubuh/inti dokumen HTML. Apa pun yang ditambahkan pada segmen ini akan ditampilkan di halaman web. Penanda ini berfungsi menambahkan tajuk pada dokumen HTML. Tajuk merupakan teks tebal besar yang biasanya ditampilkan di bagian atas dokumen HTML. Anda bisa memasukkan judul halaman atau sapaan bagi para pengunjung halaman. Penanda tersebut berfungsi menutup penanda pembuat tajuk.  Tambahkan tajuk tambahan. Ada enam jenis tajuk yang bisa dibuat menggunakan penanda <h1></h1> hingga <h6></h6>. Penanda-penanda tersebut berfungsi membuat tajuk dengan beragam ukuran. Sebagai contoh, untuk membuat tiga tajuk dengan ukuran yang berbeda secara berturut-turut, Anda bisa menggunakan kode seperti ini:  <h1>Selamat Datang di Halaman Webku!</h1> <h2>Hai! Namaku Budi.</h2> <h3>Semoga kamu menyukai halaman ini.</h3>     Tajuk menunjukkan prioritas atau tingkat kepentingan teks. Namun, perlu diingat bahwa Anda tidak perlu menggunakan tajuk dengan tingkat atau ukuran terbesar jika ingin menggunakan tajuk dengan ukuran yang lebih kecil. Biasanya, pengguna bisa langsung menggunakan penajukan “H3” meskipun dokumen tidak memuat penajukan “H1”. Penanda ini berfungsi membuka paragraf. Teks yang dimuat dalam paragraf akan ditampilkan dalam ukuran normal. Anda bisa memasukkan deskripsi halaman web atau informasi lain yang ingin dibagikan kepada para pengunjung halaman. Penanda ini berfungsi menutup paragraf. Berikut adalah contoh segmen paragraf pada dokumen HTML:  <p>Ini paragrafku.</p>    Anda bisa menambahkan beberapa baris paragraf secara berurutan untuk membuat rangkaian paragraf dalam satu tajuk. Anda bisa mengubah warna teks dengan mengapitnya menggunakan penanda <font color="warna"> dan </font>. Pastikan Anda mengetikkan nama warna (dalam bahasa Inggris) yang ingin digunakan pada elemen "warna" (tetap apit nama warna dengan tanda kutip). Dengan penanda yang sama, Anda juga bisa mengubah warna teks lainnya (mis. tajuk) menjadi warna lain. Sebagai contoh, untuk mengubah warna teks pada paragraf menjadi biru, gunakan kode berikut: <p><font color="blue">Paus adalah makhluk yang sangat besar.</font></p>  Anda bisa menebalkan, memiringkan, dan memformat teks dengan kode HTML. Berikut adalah beberapa contoh pemformatan teks menggunakan penanda HTML: <b>Teks tebal</b> <i>Teks miring</i> <u>Teks bergaris bawah</u> <sub>Teks subskrip</sub> <sup>Teks superskrip</sup>    Jika Anda ingin menebalkan dan memiringkan teks untuk menonjolkan informasi tertentu, dan bukan sekadar “menghias” teks, gunakan penanda <strong> dan <em> sebagai pengganti penanda <b> dan <i>. Dengan demikian, halaman Anda lebih mudah diproses dan “dipahami” saat diakses melalui teknologi atau fitur seperti pembaca layar (screen reader)  atau mode pembaca pada beberapa peramban. Setelah selesai menambahkan semua teks, gambar, atau elemen lain ke bagian tubuh dokumen, tambahkan penanda ini di akhir dokumen HTML untuk menutup bagian tersebut. Tambahkan penanda ini di bawah penanda penutup bagian tubuh, di akhir dokumen HTML. Penanda ini memberi tahu peramban bahwa tidak ada lagi kode HTML setelah penanda tersebut. Secara keseluruhan, dokumen HTML Anda akan tampak seperti ini:  <!DOCTYPE html> <html>  <head> <title>Halaman Penggemar wikiHow</title> </head>  <body>  <h1>Selamat Datang di Halamanku!</h1> <p>Ini adalah halaman penggemar wikiHow. Selamat menikmati!</p>  <h2>Tanggal Penting</h2> <p><i>15 Januari 2019</i> - Ulang Tahun wikiHow</p>  <h2>Tautan</h2> <p>Berikut adalah tautan menuju situs wikiHow: <a href="http://www.wikihow.com">wikiHow</a></p>  </body> </html>
Tambahkan gambar ke halaman. Tautkan teks ke halaman lain. Tambahkan baris baru ke dokumen HTML. Ubah format dokumen menjadi dokumen teks polos atau plain text (untuk pengguna Mac saja). Klik File. Klik Save as. Masukkan nama dokumen HTML. Ganti jenis berkas dokumen. Klik Save. Tutup jendela penyunting teks. Buka dokumen HTML pada peramban. Sunting dokumen jika perlu. Buka program penyunting teks. Tikkan <!DOCTYPE html> dan tekan tombol ↵ Enter. Tikkan <html> dan tekan tombol ↵ Enter. Tikkan <head> dan tekan tombol ↵ Enter. Tikkan <title>. Masukkan judul untuk halaman. Tikkan </title> dan tekan tombol ↵ Enter. Tikkan </head> dan tekan tombol ↵ Enter. Tikkan <body> di bawah penanda "Head" penutup. Tikkan <h1>. Masukkan tajuk halaman. Tikkan </h1> setelah tajuk dan tekan tombol ↵ Enter. Tikkan <p>. Masukkan teks. Tikkan </p> setelah teks dan tekan tombol ↵ Enter. Tikkan </body> untuk menutup segmen tubuh atau inti dokumen. Tikkan </html> untuk menutup dokumen HTML.
https://www.wikihow.com/Create-a-Simple-Web-Page-with-HTML https://www.wikihow.com/Create-a-Simple-Web-Page-with-HTML https://www.wikihow.com/Create-a-Simple-Web-Page-with-HTML https://www.wikihow.com/Create-a-Simple-Web-Page-with-HTML https://www.wikihow.com/Create-a-Simple-Web-Page-with-HTML
Adding Additional Elements to Your HTML Saving and Opening Your Web Page Adding a Head to Your HTML Adding a Body and Text to Your HTML Closing Your HTML Document