Dasar-dasar HTML
FunTechSec - Pada artikel sebelumnya kita telah membahas apa itu website? Dan HTML termasuk kedalam hal yang dibutuhkan dalam membuat sebuah Website.
Apa itu HTML?
HTML atau Hyper Text Markup Language merupakan sebuah bahasa markah untuk membuat halaman web. Padanan HTML dalam bahasa indonesia adalah Bahasa Markah Hiper Teks (BMHT).
Bagaimana caranya kita membuat file HTML?
File HTML dapat dibuat dengan teks editor seperti notepad. Lebih bagus lagi menggunakan teks editor yang memiliki fitur syntax highlighter seperti Notepad++, Sublime Text, Gedit, Kate, dan lain-lain. File HTML disimpan dengan ekstensi html atau htm.
Contoh HTML
Contoh HTML
<!DOCTYPE html>
<html>
<body>
CONTOH KODE HTML https://www.funtech-sec.tk/
</body>
</html>
<html>
<body>
CONTOH KODE HTML https://www.funtech-sec.tk/
</body>
</html>
HTML di disusun dengan tag-tag (penanda). Perhatikanlah, letak penulisan informasi yang ingin dimuat di website. Berada di atantara tag
<body> dan </body>. tag ini merupakan tubuh dokumen. Setiap informasi yang ditulis di dalam penada ini, akan tampil di halaman web.
Contoh selanjutnya, kita akan berkenalan dengan tag
<head> dan tag <title>. Tag <head> merupakan kepala dokumen. Agar lebih mudah memahami, cantoh yang tadi kita modifikasi. Tag <title> berfungsi untuk membuat judul website. Sementara itu tag <head> berfungsi untuk membuat kepala dokumen. Tag <title> harus diletakkan di dalam tag <head>. Tambahkanlah tag <head> dan tag <title> Sehingga kodenya menjadi seperti di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title> FunTech Security </title>
</head>
<body>
CONTOH KODE HTML https://www.funtech-sec.tk/
</body>
</html>
<html>
<head>
<title> FunTech Security </title>
</head>
<body>
CONTOH KODE HTML https://www.funtech-sec.tk/
</body>
</html>
Tag
<h1> dan tag <p>. tag <h1> berfungsi untuk membuat judul artikel. H1 adalah ukuran judul terbesar di HTML. Sementara itu, tag <p> berfungsi untuk membuat paragraf. Modifikasi lagi kode tadi, sehingga menjadi seperti berikut ini:
<!DOCTYPE html>
<html>
<head>
<title> FunTech Security </title>
</head>
<body>
<h1>About FunTech Security</h1>
<p>
Fun Tech Security merupakan sebuah Blog yang dimana isi artikel dari Blog tersebut berisi informasi mengenai Teknologi, Cyber Security, Networking, dan lainnya.</p>
</body>
</html>
<html>
<head>
<title> FunTech Security </title>
</head>
<body>
<h1>About FunTech Security</h1>
<p>
Fun Tech Security merupakan sebuah Blog yang dimana isi artikel dari Blog tersebut berisi informasi mengenai Teknologi, Cyber Security, Networking, dan lainnya.</p>
</body>
</html>
Perhatikanlah hasilnya, Teks yang berada di dalam tag H1 akan
ditampilkan lebih besar. Karena teks itu adalah sebuah judul artikel.
Sementara itu, teks yang berada di tag
<p> akan ditampilkan dengan ukuran normal. 
Sekian pengetikan dari artikel ini,
mohon maaf bila ada salah pengetikan atau lainnya, semoga artikel ini
bermanfaat, Terimakasih.
Mantap mastahq :v
ReplyDelete