Blog

Mudah Belajar HTML Dasar Beserta Elemenya

May 12, 2020
in, LiveStyle
0
153

Dalam pembelajaran HTML (HyperText Markup Language) khusunya untuk teman-teman yang masih pemula maupun baru didalam Web Programming sebaiknya mengenal terlebih dahulu tentang Web dan strukturnya, Nah bicara tentang web apakah teman-teman tahu apa itu HTML? Yah HTML sendiri merupakan sebuah bahasa markah yang digunakan dalam pemograman web dan berperan sebagai halaman yang akan ditampilkan pada browser web. Pada dasarnya HTML dapat menampilkan berbagai informasi didalam web  dengan pemformatan Hypertext sederhana dengan format dokumen ASCII yang dapat menghasilkan  tampilan yang terintegrasi.

HTML memungkinkan pengguna dapat menyusun heading, paragraf  dan tautan dengan mudah pengelolahanya seperti Microsoft Word, HTML bukanlah merupakan sebuah Bahasa pemograman dan tidak memiliki kemampuan untuk membuat fungsional yang dinamis dan memiliki struktur kode yang sederhana dan mudah dipahami oleh pemula yang baru mengenal web development.

Pemformatan file html dengan extensi .html atau .htm dan bias dilihat diberbagai web browser seperti Chrome, Mozila Firefox, UC Browser, Safari dan browser lainya yang dapat merender kontenya dan dapat ditampilkan pada halaman web browser tersebut.

Element pada HTML sebagian besar  memiliki tag penutup dan pembuka diantarannya memiliki tag html, head dan body seperti kode dibawah ini.

<!DOCTYPE>
<html>
<head>
	<title>Judul Halaman</title>
</head>
<body>
	<div>Konten</div>
</body>
</html>
Adapun element lainya yang terdiri sebaigan dari tag dapat dipergunakan dalam menyusun HTML seperti:

  • Tag <p> atau paragraph yang berfungsi untuk membuat paragraph
    <p>Masukan paragraf pertamamu</p>
    <p>Anda sudah memiliki paragraf dan dapat membuat paragraf lainya</p>
  • Tag <b> atau bold yang berfungsi untuk membuat mempertebal huruf
    <b>Huruf ini tebal</b>
  • Tag <u> atau underline yang berfungsi untuk membuat huruf bergaris bawah
    <u>Huruf Begaris Bawah<u>
  • Tag <i> atau italic yang berfungsi untuk membuat huruf menjadi miring
    <i>Huruf Miring</i>
  • Tag <h1>, <h2>, <h3>, <h4>, <h5> atau heading yang berfungsi untuk membuat title
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
Nah itulah beberapa element dan struktur dasar pada dokumen HTML yang minimal harus teman-teman pahami dalam pengembang web development silakan dicoba dan pelajari semoga bermanfaat.
Share

0 Comments

About Me
I discovered my passion for design when I was a sophomore in High School; It was then when it became clear what I wanted to ...
Categories
Subscribe
Setting