Cara Mengontrol HTML Untuk Sebuah Website

Cara Mengontrol HTML Untuk Sebuah Website

redspiral.net Kemampuan membangun HTML,dengan CSS dan JS yang bisa digunakan dengan fleksibel membuat HTML menjadi kesukaan beberapa orang. Pada kesempatan kali ini kami akan memberikan beberapa artikel yang berkaitan tentang pembahasan mengenai Cara Mengontrol HTML Untuk Sebuah Website. Beberapa artikel yang akan kami sajikan untuk anda kali ini ,bisa sangat membantu apabila anda ingin mencari informasi yang berikaitan mengenai Cara Mengontrol HTML Untuk Sebuah Website. Dan dalam kesempatan kali ini kami akan memberikan beberapa artikel yang membahas dan mengulas mengenai Cara Mengontrol HTML Untuk Sebuah Website

Sekilas Tentang HTML
HTML (Hyper Text Markup Language) adalah bahasa markah yang digunakan untuk membuat sebuah website sesuai dengan standar pengkodean tag HTML.

Meskipun HTML tidak termasuk ke dalam bahasa pemrograman, namun HTML merupakan dasar yang wajib diketahui sebelum memulai pemrograman web.HTML menyediakan bermacam-macam tag untuk mendeskripsikan tipe konten atau elemen pada website kamu, misalnya <header>, <link>, dan <div>.Hal ini memungkinkan browser kamu untuk membaca dan menginterpretasikan tiap-tiap tag.

Macam-Macam Editor HTML
Setelah paham sekilas tentang HTML, maka langkah yang patut Sobat Jagoan ambil adalah mengenal masing-masing editor HTML yang tersedia di market.

Berikut adalah macam-macam editor yang harus kamu ketahui.

Sublime Text
Sublime text adalah editor HTML yang paling banyak digunakan oleh programmer. Editor ini bisa digunakan pada berbagai macam sistem operasi seperti Linux, Windows, dan Mac.Kelebihan: Cocok digunakan untuk pemula, easily customizable, dan memiliki banyak skema warna yang bisa dipilih.Kekurangan: Tidak dapat mencetak dokumen atau kode dan tidak adanya toolbar dan dashboard.

Notepad ++
Editor ini dapat digunakan pada sistem operasi Windows dengan lisensi gratis. Ciri khas dari editor ini adalah Sobat Jagoan dapat dengan bebas menginstal fitur-fitur tambahan yang sudah disediakan.Kelebihan: Distraction-free interface, fitur auto-completion, dan tersedianya plugin-options.Kekurangan: Kurang cocok digunakan untuk pemula dan tidak dapat digunakan pada sistem operasi Mac.

Komodo Edit
Editor ini merupakan editor yang sederhana, yang menawarkan berbagai macam ekstensi dan language support.Kelebihan: Memiliki coding interface yang mudah dipahami, dapat digunakan pada sistem operasi Mac, Windows, dan Linux, dan tersedianya language support yang mumpuni.Kekurangan: Tidak memiliki fitur auto-completion dan tampilan settings yang sulit dipahami.

Tag dan Atribut HTML
HTML membutuhkan cara untuk mendeskripsikan text−baik berupa list, paragraf, atau link−yang ditulis di dalamnya kepada browser.

Di sinilah dibutuhkan peran tag. Tag adalah kode yang dipakai untuk menginformasikan pada browser untuk apa HTML ditulis.

Berikut contoh tag yang sering digunakan beserta dengan fungsinya.

<body> berfungsi untuk menunjukkan isi dokumen HTML;
<div> berfungsi untuk menunjukkan halaman;
<tr> berfungsi untuk membuat baris dalam sebuah tabel; dan sebagainya.
Atribut adalah informasi tambahan yang dicantumkan pada tag pembuka, biasanya berupa instruksi untuk menambahkan efek warna, ketebalan, dan sebagainya.

Atribut memiliki dua bagian yaitu nama dan nilai yang ditulis name=“value”. Penulisan atribut pada HTML diawali dengan tag, misalnya <h2 align=“center”>Panduan Belajar HTML</h2>

Dalam kasus di atas, h2 adalah tag heading 2 dan align dan center adalah nama atribut.

Baca Juga :Manfaatkan Keunikan Template WordPress Premium

Cara Membuat HTML Page untuk Pemula
Pada kolom ini, kami akan menjelaskan lebih lanjut cara membuat HTML Page dengan mudah, terlebih jika Sobat Jagoan adalah orang awam yang sebelumnya belum pernah mencoba membuat HTML.

Header
Untuk membuat bagian header halaman, kamu bisa menulis tag <header>. Tag ini bisa ditulis lebih dari sekali sesuai dengan kebutuhan.Tag <header> paling tepat diletakkan di bagian atas web di mana kita biasa meletakkan judul situs, misalnya Jagoan Hosting, seperti contoh berikut ini:

<h1>Jagoan Hosting</h1>

Paragraf
Di bawah bagian header Jagoan Hosting, Sobat Jagoan bisa menambahkan sebuah paragraf dengan mencantumkan <p>. Berikut adalah contoh text paragraf yang bisa kalian coba.

<h1>Jagoan Hosting</h1><p>Selamat pagi, Sobat Jagoan!<p>

List
Untuk menambahkan sebuah list, kamu perlu menambahkan dua tag berbeda yaitu <ul> dan <li>. <ul> adalah unordered list dan <li> adalah list item.Kamu perlu menyisipkan <li> di dalam <ul>. Berikut adalah contoh sederhananya.

<ul> <li>Package A</li> <li>Features</li> <li>Price</li></ul>

Gambar
Di era digital saat ini, gambar sangat diperlukan untuk menegaskan suatu pernyataan atau sekedar menambah nilai estetika pada website kamu.Sobat Jagoan bisa menggunakan <img> untuk menampilkan gambar pada website kamu. <img> memiliki atribut lain yang berisi informasi lanjutan dari sebuah gambar seperti sumber, tinggi, lebar, dan sebagainya.Untuk kamu yang masih kebingungan dalam mencari sebuah gambar yang berkualitas, kami mempunyai daftar situs yang menyediakan layanan tersebut.

Input Fields
Mencantumkan input-input pada website adalah sesuatu yang perlu dilakukan guna memperjelas informasi yang ingin disampaikan.Berikut adalah contoh sederhana yang bisa Sobat Jagoan dengan mudah lakukan.

<input type=“text” placeholder=“Enter your email” />

Tabel
Penyisipan tabel pada HTML bisa jadi rumit untuk kamu yang baru belajar HTML