Penulisan Teks

HTML menggunakan tag untuk mengatur tampilan teks. Beberapa tag yang sering digunakan adalah:

– Tag

hingga

: digunakan untuk membuat judul dengan tingkatan yang berbeda. Tag

memiliki tingkat kepentingan tertinggi, sedangkan tag

memiliki tingkat kepentingan terendah.

– Tag

: digunakan untuk membuat paragraf.

– Tag dan : digunakan untuk memberikan penekanan pada teks. Tag digunakan untuk memberikan penekanan yang lebih kuat, sedangkan tag digunakan untuk memberikan penekanan yang lebih lemah.

– Tag

dan

: digunakan untuk membuat daftar tidak terurut (

) dan daftar terurut (

). Setiap elemen daftar dikelilingi oleh tag
1. .

   Pengaturan Gambar

   Untuk menampilkan gambar di halaman web, HTML menggunakan tag . Tag ini memiliki beberapa atribut yang penting, seperti:

   – Src: atribut ini digunakan untuk menentukan URL atau path ke lokasi gambar.

   – Alt: atribut ini digunakan untuk memberikan teks alternatif ketika gambar tidak dapat ditampilkan. Teks alternatif ini juga bermanfaat untuk aksesibilitas web.

   – Width dan height: atribut-atribut ini digunakan untuk mengatur lebar dan tinggi gambar secara eksplisit. Dengan mengatur lebar dan tinggi, gambar akan tetap terlihat proporsional meskipun terjadi perubahan ukuran pada tampilan web.

   Dengan menggunakan tag-tag HTML yang tepat, Anda dapat memformat dan menampilkan isi halaman web sesuai dengan keinginan Anda. Penting untuk memahami syntax dasar HTML agar dapat membangun halaman web yang profesional dan mengesankan.

   Cara Menggunakan HTML

   Jika Anda ingin belajar membuat halaman web, Anda perlu memahami dasar-dasar HTML. HTML adalah singkatan dari HyperText Markup Language, yang merupakan bahasa markup yang digunakan untuk membuat konten halaman web. Dalam artikel ini, kami akan membahas pengertian HTML dalam bahasa Indonesia.

   Membuat File HTML

   Langkah pertama untuk menggunakan HTML adalah membuat file HTML baru dengan ekstensi .html. Anda dapat menggunakan editor teks sederhana seperti Notepad atau Sublime Text untuk membuat file ini. Pastikan Anda menyimpan file dengan ekstensi .html agar dapat dijalankan sebagai halaman web.

   Struktur Dasar HTML

   Setiap file HTML mempunyai struktur dasar yang terdiri dari tiga bagian utama: tag html, tag head, dan tag body. Tag html menandakan bahwa file ini merupakan dokumen HTML. Tag head berisi informasi tentang halaman web seperti judul halaman, tautan stylesheet, dan meta tag. Sedangkan tag body berisi konten utama dari halaman web.

   Menambahkan Konten

   Setelah mengetahui struktur dasar HTML, Anda dapat mulai menambahkan konten ke halaman web. Di dalam tag body, Anda dapat menggunakan berbagai elemen HTML untuk menampilkan teks, gambar, tautan, dan lainnya.

   Berikut adalah beberapa elemen HTML yang sering digunakan:

   Tag Heading

   Tag heading digunakan untuk mengatur tingkatan judul dalam halaman web. Terdapat enam tingkatan tag heading, yaitu h1 hingga h6. Semakin tinggi nomor heading, semakin kecil ukuran font yang digunakan.

   Tag Paragraph

   Tag paragraph digunakan untuk menampilkan teks paragraf dalam halaman web. Konten teks yang dimasukkan di antara tag p akan otomatis ditampilkan sebagai paragraf yang berbeda.

   Tag Image

   Tag image digunakan untuk menampilkan gambar dalam halaman web. Anda perlu menentukan atribut src pada tag image untuk menentukan sumber gambar yang akan ditampilkan.

   Tag Link

   Tag link digunakan untuk membuat tautan atau hyperlink dalam halaman web. Anda perlu menentukan atribut href pada tag link untuk menentukan URL yang akan dituju.

   Selain elemen-elemen di atas, terdapat banyak elemen HTML lainnya yang dapat Anda pelajari. Dengan memahami dasar-dasar HTML dan menguasai elemen-elemen ini, Anda akan dapat membuat halaman web yang menarik dan interaktif.

   Semoga artikel ini dapat membantu Anda dalam memahami pengertian HTML dan cara penggunaannya. Selamat belajar membuat halaman web!

   Menggunakan CSS dalam HTML

   Pada subsection ini, kita akan membahas tentang penggunaan CSS dalam HTML. CSS sendiri adalah singkatan dari Cascading Style Sheets yang memiliki fungsi untuk mengatur tampilan halaman web.

   Pengenalan CSS

   Sebelum kita masuk ke dalam penggunaan CSS dalam HTML, ada baiknya kita memahami terlebih dahulu apa itu CSS. Singkatnya, Cascading Style Sheets atau CSS adalah sebuah bahasa pemrograman yang digunakan untuk mengendalikan tampilan dari elemen-elemen yang ada di dalam sebuah halaman web.

   Dengan CSS, kita dapat mengubah tampilan elemen HTML seperti warna, ukuran, dan posisi. CSS memberikan keleluasaan bagi pengembang web untuk menciptakan tampilan yang unik dan kreatif.

   Menyisipkan CSS

   Setelah mengetahui pengenalan tentang CSS, selanjutnya kita akan membahas tentang cara menyisipkan CSS ke dalam file HTML. Ada dua cara yang umum digunakan, yaitu dengan menggunakan tag style atau dengan menggunakan file eksternal CSS.

   Jika menggunakan tag style, kita harus menyisipkan tag tersebut di dalam tag head pada file HTML. Dalam tag style, kita dapat menuliskan kode-kode CSS untuk mengatur tampilan elemen-elemen pada halaman web. Contohnya seperti berikut:

   <head>
       <style>
           h1 {
               color: blue;
               font-size: 24px;
           }
       </style>
   </head>
   

   Selain menggunakan tag style, kita juga dapat menyisipkan CSS dengan menggunakan file eksternal. Caranya adalah dengan menyimpan kode CSS pada file terpisah dengan ekstensi .css, kemudian menyisipkannya ke dalam file HTML dengan menggunakan tag link. Pada tag link, kita harus mengatur atribut href untuk menunjukkan alamat file eksternal CSS. Contohnya seperti berikut:

   <link rel="stylesheet" href="style.css">
   

   Perlu diingat bahwa cara ini memungkinkan kita untuk menggunakan satu file CSS yang sama pada halaman web yang berbeda. Hal ini membuat proses pengembangan web menjadi lebih efisien dan terorganisir.

   Penerapan CSS

   Setelah kita mengetahui cara menyisipkan CSS ke dalam file HTML, selanjutnya kita akan membahas tentang penerapan CSS dalam mengubah tampilan elemen HTML.

   Dalam CSS, kita dapat menentukan tampilan elemen berdasarkan selector. Selector adalah sebuah aturan yang digunakan untuk menentukan elemen HTML mana yang akan diberikan style dengan menggunakan CSS.

   Contoh penggunaan CSS untuk mengubah tampilan elemen h1 menjadi warna merah dan ukuran font 24px adalah sebagai berikut:

   h1 {
       color: red;
       font-size: 24px;
   }
   

   Kode di atas akan memberikan style pada semua elemen h1 pada halaman web yang menggunakan CSS tersebut. Selain itu, kita juga dapat menggunakan selector lain seperti class dan id untuk menentukan elemen mana yang akan diberikan style.

   Dengan memahami cara menggunakan, menyisipkan, dan menerapkan CSS dalam HTML, kita dapat mengatur tampilan halaman web dengan lebih fleksibel dan menarik. CSS memungkinkan kita untuk menciptakan tampilan yang unik dan kreatif sesuai dengan kebutuhan proyek yang kita kerjakan.