Kode-kode dasar HTML
Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML,bisa baca disini
Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halamanHTML dengan software instant seperti Dreamweaver dll.
Membuat Center,gunakan kode : <p align="center">Belajar</p> hasilnya seperti:
Belajar
Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :
Belajar
Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :
Belajar
Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar
Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar
Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :
Belajar
Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar
Membuat Huruf tebal strong gunakan kode : <strong>Belajar</strong> hasilnya seperti :
Belajar
Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span>hasilnya seperti :
Namanya juga hidden..ya..ga keliatan..
Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
BELAJAR
Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
BELAJAR
Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4<sub>2</sub></p>hasilnya seperti ini:
42
Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p> hasilnya seperti ini:
42
Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf
Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya seperti ini:
Belajar
Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar
Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
DOT 1
DOT 2
DOT 3
Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
DOT 1
DOT 2
DOT 3
Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
• DOT 1
• DOT 2
• DOT 3
Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:
• DOT 1
• DOT 2
• DOT 3
Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:
Belajar
Membuat tabel border solid gunakan kode:
<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
hasilnya seperti :
Text
Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:
Text
Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :
Text
Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:
Text
Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.
**Tabel-tabel diatas,akan terlihat sempurna jika dibuka pada browser IE (Internet Explorer)
Sebagai Misi dari Daput Tutorial Blogspot yaitu memberikan Tutorial tentang cara membuat sebuah blog profesional, Dapur Tutorial Blogspot akan menyampaikan dari tehnik paling dasar mengenai sebuah blog. Seperti yang sudah Dapur Tutorial Blogspot sampaikan Sebelumnya Mengenai Hal-Hal yang harus anda ketahui sebelum membuat sebuah blog, Persiapan untuk membuat sebuah blog, Mengenal kemudahan yang dimiliki blog/blogspot sampi pada pendaftaran akun blogger.
Kita akan membahas satu persatu dari bawah sampai atas dan sekarang pembahasan kita sudah sampai pada Pengenalan dasar kode HTML. Pengenalan tentang kode HTML ini Dapur Tutorial rasa sangat penting kerana anda akan banyak berhubungan dengan namanya kode HTML ini , Untuk itu Dapur Tutorial Blogspot akan menyampaikan mengenai dasar-dasar pengetahuan kode HTML ini.
Mungkin anda bertanya apa sih HTML itu ?, HTML (Hyper Text Markup Languange) merupakan suatu standar bahasa progam yang digunakan untuk menampilkan dokumen-dokumen web. HTML ini berupa kode-kode tag yang memberikan instruksi pada browser untuk menghasilkan tampilan sesuai dengan yang kita pilih.
Ok kita langsung saja lihat Seperti apa HTML kode dan kenerjanya :
HTML kode pada umumnya terdiri perintah sebagai berikut :
<HTML>
<BODY>
Mengenal Dasar-Dasar dari Kode-Kode HTML
</BODY>
</HTML>
Coba perhatikan kode diata, kode kode HTML selalu di batasi dengan tag pembuka dan penutup <....>
Sekarang bagaimana tampilan tag untuk membuat Title pada Sebiah blog atau web ?. Untuk membuat title pada sebuah web atau blog anda harus menambahkan kode <HEAD><TITLE>..........</TITLE></HEAD>
Diantara kode <HTML> dan <BODY>
Contohnya seperti ini :
<HTML>
<HEAD>
<TITLE>Dasar-Dasar dari Kode-Kode HTML</HEAD>
</HEAD>
<BODY>
Mengenal Dasar-Dasar dari Kode-Kode HTML
</BODY>
</HTML>
Ok Berikutnya Dapur Tutorial Blogspot akan jelaskan bagaiman mengatur sebuah text menggunakan HTML Kode.
Kode-kode HTML yang banyak digunakan untuk memanipulasi text dalam sebuah web/Blog
<b>....</b> kode ini digunakan untuk membuat cetak tebal pada tulisan
<i>.....</i> kode ini digunakan untuk membuat text miring pada tulisan
<u>.....</u> Kode ini digunakan untuk membuat garis bawah pada tulisan
<b><i><u>.......</u></i></b> ini dalah kode kombinasi yang menghasilkan text seperti ini
Selain Kode Diatas anda jugadapat menggunakan kode berikut ini :
<strong>........</strong> Kode ini untuk membuat cetak tebal pada tulisan
<em>..............</em> kode ini untuk membuat text miring
Selain itu anda dapat menggunakan Kode HTML untuk memanipulasi warna dan besar huruf pada Text :
<FONT SIZE=”....” COLOR=”.....” FACE=”......”>
........</FONT>.
SIZE untuk mengatur ukuran huruf
COLOR untuk mengatur warna huruf
FACE untuk mengatur jenis huruf
Misalnya anda ingin mengatur warna pada sebuah Text :
<FONT COLOR="blue"> text akan berwarna biru </FONT>
<FONT COLOR="red"> Text akan berwana merah </FONT>
<FONT COLOR="white"> text akan berwanar putih </FONT>
Apabila anda ingin mengatur Ukuran text contohnya sebagai berikut :
<FONT SIZE=”1″>Ukuran 1 akan seperti in.</FONT>
<FONT SIZE=”2″>Ukuran 1 akan seperti in.</FONT>
<FONT SIZE=”3″>Ukuran 1 akan seperti in.</FONT>
Bagaimana jika ingin memilih jenis text :
<FONT FACE=”Arial”>Ini memakai font arial black.</FONT>
<FONT FACE=”Helvetica”>Ini memakai font Helvetica.</FONT>
<FONT FACE=”Gorgia”>Ini memakai font Impact.</FONT>
Bagaimana jika ingin di kombinasikan ?. mudah adan culkup menggabungkan kode-kode diatas :
Contoh :
Dapur tutorial menggabungkan kode warna besar huruf dan jenis hurup, cetak tebal , miring dan bergaris bawah seperti ini.
<FONT SIZE=”3” COLOR=”read” FACE=”Arial”><b><i><u>Hasilnya seperti ini</u></i></u></FONT>.
Bagaiman mudah dan tidak ada masalahkan untuk mengkombinasikan kode-kode HTML tersebut ?
Ok selanjutnya kita bahas cara mengubah text dengan tag heading <h1> sampai dengan <h6>. <h1> merupakan ukuran huruf yang paling terbesar dan <h6> adalah ukuran huruf terkecil
Perhatikan huruf yang menggunakan <h2> dan <h3>
<h2>ukurannya seperti ini </h2>
<h3>ukurannya seperti ini </h3>
Anda juga harus mengetahui beberapa kode-kode yang digunakan untuk mengetur paragraf :
<p> Untuk membuka paragraf
</p> untuk menutup paragraf
<br> Untuk membuat baris baru
<center> Untuk membuat tulisan berada di tengah </center>
Contohnya :
<P align=”left”><FONT COLOR=”read”><b> Paragraf ini menggunakan rata kiri dengan warna tulisan biru dan bercetak tebal
<br> tag ini membuat tulisan ini dalam baris baru</b></FONT></P>
Hasilnya akan seperti ini :
Paragraf ini menggunakan rata kiri dengan warna tulisan merah dan bercetak tebal
tag ini membuat tulisan ini dalam baris baru
<P align=”center”><FONT COLOR=”blue”><U> Paragraf ini menggunakan rata tengah dengan warna tulisan biru dan bergaris bawah
<br> tag ini membuat tulisan ini dalam baris baru</U></FONT></P>
Hasilnya :
Paragraf ini menggunakan rata tengah dengan warna tulisan biru dan bergaris bawah
tag ini membuat tulisan ini dalam baris baru
Ok kita lanjut pada pembahasan berikutnya.Dengan HTML kode anda juga dapat membuat sebuah link didalam text:
Kode yang digunakan adalah sebagai berikut :
<a href=”Link yang dituju”>Link yang dimaksud/anchor text</a>
Contohnya disini anda memasukan ling http://www.dapur-tutorial.blogspot.com
maka hasilnya adalah sebagai berikut :
Belajar tutorial blogspot di Dapur Tutorial Blogspot
sekarang pada Tulisan FDapur Tutorial Blogspot terdapat link http://www.dapur-tutorial.blogspot.com untuk mengecek silahkan letakan kursor mouse anda diatas Dapur Tutorial Blogspot dan klik maka text tersebut akan membawa anda kehalaman HOME blog Dapur Tutorial Blogspot.
Anda juga dapat mengatur text link tersebut terbuka pada jendela baru dengan menambahkan kode
TARGET=”_Blank”
Contoh:
<a HREF=”http://www.dapur-tutorial.blogspot.com” TARGET=”_Blank”>Belajar tutorial blogspot<a>
Hasilnya:
Belajar tutorial blogspot
Nah itulah pengenalan dasar mengenai kode-kode dasar HTML dalam sebuah web atau blog. sekian tutorial kali ini dan akan kita lanjutkan ketutorial berikutnya.
Read more: http://dapur-tutorial.blogspot.com/2011/12/mengenal-dasar-dasar-dari-kode-kode.html#ixzz2FO1QO1Hm
Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML,bisa baca disini
Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halamanHTML dengan software instant seperti Dreamweaver dll.
Membuat Center,gunakan kode : <p align="center">Belajar</p> hasilnya seperti:
Belajar
Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :
Belajar
Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :
Belajar
Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar
Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar
Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :
Belajar
Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar
Membuat Huruf tebal strong gunakan kode : <strong>Belajar</strong> hasilnya seperti :
Belajar
Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span>hasilnya seperti :
Namanya juga hidden..ya..ga keliatan..
Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
BELAJAR
Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
BELAJAR
Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4<sub>2</sub></p>hasilnya seperti ini:
42
Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p> hasilnya seperti ini:
42
Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf
Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya seperti ini:
Belajar
Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar
Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
DOT 1
DOT 2
DOT 3
Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
DOT 1
DOT 2
DOT 3
Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
• DOT 1
• DOT 2
• DOT 3
Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:
• DOT 1
• DOT 2
• DOT 3
Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:
Belajar
Membuat tabel border solid gunakan kode:
<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
hasilnya seperti :
Text
Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text
Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:
Text
Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :
Text
Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:
Text
Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.
**Tabel-tabel diatas,akan terlihat sempurna jika dibuka pada browser IE (Internet Explorer)
Sebagai Misi dari Daput Tutorial Blogspot yaitu memberikan Tutorial tentang cara membuat sebuah blog profesional, Dapur Tutorial Blogspot akan menyampaikan dari tehnik paling dasar mengenai sebuah blog. Seperti yang sudah Dapur Tutorial Blogspot sampaikan Sebelumnya Mengenai Hal-Hal yang harus anda ketahui sebelum membuat sebuah blog, Persiapan untuk membuat sebuah blog, Mengenal kemudahan yang dimiliki blog/blogspot sampi pada pendaftaran akun blogger.
Kita akan membahas satu persatu dari bawah sampai atas dan sekarang pembahasan kita sudah sampai pada Pengenalan dasar kode HTML. Pengenalan tentang kode HTML ini Dapur Tutorial rasa sangat penting kerana anda akan banyak berhubungan dengan namanya kode HTML ini , Untuk itu Dapur Tutorial Blogspot akan menyampaikan mengenai dasar-dasar pengetahuan kode HTML ini.
Mungkin anda bertanya apa sih HTML itu ?, HTML (Hyper Text Markup Languange) merupakan suatu standar bahasa progam yang digunakan untuk menampilkan dokumen-dokumen web. HTML ini berupa kode-kode tag yang memberikan instruksi pada browser untuk menghasilkan tampilan sesuai dengan yang kita pilih.
Ok kita langsung saja lihat Seperti apa HTML kode dan kenerjanya :
HTML kode pada umumnya terdiri perintah sebagai berikut :
<HTML>
<BODY>
Mengenal Dasar-Dasar dari Kode-Kode HTML
</BODY>
</HTML>
Coba perhatikan kode diata, kode kode HTML selalu di batasi dengan tag pembuka dan penutup <....>
Sekarang bagaimana tampilan tag untuk membuat Title pada Sebiah blog atau web ?. Untuk membuat title pada sebuah web atau blog anda harus menambahkan kode <HEAD><TITLE>..........</TITLE></HEAD>
Diantara kode <HTML> dan <BODY>
Contohnya seperti ini :
<HTML>
<HEAD>
<TITLE>Dasar-Dasar dari Kode-Kode HTML</HEAD>
</HEAD>
<BODY>
Mengenal Dasar-Dasar dari Kode-Kode HTML
</BODY>
</HTML>
Ok Berikutnya Dapur Tutorial Blogspot akan jelaskan bagaiman mengatur sebuah text menggunakan HTML Kode.
Kode-kode HTML yang banyak digunakan untuk memanipulasi text dalam sebuah web/Blog
<b>....</b> kode ini digunakan untuk membuat cetak tebal pada tulisan
<i>.....</i> kode ini digunakan untuk membuat text miring pada tulisan
<u>.....</u> Kode ini digunakan untuk membuat garis bawah pada tulisan
<b><i><u>.......</u></i></b> ini dalah kode kombinasi yang menghasilkan text seperti ini
Selain Kode Diatas anda jugadapat menggunakan kode berikut ini :
<strong>........</strong> Kode ini untuk membuat cetak tebal pada tulisan
<em>..............</em> kode ini untuk membuat text miring
Selain itu anda dapat menggunakan Kode HTML untuk memanipulasi warna dan besar huruf pada Text :
<FONT SIZE=”....” COLOR=”.....” FACE=”......”>
........</FONT>.
SIZE untuk mengatur ukuran huruf
COLOR untuk mengatur warna huruf
FACE untuk mengatur jenis huruf
Misalnya anda ingin mengatur warna pada sebuah Text :
<FONT COLOR="blue"> text akan berwarna biru </FONT>
<FONT COLOR="red"> Text akan berwana merah </FONT>
<FONT COLOR="white"> text akan berwanar putih </FONT>
Apabila anda ingin mengatur Ukuran text contohnya sebagai berikut :
<FONT SIZE=”1″>Ukuran 1 akan seperti in.</FONT>
<FONT SIZE=”2″>Ukuran 1 akan seperti in.</FONT>
<FONT SIZE=”3″>Ukuran 1 akan seperti in.</FONT>
Bagaimana jika ingin memilih jenis text :
<FONT FACE=”Arial”>Ini memakai font arial black.</FONT>
<FONT FACE=”Helvetica”>Ini memakai font Helvetica.</FONT>
<FONT FACE=”Gorgia”>Ini memakai font Impact.</FONT>
Bagaimana jika ingin di kombinasikan ?. mudah adan culkup menggabungkan kode-kode diatas :
Contoh :
Dapur tutorial menggabungkan kode warna besar huruf dan jenis hurup, cetak tebal , miring dan bergaris bawah seperti ini.
<FONT SIZE=”3” COLOR=”read” FACE=”Arial”><b><i><u>Hasilnya seperti ini</u></i></u></FONT>.
Bagaiman mudah dan tidak ada masalahkan untuk mengkombinasikan kode-kode HTML tersebut ?
Ok selanjutnya kita bahas cara mengubah text dengan tag heading <h1> sampai dengan <h6>. <h1> merupakan ukuran huruf yang paling terbesar dan <h6> adalah ukuran huruf terkecil
Perhatikan huruf yang menggunakan <h2> dan <h3>
<h2>ukurannya seperti ini </h2>
<h3>ukurannya seperti ini </h3>
Anda juga harus mengetahui beberapa kode-kode yang digunakan untuk mengetur paragraf :
<p> Untuk membuka paragraf
</p> untuk menutup paragraf
<br> Untuk membuat baris baru
<center> Untuk membuat tulisan berada di tengah </center>
Contohnya :
<P align=”left”><FONT COLOR=”read”><b> Paragraf ini menggunakan rata kiri dengan warna tulisan biru dan bercetak tebal
<br> tag ini membuat tulisan ini dalam baris baru</b></FONT></P>
Hasilnya akan seperti ini :
Paragraf ini menggunakan rata kiri dengan warna tulisan merah dan bercetak tebal
tag ini membuat tulisan ini dalam baris baru
<P align=”center”><FONT COLOR=”blue”><U> Paragraf ini menggunakan rata tengah dengan warna tulisan biru dan bergaris bawah
<br> tag ini membuat tulisan ini dalam baris baru</U></FONT></P>
Hasilnya :
Paragraf ini menggunakan rata tengah dengan warna tulisan biru dan bergaris bawah
tag ini membuat tulisan ini dalam baris baru
Ok kita lanjut pada pembahasan berikutnya.Dengan HTML kode anda juga dapat membuat sebuah link didalam text:
Kode yang digunakan adalah sebagai berikut :
<a href=”Link yang dituju”>Link yang dimaksud/anchor text</a>
Contohnya disini anda memasukan ling http://www.dapur-tutorial.blogspot.com
maka hasilnya adalah sebagai berikut :
Belajar tutorial blogspot di Dapur Tutorial Blogspot
sekarang pada Tulisan FDapur Tutorial Blogspot terdapat link http://www.dapur-tutorial.blogspot.com untuk mengecek silahkan letakan kursor mouse anda diatas Dapur Tutorial Blogspot dan klik maka text tersebut akan membawa anda kehalaman HOME blog Dapur Tutorial Blogspot.
Anda juga dapat mengatur text link tersebut terbuka pada jendela baru dengan menambahkan kode
TARGET=”_Blank”
Contoh:
<a HREF=”http://www.dapur-tutorial.blogspot.com” TARGET=”_Blank”>Belajar tutorial blogspot<a>
Hasilnya:
Belajar tutorial blogspot
Nah itulah pengenalan dasar mengenai kode-kode dasar HTML dalam sebuah web atau blog. sekian tutorial kali ini dan akan kita lanjutkan ketutorial berikutnya.
Read more: http://dapur-tutorial.blogspot.com/2011/12/mengenal-dasar-dasar-dari-kode-kode.html#ixzz2FO1QO1Hm
Tidak ada komentar:
Posting Komentar