Acep-Cyber

All About Computer

» » » Materi HTML

Materi HTML

Struktur Dasar HTML


<!DOCTYPE html>
  <html>
  <head>
    <title>Judul Web</title>
  </head>
<body>
   <p>Selamat Pagi Dunia, Hello World!</p>
</body>
</html>

Suatu dokumen html harus memuat struktur tersebut (lihat bagan di atas). Bagian-bagian struktur tersebut memiliki fungsi masing-masing:

  • html
    <html> (tag html) merupakan tag pembuka html yaitu awal dari dokumen html. html selalu memiliki tag pembuka dan tag penutup. Tag penutup html yaitu </html> yang merupakan akhir dari dokumen html.
  • head
    <head> merupakan tag tempat meletakkan informasi header. Pada tag ini terletak tag title, tag informasi web: meta, tag link dengan dokumen bahasa pemrograman lain seperti css, javascript, php, dll. Tag head ini juga memiliki tag penutup, yaitu </head>.
  • title
    <title> merupakan tag untuk mendefinisikan judul web. Tag ini juga memiliki tag penutup, yaitu </title>.
  • body
    <body> merupakan tag sebagai tempat untuk meletakkan seluruh isi web. Tag penutup dari tag ini adalah </body>. Seluruh isi web yang akan dibuat dikerjakan di dalam tag body, yaitu antara tag pembuka dan tag penutupnya.

Heading



Contoh Script HTML untuk Heading: 
<html>
   <head>
      <title>Membuat Heading</title>
   </head>
   <body>
      <h1>Motivasi Sukses</h1>
      <h2>Pengertian</h2>
      <h3>Motivasi</h3>
      <h4>Berpikir Positif</h4>
      <h5>Berkata positif</h5>
      <h6>Selalu berusaha</h6>
   </body>
</html>

Pemformatan Text Tulisan


<html>
<head>
<title></title>
</head>
<body>
<p><b>Teks ini tebal/bold.</b></p>
<p><i>Teks ini miring/italic.</i></p>
<p><u>Teks ini bergaris bawah/underline.</u></p>
<p><b><u><i>Teks ini tebal, miring, dan bergaris bawah.</i></u></b></p>
<p><mark>Teks ini bergaris ditandai/disorot.</mark></p>
</body>
</html>

Penjelasan:
- Tag <b>....</b> berfungsi untuk membuat teks tebal/bold.
- Tag <i>....</i> berfungsi untuk membuat teks miring/italic.
- Tag <u>....</u> berfungsi untuk membuat teks bergaris bawah/underline.
- Tag <mark>....</mark> berfungsi untuk membuat teks ditandai/disorot.

Format Teks Pada HTML

TagFungsi
<b></b> atau <strong></strong>Berfungsi untuk membuat teks tebal
<u></u> Berfungsi untuk membuat teks underline atau garis bawah
<i></i> atau <em></em>Berfungsi untuk membuat cetak miring
<strike></strike>Membuat teks bergaris
<small></small>Mendefinisikan teks kecil
<sub></sub>Mendefinisikan teks subscript
<sup></sup>Mendefinisikan teks superscript
<ins></ins>Mendefinisikan teks yang disisipkan
<del></del>Mendefinisikan teks yang dihapus

Tag Output Komputer Pada HTML

TagFungsi
<code>Mendefinisikan sebuah teks pada komputer
<kbd>Mendefinisikan teks keyboard
<samp>Mendefinisikan sampel pada komputer
<var>Mendefinisikan variabel
<pre>Mendefinisikan teks terformat

Tag Definisi dan Kutipan Pada HTML

TagFungsi
<abbr>Mendefinisikan singkatan atau akronim
<address>Mendefinisikan kontak penulis atau pemilik dokumen
<bdo>Mendefinisikan arah teks
<dfn>Mendefinisikan sebuah definisi
<cite>Mendefinisikan judul karya
<q>Mendefinisikan kutipan pendek atau inline
<blockquote>Mendefinisikan bagian yang dikutip dari sumber lain


Related Post:

:: Get this widget ! ::

Acep Derby Yudha AnggaraDitulis Oleh : Acep Derby Yudha Anggara

Artikel Materi HTML, diterbitkan oleh Unknown pada hari . Semoga artikel ini dapat menambah wawasan Anda. Oleh Admin, Sobat diperbolehkan mengcopy paste / menyebar-luaskan artikel ini, namun anda harus meletakkan link dibawah ini sebagai sumbernya, dan baca peraturan Disclaimer sebelum copy-paste.

:: Get this widget ! ::

Ditulis oleh: Unknown -

1 Komentar untuk "Materi HTML"

Pepatah Mengatakan " Masa Depan Bangsa Ada Di Tangan Para Pemudanya "
Maka Komentarlah Dengan Baik Agar Bisa Membangun Blog Ini Dengan Baik
Dan kami mohon kepada pengunjung blog yang baik hati ini untuk join di blog ini tinggal klik DISINI
#No Spam
#No Sara

Subscribe to: Post Comments (Atom)