Pengenalan HTML
Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa) (Wikipedia).
HTML
Format badan HTML:
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
Hasilnya:
This is a Heading
This is a paragraph.
Sama seperti di Word, heading di HTML dapat dilakukan, letakkan diantara <body> dan </body>
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
Hasilnya:
This is a heading
This is a heading
This is a heading
Pengaturan Paragraph
Formatnya:
<p title="Rata kiri kanan|kiri|kanan|tengah" align="justify|left|right|center"></p>
atau format lain.
<p title="Rata kiri kanan" style="text-align = justify;"></p>
Rata kiri kanan:
<p title="Rata kiri kanan" align="justify"> Kimia (dari bahasa Arab: كيمياء, transliterasi: kimiya = perubahan benda/zat atau bahasa Yunani: χημεία, transliterasi: khemeia) adalah ilmu yang mempelajari mengenai komposisi, struktur, dan sifat zat atau materi dari skala atom hingga molekul serta perubahan atau transformasi serta interaksi mereka untuk membentuk materi yang ditemukan sehari-hari. Kimia juga mempelajari pemahaman sifat dan interaksi atom individu dengan tujuan untuk menerapkan pengetahuan tersebut pada tingkat makroskopik. Menurut kimia modern, sifat fisik materi umumnya ditentukan oleh struktur pada tingkat atom yang pada gilirannya ditentukan oleh gaya antaratom dan ikatan kimia. </p>
Hasilnya:
Kimia (dari bahasa Arab: كيمياء, transliterasi: kimiya = perubahan benda/zat atau bahasa Yunani: χημεία, transliterasi: khemeia) adalah ilmu yang mempelajari mengenai komposisi, struktur, dan sifat zat atau materi dari skala atom hingga molekul serta perubahan atau transformasi serta interaksi mereka untuk membentuk materi yang ditemukan sehari-hari. Kimia juga mempelajari pemahaman sifat dan interaksi atom individu dengan tujuan untuk menerapkan pengetahuan tersebut pada tingkat makroskopik. Menurut kimia modern, sifat fisik materi umumnya ditentukan oleh struktur pada tingkat atom yang pada gilirannya ditentukan oleh gaya antaratom dan ikatan kimia.
Rata kiri:
Kimia (dari bahasa Arab: كيمياء, transliterasi: kimiya = perubahan benda/zat atau bahasa Yunani: χημεία, transliterasi: khemeia) adalah ilmu yang mempelajari mengenai komposisi, struktur, dan sifat zat atau materi dari skala atom hingga molekul serta perubahan atau transformasi serta interaksi mereka untuk membentuk materi yang ditemukan sehari-hari. Kimia juga mempelajari pemahaman sifat dan interaksi atom individu dengan tujuan untuk menerapkan pengetahuan tersebut pada tingkat makroskopik. Menurut kimia modern, sifat fisik materi umumnya ditentukan oleh struktur pada tingkat atom yang pada gilirannya ditentukan oleh gaya antaratom dan ikatan kimia.
Rata kanan:
Kimia (dari bahasa Arab: كيمياء, transliterasi: kimiya = perubahan benda/zat atau bahasa Yunani: χημεία, transliterasi: khemeia) adalah ilmu yang mempelajari mengenai komposisi, struktur, dan sifat zat atau materi dari skala atom hingga molekul serta perubahan atau transformasi serta interaksi mereka untuk membentuk materi yang ditemukan sehari-hari. Kimia juga mempelajari pemahaman sifat dan interaksi atom individu dengan tujuan untuk menerapkan pengetahuan tersebut pada tingkat makroskopik. Menurut kimia modern, sifat fisik materi umumnya ditentukan oleh struktur pada tingkat atom yang pada gilirannya ditentukan oleh gaya antaratom dan ikatan kimia.
Rata tengah:
Kimia (dari bahasa Arab: كيمياء, transliterasi: kimiya = perubahan benda/zat atau bahasa Yunani: χημεία, transliterasi: khemeia) adalah ilmu yang mempelajari mengenai komposisi, struktur, dan sifat zat atau materi dari skala atom hingga molekul serta perubahan atau transformasi serta interaksi mereka untuk membentuk materi yang ditemukan sehari-hari. Kimia juga mempelajari pemahaman sifat dan interaksi atom individu dengan tujuan untuk menerapkan pengetahuan tersebut pada tingkat makroskopik. Menurut kimia modern, sifat fisik materi umumnya ditentukan oleh struktur pada tingkat atom yang pada gilirannya ditentukan oleh gaya antaratom dan ikatan kimia.
Pengaturan Font (huruf)
Format:
<span style="color: red; font-size: medium;">This is some text!</span> <span style="color: blue; font-size: small;">This is some text!</span> <span style="color: green; font-family: verdana;">This is some text!</span>
atau
<font size="3" color="red">This is some text!</font> <font size="2" color="blue">This is some text!</font> <font face="verdana" color="green">This is some text!</font>
Hasilnya:
This is some text!
This is some text!
This is some text!
Penentuan warna
Penentuan warna bisa menggunakan namanya bisa juga menggunakan kode warna. Untuk penamaan warna silahkan akses ke http://www.colorpicker.com/color-chart/, sedangkan kode warna bisa dilihat di http://www.colorpicker.com/ atau di http://www.w3schools.com/tags/ref_colorpicker.asp.
Contoh:
<span style="color: red; font-size: medium;">This is some text!</span> <span style="color: #ff0000; font-size: small;">This is some text!</span> <span style="color: rgb(255, 0, 0); font-size: large; font-family: verdana;">This is some text!</span> <span style="color: hsl(0, 100%, 50%); font-family: arial;">This is some text!</span>
atau
<font size="3" color="red">This is some text!</font> <font size="2" color="#ff0000">This is some text!</font> <font size="7" face="verdana" color="rgb(255,0,0">This is some text!</font> <font face="arial" color="hsl(0, 100%, 50%)">This is some text!</font>
Hasilnya:
This is some text!
This is some text!
This is some text!
This is some text!
Penentuan ukuran huruf
Jika menggunakan tag size pada maka ukuran huruf ditentukan menggunakan angka 1 sampai dengan 7. Contoh sintaksnya: size = “1”, size = “7”.
Jika menggunakan tag font-sixe maka menggunakan ukuran dengan sintaks:
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;
Contoh:
<span style="color: red; font-size: small;">This is some text!</span> <span style="color: red; font-size: medium;">This is some text!</span> <span style="color: red; font-size: large;">This is some text!</span> <span style="color: red; font-size: xx-large;">This is some text!</span> <span style="color: red; font-size: 30px;">This is some text!</span> <span style="color: red; font-size: 200%;">This is some text!</span>
Hasilnya:
This is some text!
This is some text!
This is some text!
This is some text!
This is some text!
This is some text!
Penjelasannya:
| Value | Description | |
|---|---|---|
| medium | Sets the font-size to a medium size. This is default | |
| xx-small | Sets the font-size to an xx-small size | |
| x-small | Sets the font-size to an extra small size | |
| small | Sets the font-size to a small size | |
| large | Sets the font-size to a large size | |
| x-large | Sets the font-size to an extra large size | |
| xx-large | Sets the font-size to an xx-large size | |
| smaller | Sets the font-size to a smaller size than the parent element | |
| larger | Sets the font-size to a larger size than the parent element | |
| length | Sets the font-size to a fixed size in px, cm, etc. | |
| % | Sets the font-size to a percent of the parent element’s font size | |
| initial | Sets this property to its default value. | |
| inherit | Inherits this property from its parent element. |
Pengaturan huruf dapat juga langsung dilakukan menggunakan pengaturan paragraf dengan sintaks:
<p style="text-align: justify; font-size: large; color: darkblue; font-family: verdana;"></p>
Contoh:
Kimia (dari bahasa Arab: كيمياء, transliterasi: kimiya = perubahan benda/zat atau bahasa Yunani: χημεία, transliterasi: khemeia) adalah ilmu yang mempelajari mengenai komposisi, struktur, dan sifat zat atau materi dari skala atom hingga molekul serta perubahan atau transformasi serta interaksi mereka untuk membentuk materi yang ditemukan sehari-hari. Kimia juga mempelajari pemahaman sifat dan interaksi atom individu dengan tujuan untuk menerapkan pengetahuan tersebut pada tingkat makroskopik. Menurut kimia modern, sifat fisik materi umumnya ditentukan oleh struktur pada tingkat atom yang pada gilirannya ditentukan oleh gaya antaratom dan ikatan kimia.
Pengaturan tipe huruf:
Format:
<strong>Bold / Tebal</strong> atau <b>Bold / Tebal </b> <em>Emphatic / Italic / miring</em> atau <i>Emphatic / Italic / miring </i> <u>Underline / Garis bawah</u> <s>Strikeout / Coret tengah</s> <small>Small - fineprint size</small> <tt>Typewriter</tt> <pre>Pre-formated</pre> <blockquote>Blockquote</Blcoquote> Subskrip & superskrip: H<sub>2</sub>SO<sub>4</sub> ⇔ 2H<sup>+</sup> + SO<sub>4</sub><sup>2-</sup>
Hasilnya:
Bold / Tebal atau Bold / Tebal
Emphatic / Italic / miring atau Emphatic / Italic / miring
Underline / Garis bawah
Strikeout / Coret tengah
Small – fineprint size
Typewriter
Pre-formated
Blockquote
Subskrip & superskrip: H2SO4 ⇔ 2H+ + SO42-