Skip to main content

Posts

Showing posts with the label HTML&CSS

Belajar HTML Dasar #6 - Membuat Tabel Pada HTML

Membuat Tabel Pada HTML Tabel merupakan struktur yang digunakan untuk nmenampilkan informasi dalam bentuk baris dan kolom. Pada html, untuk pembuatan tabel menggunakan tag <table> dan menggunakan tag <tr>   untuk membuat baris dan <td> untuk membuat kolom. Untuk lebih mudah dalam memahami pembuatan table pada html, berikut ini akan saya sajikan penjelasan tag yang terlibat dalam pembuatan table pada HTML. Tag <table> merupakan tag pembuka dalam pembuatan sebuah table pada html, tanpa tag <table>   ini, penggunaan <tr> dan <td> tidak bisa digunakan dengan baik. < tr> atau dikenal dengan table row merupakan tag yang digunakan untuk membuat baris dalam table html. <td> atau dikenak dengan tabel data merupakan tag yang digunakan untuk membuat kolom  dalam baris dan tag < th> untuk membuat tablehead atau bagian kepala pada table. Dibawah ini adalah contoh pembuatan table pada HTML berikut : <! DOCTYPE html > < html > &

Belajar HTML Dasar #5 - Membuat Paragraf Pada HTML

Membuat Paragraf Pada HTML Untuk memahami pembuatan paragraf pada HTML, diharapkan anda terlebih dahulu sudah memahami penulisan dan apa itu tag, element, atribut. paragraf disini merupakan suatu tag untuk membuat penulisan dalam bentuk paragraf. tag paragraf ini terdapat 3 atribut/tag yang bisa dikombinasikan langsung dengan tag paragraf atribut tag tersebut yaitu : 1. Membuat paragraf rata kiri menggunakan <p align="left"> .................. </p> 2. Membuat paragraf rata kanan menggunakan  <p align="right"> .................. </p> 3. Membuat paragraf rata tengan menggunakan  <p align="center"> .................. </p> 4. Membuat paragraf rata kiri kana menggunakan  <p align="justify"> .................. </p> Paragraf menggunakan <p>. Berikut ini adalah implementasi dari <p>   dalam dokumen html : <! DOCTYPE html > < html > < head > < title >belajar membuat parag

Belajar HTML Dasar #4 - Format Text Pada HTML

  Format Text Pada HTML Dalam penuliasan HTML sangat sering menggunakan format text didalamanya. baik itu dalam penulisan judul, ataupun isi dari content/halaman website sendiri. Berikut beberapa penjelasan dan contoh dari Format Text Pada HTML. Ada beberapa format text yang umumnya di gunakan, di antaranya adalah Membuat Huruf Tebal (Bolt) Untuk membuat teks menjadi tebal di tampilan sebuah website, kita bisa menggunakan tag <b> berikut ini adalah contoh syntax html untuk membuat tulisan menjadi tebal : < b >ini text tebal</ b > Membuat Huruf Menjadi Miring (italic) Untuk membuat teks menjadi miring/italic di tampilan sebuah website, kita bisa menggunakan tag <i> berikut ini adalah contoh syntax html untuk membuat tulisan menjadi miring/italic : < u >ini text underline</ u > Format Text yang sering digunakan di HTML tag Description < b > format text bold/tebal < i > format text italic/miring < u > format text underline/garis bawah

Belajar HTML Dasar #3 - Heading Pada HTML

Heading Pada HTML Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. element tag heading ini memiliki 6 tingkatan yang berurutan yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6> yang bisa digunakan untuk menambah ke struktur halaman web. perbedaan masing-masing heading yaitu besar hingga kecil teks. contohnya tag/element <h1> lebih besar dari element <h2> dan seterusnya. Penggunaan masing-masing heading juga berbeda, berikut penggunaan masing-masing tag/element heading yang sering digunakan pada pengolahan halaman web : <h1>  adalah heading yang digunakan untuk penulisan judul utama dari dokumen <h2>  adalah heading yang digunaakan sebagai sub dari <h1> <h3>  adalah heading yang digunaakan sebagai sub dari <h2> Untuk penggunaan <h4>, <h5>, <h6> tergantung programer sendiri untuk memperindah halaman web sesuai keperluan. Berikut ini adalah contoh

Belajar HTML Dasar #2 - Mengenal Tag, Elemen, Dan Atribut HTML

Mengenal Tag, Element, dan Atribut HTML Setelah sebelumnya kita membahas tentang Pengenalan HTML, Text Editor. kini kita akan memasuki tutorial pengenalan dan penggunaan Tag, Element dan Atribut dalam HTMl. Ketiga pembahasan ini merupakan dasar dalam penulisan kode HTML atau dasar dari seluruh tampilan halaman web yang ada di internet. Baca juga : Belajar HTML Dasar untuk pemula #1 Tag HTML Tag merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web browser. baik text itu berupa list, paragraf, link dan sebagainya. disinilah di gunakan tag. dalam penulisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang di maksudkan berada diantara pembuka dan penutup tag. berikut penulisan tag yang digunakan dalam HTML          <tag> Objek yang diisi </tag> Perbedaan antara tag pembuka dan tag penutup yaitu, pada tag pembuka diawali kurung sudu

Belajar HTML Dasar Untuk Pemula #1

Belajar HTML Dasar Apa itu HTML?. Pada kesempatan sebelumnya saya sudah pernah membahas mengenai sejarah, pengertian, contoh html, dll pada artikel sebelunya.  Baca Juga : Pengertian HTML, Contoh, dan Cara Kerjanya Nah, jadi pada artikel kali ini kita akan mencoba belajar html dari yang paling dasar agar teman-teman bisa memahaminya dengan baik dan benar serta membahasnya sedikit. Pada judul Belajar HTML Dasar   ini akan dijelaskna tentang pengertian html dan sekilas tentang sejarah html dan perkembangannya Apa Itu HTML? HTML (Hyper Text Markup Language) adalah sebuah bahasa formatting yang digunakan untuk membuat sebuah halaman website. Di dalam dunia pemrograman berbasis website(Web Programming), HTML menjadi pondasi dasar pada halaman website. sebuah file HTML di di simpan dengan ekstensi .html (dot html). dan dapat di eksekusi atau diakses menggunakan web browser(Google Chrome, Mozilla Firefox, Opera, Safari dan lain-lain). seperti yang sudah di jelaskan, HTML adalah dasar dari seb

HTML dan CSS - Membuat Form Pendaftaran Sederhana

Nah, Pada kesempatan kali ini saya akan mencoba membuat sebuah form pendaftaran sederhana menggunakan html dan css. pada artikel-artikel sebelumnya kita sudah membahs mengenai pengertian, sejarah dll tentang html dan css. nah sekarang kita coba untuk mempraktekannya. Membuat Form Pendaftaran Sederhana Untuk membuat form nya, pertama-tama kalian buka terlebih dahulu aplikasi code editor kalian. aplikasinya bebas mau sublime text, vs code, dan masih banyak lagi yang lainnya yang penting bisa untuk membuat html dan css. nah untuk langkah langkahnya, kalian bisa ikuti seperti yang saya contohkan di bawah ini. Membuat file html Dibawah ini merupakan file html yang kita gunakan untuk membuat form, silahkan kalian bisa mengikutinya. <! DOCTYPE   html > < html   lang = "en" > < head >     < title >Form Pendaftaran</ title > </ head > < body >      < div   id = "login-box" >          < div   class = "left-box" >