Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

HTML Hipertext Markup Language

Presentasi serupa


Presentasi berjudul: "HTML Hipertext Markup Language"— Transcript presentasi:

1 HTML Hipertext Markup Language
Modul 2 Pengenalan HTML Kelas XI Semester 1 HTML Hipertext Markup Language

2 HTML HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web HTML kini merupakan standar Internet yang saat ini dikendalikan oleh World Wide Web Consortium (W3C). Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTMLdan DHTML. Yang dimaksud dengan HyperText adalah beberapa teks yang ada dalam dokumen HTML memuat informasi yang menghubungkan ke lokasi yang berbeda, baik dalam satu struktur dokumen atau ke alamat lain di internet. Sedangkan Markup Language merupakan bagian spesifik pada dokumen yang mengindikasikan bagaimana suatu informasi akan ditampilkan pada web browser.

3 Applikasi Editing HTML
Text editor Notepad Editor Plus Edit2Plus Ultra Edit WYSWYG Macromedia Dreamweaver Microsoft Frontpage Microsoft Publisher

4 Extension HTML Untuk menyimpan file HTML ekstensi yang digunakan adalah .htm atau html Ekstensi yang paling sering digunakan adalah .html

5 Tag / Sintax HTML HTML tags digunakan untuk menandai element HTML
HTML tags ditandai dua character < dan> HTML tags ditulis berpasangan seperti <b> dan </b> Tags yang pertama adalah start tag dan tags kedua adalah end tag Teks diantara tag adalah content element HTML tags tidak case sensitif , <b> sama dengan <B>

6 Tag / Sintax HTML 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> Contoh : <body text="#xxxxxx" bgcolor="#xxxxxx" background="filegambar" link="#xxxxxx" vlink="#xxxxxx">isi dokumen</body>

7 Sintax Standart HTML <html> <head>
<title>Judul Halaman</title> </head> <body> Isi halaman web </body> </html>

8 Contoh Script HTML <html> <head>
<title>Halaman Pertama</title> </head> <body> Ini Adalah Website Pertamaku </body> </html>

9 Save File HTML di Notepad
File – Save As File Type : nama file dengan akhiran ext .htm atau .html Save As type : pilih All Files Save

10 Tampilan Website Pertama
Selamat.. Ini adalah Tampilan Website Pertama

11 Basic HTML Tag Description <html> Definisi sebagai Dokumen HTML
<body> Definisi Body Dokumen HTML <h1> sampai <h6> Definisi Header Huruf <p> Definisi Paragraf <br> 1 Spasi kebawah <hr> Definisi Garis Mendatar <!--> Definisi Komentar (tidak di tampilkan)

12 Format Text Beberapa pemformatan teks:
Huruf Tebal <b> </b> Huruf Miring <i></i> Huruf Garis Bawah <u></u>

13 Format Text <ALIGN> Fungsi: Membuat text reta kiri ,rata kanan dan tengah Sintak: <P ALIGN=right>untuk rata kanan <P ALIGN=left> untuk ratakiri <P ALIGN=center> untuk rata tengah <P ALIGN=justify> untuk rata kiri dan rata kanan Atau <H? ALIGN=right>untuk rata kanan < H? ALIGN=left> untuk ratakiri < H? ALIGN=center> untuk rata tengah < H? ALIGN=justify> untuk rata kiri dan rata kanan Contoh pemakaian: <H2 Align=right>Selamat Datang di Website Kami</H2>


Download ppt "HTML Hipertext Markup Language"

Presentasi serupa


Iklan oleh Google