Cara Membuat Situs Web Hanya dalam Beberapa Jam

Membuat situs web tidak harus sulit. Dalam artikel ini, kita akan membahas dasar-dasar pembuatan halaman html dan cara membuat daftar penyertaan mini. Berikutnya, kita akan membahas cara menggunakan html>-tag untuk menyorot teks. Akhirnya, kami akan menunjukkan cara membuat situs web hanya dalam beberapa jam. Kami juga akan membahas beberapa teknik berguna lainnya.

Membuat halaman html

HTML adalah bahasa yang digunakan untuk membangun halaman web. Ini mendefinisikan struktur halaman web dan CSS mengontrol bagaimana konten ditampilkan. Tidak sulit untuk membuat halaman HTML dasar. Berikut panduan langkah demi langkah untuk memulai. Setelah Anda memiliki halaman HTML dasar, Anda siap membuat yang lebih kompleks dan dinamis. Untuk memulai, Anda memerlukan editor teks dan browser web.

Anda juga dapat menggunakan pengolah kata seperti MS Word untuk membuat konten halaman web Anda. Anda dapat menggunakan hyperlink untuk menghubungkan teks satu sama lain. Anda juga dapat menyimpan file sebagai file html, sebuah halaman web. Metode ini bekerja dengan baik, namun halaman yang Anda buat dengan cara ini berukuran besar dan tidak terlihat bagus di jendela browser. Satu-satunya kelemahan metode ini adalah Anda harus belajar menggunakan alat yang tersedia.

HTML adalah bahasa markup, yang berarti Anda perlu menyertakan tag untuk memformat konten pada halaman. Setiap tag mewakili salah satu elemen halaman. Sebuah tag diidentifikasi dengan tanda kurung sudut. Beberapa elemen hanya memerlukan satu tag, sementara yang lain membutuhkan dua. Tag penutup berisi garis miring. Sebagai contoh, tag paragraf membuat elemen yang disebut paragraf. Teks di antara tag pembuka dan penutup merupakan teks paragraf. Demikian pula, tag ul membuat daftar tidak berurutan.

Membuat daftar penyertaan mini

Membuat bagian mini-include adalah cara efektif untuk menghubungkan berbagai elemen pada halaman web yang sama. Halaman HTML dapat dibagi menjadi beberapa sub-bagian, dengan setiap bagian berisi daftar elemen. Elemen-elemen ini mempunyai tujuan yang berbeda-beda. Anda dapat menggunakan atribut type untuk menampilkan urutan abjad. Anda juga dapat menggunakan huruf kecil untuk membuat daftar elemen dengan huruf a, B, atau c.

Menambahkan elemen itu mudah. Dokumen HTML sederhana berisi tag yang menentukan isinya. Tag ini biasanya berpasangan. Tag pembuka digunakan untuk mencantumkan elemen di dalamnya, sedangkan tag penutup menutup elemen. Tag pembuka, atau kepala, berisi informasi deskriptif tentang dokumen tersebut. Informasi ini mungkin termasuk judul, informasi lembar gaya, skrip, atau informasi meta. Tag penutup, di samping itu, menutup elemen.

Menggunakan html>-menandai

Htmlnya>-tag digunakan untuk menentukan area konten utama dokumen HTML. Area konten utama terdiri dari teks yang berkaitan dengan topik sentral atau fungsi halaman. Itu harus unik dari konten lain di situs. Konten lain mungkin muncul di halaman dalam bentuk sidebar, tautan navigasi, informasi hak cipta, logo situs, dan formulir pencarian. Halaman HTML harus mengikuti html>-tag untuk dianggap sebagai halaman HTML.

Atribut href= membuka elemen link. Setelah “=” tanda, Anda harus menempelkan URL tautan tersebut. Anda juga dapat menggunakan beberapa baris paragraf dalam satu judul. Braket penutup adalah suatu keharusan. Ini akan mencegah tautan Anda disalahartikan. Untuk membuat halaman html lebih mudah dibaca, tambahkan tautan ke situs web Anda. Htmlnya>-tag akan memungkinkan Anda menambahkan tautan yang mengarah ke halaman web lain.

File HTML akan memiliki ekstensi .html yang akan memberi tahu komputer Anda bahwa itu adalah file HTML. Yang terbaik adalah menggunakan tanda hubung daripada spasi, karena spasi akan mencegah browser web menemukan file. Setelah Anda selesai membuat halaman HTML, kamu harus menyimpannya. Berikutnya, navigasikan ke folder dengan file HTML dan klik kanan. Ini akan tampak seperti gambar di bawah.

Menggunakan html>-tag untuk menyorot teks

Anda dapat menggunakan tandanya> tag untuk menyorot teks dalam dokumen HTML. Ini adalah HTML yang relatif baru 5 fitur, dan itu mendefinisikan bagian paragraf yang disorot. Tandanya> tag bekerja dengan mengubah properti warna latar belakang dari dokumen HTML yang mendasarinya. Tandanya> tag mendukung Atribut Global dan Acara. Ini akan menyorot teks dengan warna kuning atau hitam. Dimungkinkan juga untuk mengubah warna teks di file CSS yang mendasarinya.

Kebanyakan pembaca layar tidak mengumumkan elemen tanda, tetapi Anda dapat menggunakan properti konten CSS atau.sebelum dan.setelah elemen semu untuk memperjelas teks mana yang ingin Anda sorot. Pengumuman bersifat bertele-tele dan menambahkan informasi yang tidak perlu ke halaman, jadi Anda harus menggunakannya dengan hemat. Sebagai contoh, Anda dapat menggunakan pengumuman untuk menyorot istilah pencarian atau memblokir kutipan. Pengumuman didukung oleh semua browser utama.

Selain gaya warna latar belakang, Anda dapat menggunakan 'sorot saya’ kelas untuk menyorot teks dalam dokumen HTML Anda. Gaya warna latar belakang didukung oleh semua browser. Anda juga bisa menggunakan kata 'kuning’ bukannya kode warna. Anda dapat menggunakan kode yang sama untuk menyorot paragraf atau bagian teks. Anda juga dapat menggunakan kelas CSS untuk menyorot teks.

Menggunakan html>-tag untuk membuat daftar penyertaan mini

Htmlnya>-tag digunakan untuk membuat daftar mini-include. Ini berisi tag penutup yang sesuai dan nama elemennya menggunakan huruf kecil. Dokumen HTML dikodekan menggunakan pengkodean karakter UTF-8, yang mendukung penyertaan karakter Unicode. Saat menggunakan html>-menandai, pastikan untuk memilih UTF-8 di “simpan sebagai” kotak dialog.

Menggunakan html>-tag untuk menambahkan daftar penyertaan mini ke halaman HTML itu mudah. Anda dapat menggunakan tag ini untuk elemen apa pun yang mendukung daftar tidak berurutan. Anda bahkan dapat menggunakan daftar tidak berurutan untuk menu navigasi. Elemen dl menyertakan daftar pasangan istilah dan deskripsi. Item dalam daftar terurut ditampilkan dengan penghitung yang meningkat ke kiri. Anda juga dapat menghilangkan elemen dl jika item daftar langsung diikuti oleh elemen lain.

Cara lain untuk menyisipkan daftar mini-include adalah dengan menambahkan elemen footer dalam dokumen HTML. Elemen ini mewakili footer dari konten bagian terdekat. Biasanya berisi informasi tentang penulis, data hak cipta, atau tautan ke dokumen terkait. Menggunakan html>-tag untuk membuat daftar penyertaan mini pada halaman HTML

Menggunakan html>-tag untuk menyorot blok teks individual

HTML5 menyorot blok teks individual dengan tanda> elemen. Tag HTML5 ini mengubah warna konten dalam sumber menjadi warna kuning atau hitam tertentu, memungkinkan pembaca untuk membedakan teks penting. Ini juga dapat digunakan untuk menunjukkan bagian konten yang memerlukan perhatian lebih dibandingkan teks lainnya. Tandanya> elemen mendukung Atribut Global dan Atribut Acara dalam HTML. Bila digunakan dengan benar, tag HTML5 ini dapat meningkatkan keterbacaan halaman web.

Standar HTML4 tidak lagi menggunakan tag tingkat karakter gaya fisik. Mereka berurusan dengan presentasi, dan lebih baik menggunakan CSS untuk tujuan ini. HTML5 telah memperkenalkannya kembali. Mereka tidak lagi ditinggalkan, tapi itu masih bukan satu-satunya cara untuk menyorot blok teks individual. Gunakan CSS untuk menyorot setiap blok teks dengan HTML5! Metode sederhana ini akan menyorot blok teks individual dalam suatu konten.

Mengambang: Anda dapat menggunakan properti CSS ini untuk mengapungkan elemen ke tepi kiri atau kanan elemen yang memuatnya. Ini dapat digunakan untuk membuat kisi atau kolom. Anda juga dapat menggunakan properti CSS yang disebut float untuk mengapungkan iframe atau gambar ke margin kiri atau kanan browser. Atribut ini memudahkan untuk menyorot blok individual dengan CSS.