Cara Membuat Halaman Web Sederhana dengan HTML

Artikel ini diposisikan di situs wikiHow mengajarkan hosting >website Anda cara untuk menulis halaman web sederhana dengan HTML (hypertext markup language). HTML adalah salah satu komponen utama dari World Wide Web, membentuk struktur halaman internet. Setelah Anda membuat halaman web Anda, Anda dapat menyimpannya sebagai catatan HTML dan mempertimbangkannya di browser internet Anda. Membuat halaman HTML adalah layak penggunaan editor teks dasar yang diamati pada sistem komputer Windows dan Mac.

Buka editor konten tekstual. Pada laptop yang menjalankan sistem operasi Windows, Anda biasanya dapat menggunakan Notepad, atau Notepad ++ sementara pelanggan macOS akan menggunakan pengguna TextEdit dan ChromeOS akan menggunakan Teks:

Ketik dan tekan ↵ Enter. Ini memberi tahu browser web bahwa ini adalah dokumen HTML. [1]

Ketik dan tekan ↵ Enter. Tag awal ini untuk kode HTML Anda.

Ketik dan tekan ↵ Enter. Ini adalah tag yang membuka kepala HTML Anda. Fakta-fakta kepala HTML yang biasanya tidak selalu ditampilkan ke halaman web Anda. Fakta-fakta ini dapat mencakup, judul, meta data, style sheet CSS, dan bahasa scripting yang berbeda. [2]

Ketik . Ini adalah tag untuk menambahkan nama di halaman web Anda. </p> <p> Ketikkan nama ke halaman web Anda. Ini bisa menjadi judul apa pun yang ingin Anda beri nama halaman web Anda. </p> <p> Ketik </judul>dan tekan ↵ Enter. Ini adalah tag untuk menutup tag nama Anda. </p> <p> Ketik </kepala>dan tekan ↵ Enter. Ini adalah tag untuk menutup kepala Anda. Kode HTML Anda harus terlihat seperti ini.<! DOCTYPE html><html><head><identify>My Web Page

Ketik di bawah tag “Head” tertutup. Tag ini membuka bingkai laporan HTML Anda. Segala sesuatu yang terjadi dalam presentasi tubuh HTML di halaman web.

Ketik

. Ini adalah tag untuk menampilkan judul dalam laporan HTML Anda. Heading adalah teks ambisius besar yang biasanya terjadi di bagian atas file HTML Anda.

Ketik judul untuk halaman Anda. Ini bisa berupa judul halaman Anda atau salam.

Ketik

setelah judul tekstual anda dan tekan ↵ Enter. Tag ini menutup judul Anda.Tambahkan judul tambahan saat Anda pergi. Ada enam judul jenis yang dapat Anda buat melalui penggunaan

< / h1>thru

< / h6>tags. Ini membuat judul dengan ukuran yang berbeda. Misalnya, untuk membuat 3 judul berukuran berbeda berturut-turut, Anda dapat menulis yang berikutnya:

Welcome ke Halaman Saya!

Panggilan saya adalah Bob.

S harap Anda menginginkannya di sini.

Judul menunjukkan prioritas atau signifikansi konten tekstual. Tetapi sekarang tidak perlu menggunakan judul yang lebih tinggi jika Anda ingin menerapkan judul yang lebih rendah. Seseorang dapat langsung menggunakan H3, bahkan jika mungkin tidak ada H1 untuk publikasi Anda.

Ketik

. Ini adalah tag untuk membuka paragraf. Tekstual paragraf digunakan untuk menampilkan teks berukuran biasa.

Ketik beberapa teks. Ini bisa menjadi deskripsi untuk halaman web Anda atau fakta lain yang ingin Anda proporsikan.

Ketik

setelah teks anda dan tekan ↵ Enter. Ini tag untuk menutup teks teks teks paragraf Anda. Berikut ini adalah contoh tekstual paragraf dalam HTML:

Ini adalah paragraf saya.

Anda dapat menambahkan lebih dari satu baris baris dalam perjalanan untuk membuat rantai paragraf di bawah satu judul.Anda dapat mengganti warna teks apa pun dengan membingkai tekstual dengan warna dan < / font>tags. Pastikan untuk membentuk warna pilihan Anda ke bagian “naungan” (Anda akan menyimpan kutipan). Anda dapat membalik konten tekstual apa pun (misalnya, header) menjadi warna yang luar biasa dengan kumpulan tag ini. Misalnya, untuk mengubah teks paragraf menjadi biru, Anda akan menulis kode berikut:

Mengapa makhluk agung.

Anda dapat menambahkan huruf tebal, huruf miring dan codec teks lainnya penggunaan HTML. Berikut ini adalah contoh cara Anda dapat memformat konten tekstual penggunaan tag HTML:[tiga]Bold textItalic textual contentMenSeltuned textSubscript textual contentSuperscript textual contentJika Anda menggunakan teks yang tangguh dan miring untuk penekanan, tidak hanya untuk styling, gunakan dan elements di tempat dan . Hal ini membuat halaman web Anda lebih mudah untuk memahami sementara penggunaan teknologi seperti pembaca layar atau modus pembaca dilengkapi di beberapa browser.

Tambahkan foto di halaman Anda. Anda dapat mengunggah gambar di HTML Anda dengan menggunakan langkah-langkah berikut:Ketik

Tautkan ke halaman lain. Anda dapat menambahkan tautan di HTML Anda menggunakan langkah-langkah berikut:Ketik Facebook.

Tambahkan reruntuhan baris dalam HTML Anda. Anda dapat mengunggah kerusakan baris dengan menggunakan mengetik
dalam HTML Anda. Ini menciptakan garis horizontal yang dapat digunakan untuk membagi bagian yang berbeda dari halaman web Anda.

Lihat daftar nama dan kode warna HTML resmi. World Wide Web Consortium (W3C) mengelola daftar warna yang sah yang akan Anda temukan di https://www.w3.org/wiki/CSS/Properties/colour/keywords. Setiap warna memiliki panggilan resmi, kode heksadesimal 6 digit, dan nilai desimal. Anda dapat menggunakan salah satu dari nilai-nilai ini untuk menampilkan warna untuk faktor-faktor situs web Anda. Untuk contoh ini, kita akan menggunakan nama warna yang dapat diandalkan.

Atur warna sejarah di dalam tag. Anda akan melakukan ini dengan menambahkan atribut mode ke tag. Katakanlah Anda ingin membuat latar belakang warna halaman lengkap lavender:

Atur warna konten tekstual untuk tag apa pun. Anda juga dapat menggunakan karakteristik gaya untuk menentukan warna mana yang Anda inginkan semua konten tekstual dalam tag yang dipilih. Misalnya, haruskah kami merangkul Anda ingin membuat konten tekstual menjadi salah satu di setiap

tags midnightblue Anda:

Perubahan warna akan paling sederhana memiliki efek pada teks dalam

tag itu. Jika Anda memulai setiap <>pp lain nanti yang juga harus midnightblue, Anda mungkin perlu mengatur fitur gaya di sana juga.

Atur warna latar belakang untuk header atau paragraf. Mirip dengan cara Anda mengatur warna warisan untuk tag bingkai, Anda juga dapat mengatur nuansa latar belakang untuk tag yang berbeda. Katakanlah Anda ingin membuat warna latar belakang

lightgrey, dan warna sejarah header gaya H1 lightskyblue, Anda akan menggunakan:

Tipe < / tubuh>untuk menutup tubuh Anda. Setelah Anda selesai menyertakan semua konten tekstual Anda, foto dan elemen lainnya ke bingkai catatan HTML Anda, unggah tag ini di bagian bawah dokumen HTML Anda untuk menutup isi file HTML Anda.

Add a Comment

Your email address will not be published.