Skip to content
On this page

Dasar Sintak HTML

Mulai dan Selesai document

html
<html></html>

untuk menampilkan judul di tab browser

html
<title>belajar web</title>

tag paragraf

html
<p>selamat datang di pemograman web 1</p>

untuk header ukuran 1-6

html
<h1>Belajar H1</h1>
    <h2>Belajar H2</h2>
    <h3>Belajar h3</h3>
    <h4>Belajar h4</h4>
    <h5>Belajar h5</h5>
    <h6>Belajar h6</h6>

Dasar pembuatan link

html
<a href="https://facebook.com">klik disini</a>

untuk menampilkan gambar

html
<img src="image/harimau.jpg" alt="w3school.com" witdh="104" height="142">

Source(URL/nama file)

html
src="url"

untuk enter paragraf

html
<br>

Dasar membuat tabel

html
<table></table>

Tag list item

html
<li></li>

Format Huruf

untuk menebalkan/bold huruf

html
<b>elements tag b</b>

tag underline

html
<u></u>

untuk menegaskan huruf

html
<strong>elements tag strong</strong>

untuk miringkan huruf

html
<i>elements tag i</i>

untuk menegaskan huruf

html
<em>elements tag em</em>

untuk menandai huruf

html
<mark>elements tag mark</mark>

untuk mengecilkan huruf

html
<small>element tag small</small>

untuk mencoret/gasris tengah huruf

html
<dell>element tag dell</dell>

untuk menggaris bawahi huruf

html
<ins>elements tag ins</ins>

untuk huruf berada dibawah huruf

html
<sub>elements tag sub</sub>

untuk huruf berada diatas huruf

html
<sup>elements tag sup</sup>

Input type

html
<input type="text">
html
<input type="password">
html
<input type="ratio">
html
<input type="checkbox">
html
<input type="button">
html
<input type="email">
html
<input type="file">
html
<input type="hidden">
html
<input type="image">
html
<input type="number">
html
<input type="range">
html
<input type="search">
html
<input type="tel">
html
<input type="time">
html
<input type="date">
html
<input type="datetime-local">
html
<input type="week">
html
<input type="month">
html
<input type="url">
html
<input type="submit">
html
<input type="reset">
html
<input type="color">

Contoh Dasar HTML

html
<!DOCTYPE html>
<html>
<head>
  <title>belajar web</title>
</head>

<body>
  <p>hello world!</p>
  <p>selamat datang di pemograman web 1</p>
</body>

</html>

Tambahan Sintak HTML

Spasi pada html

html
&nbsp

Text Quote

html
<blockquote></blockquote>