Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
PENULISAN DENGAN HTML (Sindy Nova)
2
MENGENAI PENULISAN HTML
Peng. Komp & TI 2C MENGENAI PENULISAN HTML Browser HTML menginterpretasikan satu atau beberapa space yang berdekatan sebagai sebuahspace teks teks teks teks dianggap sebagai : Browser HTML menginterpretasikan Carriage Return (Enter) dan indentasi (Tab) sebagai sebuah space Ada beberapa karakter khusus yang dapat direpresentasikan dengan kode tertentu –   untuk menghasilkan: spasi – < untuk menghasilkan: < – > untuk menghasilkan: > – & untuk menghasilkan: & – " untuk menghasilkan: "
![MENGENAI PENULISAN HTML](http://slideplayer.info/slide/12822843/78/images/2/MENGENAI+PENULISAN+HTML.jpg "Peng. Komp & TI 2C. MENGENAI PENULISAN HTML. Browser HTML menginterpretasikan satu atau beberapa space yang berdekatan sebagai sebuahspace. teks teks teks teks. dianggap sebagai : Browser HTML menginterpretasikan Carriage Return. (Enter) dan indentasi (Tab) sebagai sebuah space. Ada beberapa karakter khusus yang dapat direpresentasikan dengan kode tertentu. –   untuk menghasilkan: spasi. – < untuk menghasilkan: < – > untuk menghasilkan: > – & untuk menghasilkan: & – " untuk menghasilkan:")
3
TAG DASAR HTML: menandai awal dan akhir dokumen HTML
Peng. Komp & TI 2C TAG DASAR HTML: menandai awal dan akhir dokumen HTML <html>dokumen</html> Head: menandai bagian header dokumen HTML <head>header</head> Title: memberi judul pada dokumen HTML <title>judul dokumen</title> Body: menandai awal dan akhir isi dokumen <body>isi dokumen</body> <body text="#xxxxxx" bgcolor="#xxxxxx" background="filegambar" link="#xxxxxx" vlink="#xxxxxx">isi dokumen</body>
4
Peng. Komp & TI 2C TAG JUDUL (HEADING) <hn>Judul paragraf</hn> n = 1,2,3,4,5,6 (tingkat judul) Untuk menuliskan judul suatu paragraf
5
TAG ENUMERASI (LIST) <li>item</li>
Peng. Komp & TI 2C TAG ENUMERASI (LIST) <li>item</li> Untuk menandai suatu item dari daftar (enumerasi), diawali dengan simbol • (bullet) Kelompok item harus diapit oleh tag <ul> </ul> dalam daftar bertingkat. Untuk menomori enumerasi dengan nomor urut (1,2,3), apitlah dengan tag <ol> </ol>
6
TAG ENUMERASI – LIST (cont.)
Peng. Komp & TI 2C TAG ENUMERASI – LIST (cont.)
7
Peng. Komp & TI 2C TAG GAMBAR <img src="NamaFileGambar"> NamaFileGambar = file gambar yang mempunyai ekstensi .GIF, .JPG, atau .PNG. Untuk menampilkan sebuah file gambar. Bentuk penulisan lain yang dianjurkan (XML style) : <img src="NamaFileGambar" />
8
Peng. Komp & TI 2C TAG GAMBAR (cont.)
9
TAG TABLE - DATA <table> definisi tabel </table>
Peng. Komp & TI 2C TAG TABLE - DATA <table> definisi tabel </table> Menampilkan data dalam bentuk tabel Tabel didefinisikan dengan cara menyatakan baris-baris dan kolom kolom. Tag untuk penanda baris adalah <tr> definisi baris </tr> Tag untuk penanda kolom adalah <td>data</td>
10
Peng. Komp & TI 2C TAG TABLE – DATA (cont.)
11
Peng. Komp & TI 2C TAG TABLE - LAYOUT Untuk menata letak (layout) isi dokumen (walaupun hakikatnya bukan untuk keperluan ini)
12
TAG TABLE – LAYOUT (cont.)
Peng. Komp & TI 2C TAG TABLE – LAYOUT (cont.)
13
TAG LINK <a href="Link">Kata yang di-click</a>
Peng. Komp & TI 2C TAG LINK <a href="Link">Kata yang di-click</a> <a name="#Acuan">Kata yang dituju</a> Link = Alamat URL atau nama file dan/atau acuan yang dituju Acuan = Kata sembarang sebagai penanda membentuk link ke URL/file/bagian dokumen lain.
14
Peng. Komp & TI 2C TAG LINK (cont.)
Presentasi serupa
