Postingan

Menampilkan postingan dengan label HTML

Cara Membuat Paragraf pada HTML

Gambar
 Paragraf pada HTML Paragraf pada html merupakan suatu tag untuk membuat suatu element dalam penulisan html. Dalam pargraf itu sendiri terdapat 3 elemen/tag lain yang bisa dikombinasikan langsung dengan tag paragraf <p> yaitu:              1. Paragraf rata kiri menggunakan align left               2. Paragraf rata kanan menggunakan align right             3. Paragraf rata tengah menggunakan align center             4. Paragraf rata kiri kanan menggunakan align justivy Penulisan Paragraf <p> Dalam membuat  paragraf pada html kita meggunakan tag <p>. Perhatikan contoh berikut: <!DOCTYPE html> <html> <head>  <title>belajar membuat paragraf</title> </head> <body> <p>ini merupakan penulisan paragraf pertama dalam dokument HTML</p> <p>ini ...

Cara Membuat Heading Pada HTML

Gambar
Membuat Heading Pada Html      Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. Tag heading memiliki enam tingkatan yang berurutan yaitu: <h1>, <h2>, <h3>, <h4>, <h5>, <h6> yang bisa digunakan untuk menambah struktur halaman web. Contoh H1:                             <!DOCTYPE html>                <html>                     <head>                <title>Cara membuat Heading</title>                     </head>                     <body>            ...

Cara Membuat Layout Web Responsive Dengan HTML dan CSS

Gambar
  Membuat Layout Web Responsive dengan HTML dan CSS Layout web merupakan suatu kerangka yang tersusun menjadi satu kesatuan halaman sebuah website. Saat kita memulai untuk membuat website layout menjadi bagian penting karena erat berkaitan dengan user interface dan user experience. Pada artikel kali ini saya ingin coba membagikan tutorial cara membuat layout template web responsive dengan menggunakan HTML dan CSS. Secara umum tampilan web memiliki 4 struktur layout yaitu: >> Header >> Silebar >> Konten >> Footer Bagian header dapat berupa judul dan tagline website, bagian silebar bisa di masukan daftar menu atau ads. bagian konten merupakan bagian utama pada website dimana fokus pengguna akan lebih banyak menyorot pada bagian layout ini. yang terakhir bagian footer yang berada pada posisi bottom di website, biasanya berisi keterangan tambahan pada suatu website. Contoh Program: Buatlah sebuah file dengan teks editor yang kalian miliki bisa berupa notepad, ...

Cara Membuat Navbar di HTML dengan CSS

Gambar
  Cara Membuat Navbar di HTML dengan CSS Hello Guys, Kembali lagi bersama Ahann kali ini saya akan membagikan Tutorial Cara Membuat Navbar di HTML dengan CSS. Namun kali ini saya akan membuat Navbar secara manual dengan kombinasi HTML dan CSS.  Kita masih tetap menggunakan komponen list dengan jenis unordered list (UL) untuk membuat struktur navbar-nya. Selain itu akan kita tambahkan style CSS pada navbar htmlnya. CSS akan kita buat dengan teknik eksternal CSS, yang mana kita akan meload data/file css nya diluar dokumen html itu sendiri atau bahasa sederhananya membuat file terpisah antara file html dan css-nya. Coba perhatikan pada syntax html berikut ini: <! DOCTYPE html > < html > < head >   < title >Membuat Navbar di HTML dengan CSS</ title > </ head > < body > < ul >   < li >< a href = "#Home" >Home</ a ></ li >   < li >< a href = "#Article" >Article</ a ></ li ...