Pengertian HTML dan Fungsinya - Part 1

Pengertian - HTML Adalah Singkatan dari (Hypertext Markup Languange). Fungsi dari HTML sendiri adalah Untuk Mendesain Halaman WebDisebut Hypertext karena dalam Sebuah HTML ada teks biasa yang bisa Berfungsi lain, sobat bisa membuatnya Menjadi Link yang bisa berpindah dari satu Halaman ke halaman yang lain dengan Mengklik text tersebut. Dan itulah yang disebut dengan Hypertext, Namun dalam Penerapannya dalam sebuah code, Tidak hanya text saya yang bisa dijadikan Link. Ada banyak yang bisa dijadikan link misalnya : Gambar, Video, dan lainnya.

Disebut Markup Languange Karena bahasa HTML ini menggunakan tanda MARK untuk menandai Bagian bagian pada text. Contoh nya Text bisa menjadi Tebal (bold) dan menjadi Miring (itallic) dan menjadi Besar. Tanda ini dikenal juga sebagai HTML tag.

HTML juga merupakan bahasa dasar pembuatan web. Disebut dasar karena dalam membuat web, Jika hanya menggunakan Codingan HTML maka tampilan website tersebut terasa tidak enak dilihat jika tidak di padukan dengan CSS & Javascript. Dan sobat yang membaca ini, Sangat beruntung sekali karena admin disini mencoba Menjelaskan Dasarnya Secara Rinci Dan Padat.

Penerapan HTML 

karena Admin tidak suka Dengan TEORI, mari kita coba untuk Mempraktikkannya:)
 
<!DOCTYPE html>
<html>
<head>
<title> JUDUL WEBSITE </title>
</head>
<body>
<h1> CONTOH HEADING </h1>
<p> INI CODE PARAGRAPH </p>
</body>
</html>

Apabila Sobat perhatikan kode diatas, Bahwa didalam Tag head itu, sobat bisa memasukkan kode title, meta, stylesheet, dan juga script. Sedangkan bagian body adalah Bagian Struktur yang akan dikembangkan, dan biasanya dibagian body berisi informasi halaman web, postingan, sidebar, navigasi, dan lainnya.

Gambaran Umum Struktur dari element head Sebagai Berikut :

 
<head>
<title> JUDUL WEBSITE</title>
<meta content='Mastah Web' name='Author'/>
<link rel="stylesheet"href="/style.css type=text/css"/>
<script type="text/javascript" src="https://www.chayaeducation.com/file.js"></script>
</head>

Gambaran Umum struktur element body sebagai berikut :
 
<body>
<div id=”header-website”>
<h1>”JUDUL WEBSITE”</h1>
</div>
<div id=”navigasi”>
<ul>
<li>Beranda</li>
<li>Tentang</li>
</ul>
</div>
<div id=”post-wrapper”>
<h2>Judul Postingan</h2>
<p>Isi Paragpraphnya</p>
</div>
<div id=”sidebar”>
<h3>Masukkan Judul Sidebar</h3>
<ul>
<li>List Sidebar 1</li>
<li>List Sidebar 2</li>
</ul>
</div>
<div id=”footer-cpyright”>
<p>Paragraph Copyright</p>
</div>
</body>

Perlu Di Ketahui : 

HTML Bukanlah Bahasa Pemrograman (Programming Languange), Melainkan bahasa markup languange. Jika sobat mengenal bahasa pemrograman yang lain, dalam HTML tidak pernah ditemukan Struktur code dalam bahasa Pemrograman seperti IF, LOOP, dan juga Variabel. dan Sobat juga harus tahu bahwa HTML hanya sebuah bahasa Struktur yang berfungsi menandai bagian bagian dari sebuah halaman yang dibuat, Misalnya Seperti pada Code Judul (Title)

Versi terbaru HTML :

Saat ini yang perlu sobat ketahui adalah versi terbaru dari HTML adalah HTML5. Didalam versi baru ini berisi beberapa fitur baru, Salah satunya adalah SEO Optimalist yang mempermudah bot Crawl untuk mengindex halaman & website sobat.

Kesimpulan : 

Dalam pembuatan Code, Sobat harus paham betul apa itu HTML, Nah jika sobat sudah paham, sobat bisa melanjutkan ke jenjang berikutnya seperti CSS & Javascript.
Semoga dengan adanya artikel ini bisa bermanfaat bagi kita semua, Sukses Selalu. dan tidak lupa untuk mengucapkan..

SALAM INTERNET+_=

Tags

Posting Komentar

0 Komentar
* Please Don't Spam Here. All the Comments are Reviewed by Admin.