Mempelajari dasar-dasar HTML

HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML(halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.Dengan HTML kamu dapat membuat situs Web kamu sendiri .Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana.
Dengan HTML Anda dapat membuat situs Web Anda sendiri. Tutorial ini mengajarkan Anda segala sesuatu tentang HTML.

Apa itu HTML?

HTML adalah bahasa markup untuk menggambarkan dokumen web (halaman web).

HTML singkatan dari Hyper Text Markup Language

Sebuah bahasa markup adalah seperangkat tag markup

Dokumen HTML dijelaskan oleh tag HTML

Setiap tag HTML menjelaskan isi dokumen yang berbeda

<!DOCTYPE html>
<html>
<body>

<h1>Heading Pertama Saya</h1>

<p>Paragraf pertama saya.</p>

</body>
</html>

Hasil Contoh Kode HTML

contoh Dijelaskan

Deklarasi DOCTYPE mendefinisikan tipe dokumen
Teks di antara <html> dan </ html> menjelaskan dokumen web
Teks di antara <body> dan </ body> menggambarkan isi halaman yang terlihat
Teks di antara <h1> dan </ h1> menggambarkan judul
Teks di antara <p> dan </ p> menjelaskan ayat

Menggunakan deskripsi, web browser dapat menampilkan dokumen dengan judul dan paragraf.

Paragraf HTML

Paragraf HTML didefinisikan dengan tag <p>:

<p>Ini adalah paragraf</p>

<p>ini paragraf saya yang lain.</p>

Tautan HTML

Link HTML didefinisikan dengan tag <a>:

<a href="http://entria.blogspot.com/">link pertama saya</a>

Alamat link ditentukan dalam atribut href.

Atribut yang digunakan untuk memberikan informasi tambahan tentang elemen HTML.

HTML Gambar

Gambar HTML didefinisikan dengan tag <img>.

File sumber (src), teks alternatif (alt), dan ukuran (lebar dan tinggi) disediakan sebagai atribut:

<img src="google.jpg" alt="google.com" width="150" height="150">

Elemen HTML

Elemen HTML ditulis dengan tag awal, dengan tag akhir, dengan isi di antara:

<tagname>Konten</ tagname>

Elemen HTML adalah segalanya dari tag awal sampai tag akhir:

<p>Paragraf pertama saya.</p>

Elemen HTML dapat bersarang (elemen dapat berisi elemen).
Semua dokumen HTML terdiri dari elemen HTML bersarang.
Contoh ini berisi elemen HTML:

<!DOCTYPE html>

<html>

<body>

  <h1>Heading Pertama Saya</h1>  <p>Paragraf pertama saya.</p></body>

</html>

Atribut HTML

Elemen HTML dapat memiliki atribut
Atribut memberikan informasi tambahan tentang elemen
Atribut selalu ditentukan dalam tag awal
Atribut datang dalam pasangan nama / nilai seperti: name = "value"

<!DOCTYPE html>

<html>

<body>

  <h1>Heading Pertama Saya</h1>

  <p>Paragraf pertama saya.</p>

  <a href="http://entria.blogspot.com/">link pertama saya</a>

  <img src="google.jpg" alt="google.com" width="150" height="150">

</body>

</html>

HTML Judul

Pos didefinisikan dengan <h1> untuk <h6> tag.

<h1> mendefinisikan heading yang paling penting. <h6> mendefinisikan judul yang paling tidak penting.

<h1>ini judul</h1>

<h2>ini judul</h2>

<h3>ini judul</h3>

Gunakan judul HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atau tebal.

Mesin pencari menggunakan judul Anda ke indeks struktur dan isi dari halaman web Anda.

Pengguna skim halaman Anda dengan judul tersebut. Hal ini penting untuk menggunakan judul untuk menunjukkan struktur dokumen.

judul h1 harus judul utama, diikuti oleh judul h2, maka h3 kurang penting, dan sebagainya.

Format Teks Elemen HTML

HTML menggunakan unsur-unsur seperti <b> dan <i> untuk memformat output, seperti teks tebal atau miring.

Unsur-unsur ini disebut unsur-unsur format.

Format Text Tebal HTML

HTML <b> mendefinisikan teks tebal, tanpa kepentingan tambahan.

<b>Text Tebal.</b>

HTML <strong> mendefinisikan teks miring, tanpa kepentingan tambahan.

<strong>Teks Kuat</strong>

HTML <i> mendefinisikan teks miring, tanpa kepentingan tambahan.

<i>Teks ini di cetak miring</i>

HTML <em> elemen mendefinisikan menekankan teks, dengan menambahkan semantik penting.

<em>Teks ini ditekankan</em>

HTML <mark> elemen mendefinisikan ditandai atau teks yang disorot:

<h2> HTML <mark> Ditandai </mark> Format </h2>

HTML <del> elemen mendefinisikan dihapus (dihapus) teks.

<p> Warna favorit saya <del> biru </del> merah. </p>

HTML <ins> mendefinisikan dimasukkan (ditambahkan) teks.

<p> Favorit saya <ins> warna </ins> merah. </p>

HTML <sub> mendefinisikan teks subscript.

<p> Ini adalah <sub> subscript </sub> Teks </p>

HTML <sup> mendefinisikan teks superscripted.

<p> Ini adalah <sup> superscripte </sup> teks. </p>

Gaya HTML

HTML Format Elemen

Pada bab sebelumnya, Anda belajar tentang elemen format HTML.
Elemen Format adalah elemen HTML khusus dengan arti khusus.
Elemen Format yang dirancang untuk menampilkan jenis khusus dari teks, seperti teks penting, menekankan teks, subskrip, dan superscripts.

HTML Styling

Styling HTML tidak ada hubungannya dengan unsur-unsur format.
Styling adalah tentang mengubah atau menambahkan gaya elemen HTML yang ada.
Setiap elemen HTML memiliki gaya default (warna latar belakang putih, warna teks hitam ...)
Mengubah gaya default elemen HTML, dapat dilakukan dengan atribut style.

<body style="background-color:lightgrey">

<h1>Ini adalah Header</h1>
<p>Ini adalah Paragraf</p>

</body>

HTML Warna Teks
Properti color mendefinisikan warna teks yang akan digunakan untuk elemen HTML:

<!DOCTYPE html>

<html>

<body>

  <h1 style="color:blue">Ini adalah Header</h1>

  <p style="color:red">Ini adalah Paragraf.</p>

</body>

</html>

HTML Text Font
Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:

<!DOCTYPE html>

<html>

<body>

  <h1 style="font-family:verdana">Ini adalah Header</h1>

  <p style="font-family:courier">Ini adalah Paragraf.</p>

</body>

</html>

HTML Text Size
Properti font-size mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML:

<!DOCTYPE html>

<html>

<body>

  <h1 style="font-size:300%">Ini adalah Header</h1>

  <p style="font-size:160%">Ini adalah Paragraf.</p>

</body>

</html>

HTML Text Keselarasan
Properti text-align mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:

<!DOCTYPE html>

<html>

<body>

  <h1 style="text-align:center">Kepala Berpusat di tengah</h1>

  <p>Ini adalah Paragraf.</p>

</body>

</html>

Bab Ringkasan

Gunakan atribut style untuk elemen styling HTML
Gunakan background-color untuk warna latar belakang
Gunakan warna untuk warna teks
Gunakan font-family font teks
Gunakan font-size untuk ukuran teks
Gunakan text-align untuk perataan teks

HTML Kutipan dan Elemen Kutipan

HTML Kutipan Pendek
HTML <q> mendefinisikan kutipan singkat.
Browser biasanya menyisipkan tanda kutip di sekitar <q> elemen.

<p> Tujuan WWF adalah untuk:. <q> Membangun masa depan di mana orang hidup dalam harmoni dengan alam </q> </p>

HTML Kutipan Panjang
HTML <blockquote> mendefinisikan bagian yang dikutip.
Browser biasanya indent <blockquote> elemen.

<p> Berikut adalah kutipan dari situs WWF: </p> 

<blockquote mengutip = "http://www.worldwildlife.org/who/index.html"> 

Selama 50 tahun, WWF telah melindungi masa depan alam. 

Organisasi konservasi terkemuka di dunia, 

WWF bekerja di 100 negara dan didukung oleh 

1,2 juta anggota di Amerika Serikat dan 

dekat dengan 5 juta secara global. 

</blockquote>

Kutipan HTML, Kutipan, dan Elemen Definisi

Tag	Description
<abbr>	Mendefinisikan singkatan atau akronim
<address>	Mendefinisikan informasi kontak untuk penulis / pemilik dokumen
<bdo>	Mendefinisikan arah teks
<blockquote>	Mendefinisikan bagian yang dikutip dari sumber lain
<q>	Mendefinisikan sebuah inline (pendek) kutipan
<cite>	Mendefinisikan judul karya
<dfn>	Mendefinisikan sebuah termd definisi

Kode HTML Komputer Elemen

HTML Keyboard Format
HTML <kbd> mendefinisikan input keyboard:

<p> Untuk membuka file, pilih: </p>
<p> <kbd> File | Open ... </kbd> </p>

HTML Contoh Format
HTML <Samp> mendefinisikan sampel output komputer:

<samp>

demo.example.com login: Apr 12 09:10:17

Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189

</samp>

Kode HTML Format
HTML <code> mendefinisikan contoh kode pemrograman:

<code>

var person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue" }

</code>

HTML Variabel Format
HTML <var> mendefinisikan variabel matematika:

<p>Einstein menulis:</p>

<p><var>E = m c<sup>2</sup></var></p>

HTML Komentar

Komentar tidak ditampilkan oleh browser, tetapi mereka dapat membantu mendokumentasikan HTML Anda.
Dengan komentar Anda dapat menempatkan pemberitahuan dan pengingat dalam HTML Anda:

<!-- Ini adalah komentar -->

<p>Ini adalah paragraf.</p>

<!-- Ingatlah untuk menambahkan informasi lebih lanjut di sini -->

Bersyarat Komentar
Anda mungkin tersandung pada komentar bersyarat dalam HTML:

HTML Gaya - CSS

Styling HTML dengan CSS
CSS singkatan dari Cascading Style Sheets

Styling dapat ditambahkan ke elemen HTML dalam 3 cara:

Inline - menggunakan atribut gaya dalam elemen HTML
Internal - menggunakan <style> elemen dalam HTML <head>
Eksternal - menggunakan satu atau lebih file CSS eksternal
Cara yang paling umum untuk menambahkan styling, adalah untuk menjaga sintaks CSS pada file CSS yang terpisah. Tapi, dalam tutorial ini, contoh internal, dan disederhanakan, untuk membuatnya lebih mudah bagi Anda memahaminya, dan mencoba sendiri.

CSS Sintaks
Styling CSS memiliki sintaks berikut:

element { property:value ; propety:value }

Inline Styling (Inline CSS)
Styling Inline berguna untuk menerapkan gaya yang unik untuk elemen HTML tunggal:
Styling Inline menggunakan atribut style.
Styling garis ini mengubah warna teks dan margin kiri paragraf:

<h1 style="color:blue">Ini adalah Heading Biru</h1>

Styling internal (internal CSS)
Sebuah style sheet internal dapat digunakan untuk mendefinisikan gaya umum untuk semua elemen HTML pada halaman.
Styling internal didefinisikan dalam <head> pada halaman HTML, menggunakan elemen <style>:

<!DOCTYPE html>

<html>

<head>

<style>

  body {background-color:lightgrey}

  h1   {color:blue}

  p    {color:green}

</style>

</head>

<body>

  <h1>Ini adalah Heading</h1>

  <p>Ini adalah paragraf.</p>

</body>

</html>

Styling eksternal (External CSS)
Style sheet eksternal sangat ideal bila gaya diterapkan pada banyak halaman.
Dengan style sheet eksternal, Anda dapat mengubah tampilan seluruh situs dengan mengubah satu file.
Gaya eksternal didefinisikan dalam <head> pada halaman HTML, dalam <link> elemen:

<DOCTYPE html>

<html>

<head>

  <link rel="stylesheet" href="styles.css">

</head>

<body>

  <h1>Ini adalah Heading</h1>
  <p>Ini adalah paragraf.</p>
</body>

</html>

CSS Font
Warna properti CSS mendefinisikan warna teks yang akan digunakan untuk elemen HTML.
Properti CSS font-family mendefinisikan font yang akan digunakan untuk elemen HTML.
Properti CSS font-size mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML.

<!DOCTYPE html>

<html>

<head>

<style>

h1 {

    color:blue;

    font-family:verdana;

    font-size:300%;

}

p  {

    color:red;

    font-family:courier;

    font-size:160%

}

</style>

</head>

<html>

<body>

  <h1>Ini adalah Heading</h1>
  <p>Ini adalah paragraf.</p>
</body>

</html>

CSS Box Model
Setiap elemen HTML terlihat memiliki kotak di sekitarnya, bahkan jika Anda tidak dapat melihatnya.
Properti border CSS mendefinisikan perbatasan terlihat di sekeliling elemen HTML:

p {

    border:1px solid black;

}

Properti CSS Padding mendefinisikan padding (spasi) dalam perbatasan:

p {

    border:1px solid black;

    padding:10px;

}

Properti Margin CSS mendefinisikan margin (spasi) di luar perbatasan:

p {

    border:1px solid black;

    padding:10px;

    margin:30px;

}

Id Atribut
Semua contoh di atas menggunakan CSS untuk gaya elemen HTML secara umum.
Gaya CSS mendefinisikan gaya yang sama untuk semua elemen yang sama.
Untuk menentukan gaya khusus untuk elemen khusus, pertama menambahkan atribut id untuk elemen:

<p id="p01">Saya Berbeda</p>

kemudian menentukan gaya yang berbeda untuk (diidentifikasi) elemen:

p#p01 {

    color:blue;

}

Kelas Atribut
Untuk menentukan gaya untuk tipe khusus (kelas) dari unsur-unsur, menambahkan atribut kelas untuk elemen:

<p class="error">Saya Berbeda</p>

Sekarang Anda dapat menentukan gaya yang berbeda untuk jenis (kelas) dari unsur:

p.error {

    color:red;

}

Link HTML - Hyperlink

Link HTML adalah hyperlink.
Sebuah hyperlink adalah elemen, teks, atau gambar yang Anda dapat mengklik, dan melompat ke dokumen lain.

Link HTML - Sintaks
Dalam HTML, link didefinisikan dengan tag <a>:

<a href="http://www.w3schools.com/html/">w3schools</a>

Link lokal
Contoh di atas menggunakan URL absolut (A alamat web penuh).

Sebuah link lokal (link ke situs web yang sama) ditentukan dengan URL relatif (tanpa http: // www ....).

<a href="html_images.asp">HTML Images</a>

Link HTML - Warna dan Ikon
Bila Anda memindahkan kursor mouse di atas link, dua hal yang biasanya akan terjadi:

Mouse panah akan berubah menjadi tangan kecil
Warna elemen link akan berubah
Secara default, link akan muncul karena hal ini di semua browser:

Link yang belum dikunjungi adalah digarisbawahi dan biru
Sebuah link yang dikunjungi adalah digarisbawahi dan ungu
Link aktif adalah digarisbawahi dan merah
Anda dapat mengubah warna default, menggunakan gaya:

<style>
a:link  {color:#000000; background-color:transparent}

a:visited {color:#000000; background-color:transparent}

a:hover   {color:#ff0000; background-color:transparent}

a:active  {color:#ff0000; background-color:transparent}

</style>

Link HTML - Target Atribut
Target atribut menentukan di mana untuk membuka dokumen terkait.
Contoh ini akan membuka dokumen terkait dalam jendela browser baru atau tab baru:

<a href="http://www.w3schools.com/" target="_blank">Kunjungi W3Schools!</a>

Link HTML - Gambar sebagai link
Hal ini umum untuk menggunakan gambar sebagai link:

<a href="default.asp">

  <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0">

</a>

Link HTML - id Atribut

The id atribut dapat digunakan untuk membuat bookmark dalam dokumen HTML. Penanda tidak ditampilkan dengan cara khusus. Mereka terlihat pembaca.

Contoh

Menambahkan atribut id untuk elemen <a>:

<a id="tips">Bagian Berguna</a>

Kemudian membuat link ke elemen <a> (Tips Berguna Bagian):

<a href="#tips">Kunjungi Bagian Tips Berguna</a>

Atau, membuat link ke elemen <a> (Tips Berguna Bagian) dari halaman lain:

<a href="http://www.w3schools.com/html_links.htm#tips">Kunjungi Berguna Tips Bagian</a>

HTML Gambar

HTML Gambar Sintaks
Dalam HTML, gambar didefinisikan dengan tag <img>.
<Img> tag kosong, berisi atribut saja, dan tidak memiliki tag penutup.
The src atribut mendefinisikan url (alamat web) dari gambar:

<img src="url" alt="some_text">

Alt Atribut
Atribut alt menentukan sebuah teks alternatif untuk gambar, jika tidak dapat ditampilkan.
Nilai atribut alt harus menjelaskan gambar dengan kata:

<img src="html5.gif" alt="Icon resmi html5">

Layar Pembaca HTML
Layar pembaca adalah program perangkat lunak yang dapat membaca apa yang ditampilkan di layar.
Digunakan di web, pembaca layar dapat "mereproduksi" HTML sebagai teks-to-speech, ikon suara, atau output braille.
Layar pembaca digunakan oleh orang-orang yang buta, tunanetra, atau ketidakmampuan belajar.

Ukuran Gambar - Lebar dan Tinggi
Anda dapat menggunakan atribut style untuk menentukan lebar dan tinggi dari suatu gambar.
Nilai-nilai yang ditentukan dalam pixel (px digunakan setelah nilai):

<img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px">

Atau, Anda dapat menggunakan lebar dan tinggi atribut. Nilai-nilai yang ditentukan dalam piksel (tanpa px setelah nilai):

<img src="html5.gif" alt="HTML5 Icon" width="128" height="128">

Gambar dalam Folder lain
Jika tidak ditentukan, browser mengharapkan untuk menemukan gambar dalam folder yang sama dengan halaman web.
Namun, itu adalah umum di web, untuk menyimpan gambar dalam sub-folder, dan merujuk ke folder dalam nama gambar:

<img src="/images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px">

Gambar di Server lain
Beberapa situs web menyimpan gambar mereka di server gambar.
Sebenarnya, Anda dapat mengakses gambar dari alamat web di seluruh dunia:

<img src="http://www.w3schools.com/images/w3schools_green.jpg">

pindah Gambar
Standar GIF memungkinkan gambar bergerak:

<img src="programming.gif" alt="Computer Man" style="width:48px;height:48px">

Menggunakan Image sebagai sebuah Link

Hal ini umum untuk menggunakan gambar sebagai link

<a href="default.asp">

  <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0">

</a>

gambar Maps
Untuk gambar, Anda dapat membuat peta gambar, dengan daerah yang dapat diklik:

<img src="planets.gif" alt="Planets" usemap="#planetmap" style="width:145px;height:126px">

<map name="planetmap">

  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">

  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">

  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">

</map>

gambar Mengambang
Anda dapat membiarkan mengambang gambar ke kiri atau kanan paragraf:

<p>

  <img src="smiley.gif" alt="Smiley face" style="float:left;width:42px;height:42px">

  Sebuah paragraf dengan gambar. Gambar mengapung di sebelah kiri teks.

</p>

Tabel HTML

Mendefinisikan Tabel HTML

<table style="width:100%">

  <tr>

    <td>Jill</td>

    <td>Smith</td>

    <td>50</td>

  </tr>

  <tr>

    <td>Eve</td>

    <td>Jackson</td>

    <td>94</td>

  </tr>

</table>

Contoh menjelaskan:
Tabel didefinisikan dengan tag <table>.
Tabel dibagi menjadi baris tabel dengan tag <tr>.
Tabel baris dibagi menjadi data tabel dengan <td> tag.
Sebuah baris tabel juga dapat dibagi menjadi judul tabel dengan <th> tag.

Sebuah Tabel HTML dengan Atribut Border
Jika Anda tidak menentukan perbatasan untuk meja, maka akan ditampilkan tanpa batas.
Perbatasan dapat ditambahkan menggunakan atribut border:

<table border="1" style="width:100%">

  <tr>

    <td>Jill</td>

    <td>Smith</td>

    <td>50</td>

  </tr>

  <tr>

    <td>Eve</td>

    <td>Jackson</td>

    <td>94</td>

  </tr>

</table>

Untuk menambahkan perbatasan, menggunakan properti border CSS:

table, th, td {

    border: 1px solid black;

}

Sebuah Tabel HTML dengan Borders Collapsed
Jika Anda ingin perbatasan runtuh ke dalam satu perbatasan, tambahkan CSS border-collapse:

table, th, td {

    border: 1px solid black;

    border-collapse: collapse;

}

Sebuah Tabel HTML dengan Sel Padding
Sel bantalan menentukan ruang antara isi sel dan perbatasannya.
Jika Anda tidak menentukan padding, sel-sel tabel akan ditampilkan tanpa bantalan.
Untuk mengatur padding, menggunakan properti CSS padding:

table, th, td {

    border: 1px solid black;

    border-collapse: collapse;

}

th,td {

    padding: 15px;

}

HTML Table Heading
Tabel judul didefinisikan dengan <th> tag.
Secara default, semua browser utama menampilkan judul tabel sebagai berani dan berpusat:

<table style="width:100%">

  <tr>

    <th>Firstname</th>

    <th>Lastname</th>

    <th>Points</th>

  </tr>

  <tr>

    <td>Eve</td>

    <td>Jackson</td>

    <td>94</td>

  </tr>

</table>

Untuk kiri menyelaraskan judul tabel, menggunakan properti text-align CSS:

th {

    text-align: left;

}

Sebuah Tabel HTML dengan Spasi Perbatasan
Jarak Border menentukan ruang antara sel.
Untuk mengatur jarak perbatasan untuk tabel, menggunakan properti CSS border-spacing:

table {

    border-spacing: 5px;

}

Tabel Sel yang berkaitan dengan berbagai Kolom
Untuk membuat rentang sel lebih dari satu kolom, gunakan atribut colspan:

<table style="width:100%">

  <tr>

    <th>Name</th>

    <th colspan="2">Telpon</th>

  </tr>

  <tr>

    <td>Bill Gates</td>

    <td>555 77 854</td>

    <td>555 77 855</td>

  </tr>

</table>

Tabel Sel yang berkaitan dengan berbagai Baris
Untuk membuat rentang sel lebih dari satu baris, menggunakan atribut rowspan:

<table style="width:100%">

  <tr>

    <th>First Name:</th>

    <td>Bill Gates</td>

  </tr>

  <tr>

    <th rowspan="2">Telephone:</th>

    <td>555 77 854</td>

  </tr>

  <tr>

    <td>555 77 855</td>

  </tr>

</table>

Sebuah Tabel HTML Dengan Caption
Untuk menambahkan keterangan ke tabel, gunakan <caption> tag:

<table style="width:100%">

  <caption>Monthly savings</caption>

  <tr>

    <th>Month</th>

    <th>Savings</th>

  </tr>

  <tr>

    <td>January</td>

    <td>$100</td>

  </tr>

  <tr>

    <td>February</td>

    <td>$50</td>

  </tr>

</table>

Sumber : http://www.w3schools.com/

Andi Triyanto

"Selamat datang di blog saya terima kasih Sudah berkunjung"

This Blog | Berbagi ilmu itu menyenangkan

Mempelajari dasar-dasar HTML

Paragraf HTML

Tautan HTML

HTML Gambar

Atribut HTML

HTML Judul

Format Teks Elemen HTML

HTML <b> mendefinisikan teks tebal, tanpa kepentingan tambahan.

HTML <strong> mendefinisikan teks miring, tanpa kepentingan tambahan.

HTML <i> mendefinisikan teks miring, tanpa kepentingan tambahan.

HTML <em> elemen mendefinisikan menekankan teks, dengan menambahkan semantik penting.

HTML <mark> elemen mendefinisikan ditandai atau teks yang disorot:

HTML <del> elemen mendefinisikan dihapus (dihapus) teks.

HTML <ins> mendefinisikan dimasukkan (ditambahkan) teks.

HTML <sub> mendefinisikan teks subscript.

HTML <sup> mendefinisikan teks superscripted.

Gaya HTML

HTML Kutipan dan Elemen Kutipan

Kode HTML Komputer Elemen

HTML Komentar

HTML Gaya - CSS

Link HTML - Hyperlink

Link HTML - id Atribut

Contoh

HTML Gambar

Tabel HTML

Andi Triyanto

1 komentar:

Video Of Day

Mempelajari dasar-dasar HTML

Paragraf HTML

Tautan HTML

HTML Gambar

Atribut HTML

HTML Judul

Format Teks Elemen HTML

HTML <b> mendefinisikan teks tebal, tanpa kepentingan tambahan.

HTML <strong> mendefinisikan teks miring, tanpa kepentingan tambahan.

HTML <i> mendefinisikan teks miring, tanpa kepentingan tambahan.

HTML <em> elemen mendefinisikan menekankan teks, dengan menambahkan semantik penting.

HTML <mark> elemen mendefinisikan ditandai atau teks yang disorot:

HTML <del> elemen mendefinisikan dihapus (dihapus) teks.

HTML <ins> mendefinisikan dimasukkan (ditambahkan) teks.

HTML <sub> mendefinisikan teks subscript.

HTML <sup> mendefinisikan teks superscripted.

Gaya HTML

HTML Kutipan dan Elemen Kutipan

Kode HTML Komputer Elemen

HTML Komentar

HTML Gaya - CSS

Link HTML - Hyperlink

Link HTML - id Atribut

Contoh

HTML Gambar

Tabel HTML

Andi Triyanto

RELATED POSTS

1 komentar: