HTML.

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

HTML.
HTML Hyper Text Markup Language
Pemrograman Web 1Humisar Hasugian, S.Kom 1 Pengenalan HTML HTML • Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan.
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
World Wide Web Pengenalan HTML Tag-Tag Dasar HTML
Zanial Mazalisa, S.Kom.,M.M
Nine: Pengantar HTML The Net Language. 2 Objectives Setelah menyelesaikan bab ini, anda diharapkan dapat: Memahami konstruksi dasar halaman web. Mengerti.
STMIK PPKIA Pradnya Paramita
DASAR HTML Marina Azizah. Struktur Dokumen HTML Dokumen HTML bisa di bagi mejadi tiga bagian utama: HTML Setiap dokumen HTML harus di awali dan di tutup.
HTML Hipertext Markup Language
HTML Basic Heading Paragraf & Text. Paragraf Breaks & Horizontal Rulez Creating and HTML Page Quoted Text Preformated Text Phrase Elements Formating Elements.
DESAIN WEB STATIS DAN HTML
HTML.
Pengantar HTML By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Basic HTML Konsep dan Fungsi HTML
 HTML merupakan bahasa paling standard yang digunakan untuk membuat suatu website  HTML Singkatan dari H yper T ext M arkup L anguage  HTML bukanlah.
MEMBUAT WEB SEDERHANA.
Pengantar Pemrograman WEB
Pemrograman Web/TI/ AK /2 sks
HTML Basic.
HTML (Hypertext Markup Language)
HTML Achmad Yasid,SKom. HTML Singkatan dari HyperText Markup Language adalah bahasa yang menjelaskan bagaimana suatu teks, video, grafik, animasi dan.
Pemrograman Web HTML (1) Andy Haryoko, ST.
HTML PEMROGRAMAN INTERNET.
PENULISAN DENGAN HTML (Nelly Sofi). Peng. Komp & TI 2C2 MENGENAI PENULISAN HTML Browser HTML menginterpretasikan satu atau beberapa space yang berdekatan.
Atribut dalam Body Atribut dan contoh penulisan Fungsi
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB
Pertemuan 2 : HTML.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
PEMROGRAMAN WEB 1 BY: ASIH WINANTU.
HTML (cont.) (Nelly Sofi). Peng. Komp & TI 2C2 Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen.
Team Teknik Elektro UHAMKA HTML.
Pengantar Web Design.
Desain Web dengan Tag HTML
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
WEB DESIGN Materi Pelajaran TIK Kelas XI SMA NEGERI 9 MALANG.
WEB 1 (HTML) STMIK A. Yani.
Tentang HTML HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan standar Internet yang saat ini.
HTML.
HTML (cont.) (Devi Indriani).
PENULISAN DENGAN HTML (Sindy Nova).
Pemrograman Web/TI/ AK /2 sks
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Komputer aplikasi it-I (html)
Internet dan Web By : Lisda Juliana P..
S1 Teknik Informatika - Unijoyo
PENULISAN DENGAN HTML.
Pemrograman Berbasis WEB
Pemrograman Basis Data Berbasis Web
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Internet dan Web Ecking Mendrofha.
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
BAHAN AJAR KOMPUTER APLIKASI IT (HTML)
STMIK AMIKOM YOGYAKARTA JURUSAN S1-TEKNIK INFORMATIKA TA.2013/2014
Dasar HTML Hypertext Markup Language Dasar HTML.
Darmawan satyananda Mathematics department State university of malang
Praktikum 1 Mochammad Yusa.
Pemrograman Web PG117 – 3 SKS.
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
Pemrograman Web/TI/ AK /2 sks
Tag Dasar dan Format Teks pada Html
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
PENULISAN DENGAN HTML.
Paragrap dan Heading Dengan Tag HTML
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Pemrograman Basis Data Berbasis Web
Pengantar HTML By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Transcript presentasi:

HTML

Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog, HTMLLed dsb. Bahkan dengan hadirnya Microsoft Frontpage 2000 dan Frontpage XP (experience) untuk membuat dokumen atau web page sudah sangat mudah sekali, karena berbagai kebutuhan yang berhubungan dengan pembuatan web page sudah tersedia seperti component, hyperlink dsb. Peng . Komp & TI 2C

PENAMAAN DOKUMEN File yang disimpan dalam format HTML akan berekstensi HTM atau HTMl. File yang berakhiran HTM atau HTML ini sama untuk berbagai jenis sistem operasi seperti Linux, Unix, Windows dsb. Elemen HTML Dokumen HTML disusun oleh elemen-elemen. “Elemen “ adalah merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Bebrapa contoh elemen adalah head, body , table, paragraf , list. Elemen dapat berupa teks murni atau buakan teks atau keduanya. Definisi TAG Untuk menandai berbagai elemen dalam suatu dokumen HTML, kita menggunakan TAG. Peng . Komp & TI 2C

PENAMAAN DOKUMEN (cont.) Petunjuk menggunakan TAG adalah : Tag HTML diapit dengan dua karakter kurung bersusdut (angle bracket) < dan >  Tag HTML secara normal selalu berpasangan seperti <b> dan </b>  Tag pertama dalam suatu pasangan adalah tag awal dan tag yang kedua merupakan tag akhir Tag HTML tidak case sensitive . <b> berarti sama dengan <B> Jika dalam suatu tag ada tag lagi maka penulisan tag akhir tidak boleh bersilang harus berurut. Misalnya <b><I>Huruf Tebal dan Miring</I></b> Peng . Komp & TI 2C

PENAMAAN DOKUMEN (cont.) Gunakan tag dengan huruf kecil (lowercase) Nama elemen ditunjukkan dengan nama tagnya. Suatu elemen didalam dokumen HTML harus ditandai dengan penulisan tagnya yang berpasangan. Ada beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut adalah : - paragraf dengan tag <p> - ganti baris- line break dengan tag<br> - garis datar- horizontal rule dengan tag <hr> - list item dengan tag <li> Peng . Komp & TI 2C

PENAMAAN DOKUMEN (cont.) Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <namatag> …….. </namatag> Elemen HTML yang dibutuhkan Elemen yang dibutuhkan untuk membuat suatu dokumenHTML dinyatakan dengan tag <html>, <head>, dan <body> berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya tersusun dari link, grafik, paragraf dan elemen lainnya. Peng . Komp & TI 2C

PENAMAAN DOKUMEN (cont.) Secara umum dokumen web dibagi menjadi dua bagian yaitu head dan body. Sehingga setiap dokumen html harus mempunyai pola dasar sebagai berikut : <html> <head> ……informasi tentang dokumen HTML </head> <body> ……informasi yang ditampilakn dalam browser web </body> </html> Setiap dokumen html harus diawali dengan menuliskan tag <html> dan tag</html> diakhir dokumen. Tag ini menandai bahwa dokumen ini adalah dokumen HTML. Dalam satu dokumen hanya ada satu elemen html. Peng . Komp & TI 2C

PENAMAAN DOKUMEN (cont.) Elemen head ditandai dengan tag <head> dan diakhiri dengan tag </head>. Bagian ini berisi informasi tentang dokumen HTMLnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini akan ditampailkan pada caption bar dari window browser, ditandai dengan menggunakan tag <title> dan diakhiri dengan </title>. Elemen body ditandai dengan tag <body> dan diakhiri </body>. Bagian ini merupakan elemen terbesar di dalam dokumen html. Elemen ini berisi isi dokumen yang akan ditampilkan pada browser, meliputi paragraf, grafik, link, tabel dsb. Peng . Komp & TI 2C

PERSYARATAN SYSTEM  Sebuah komputer yang siap web. Komputer dengan windows 95/98/NT, Mac atau Unix  Editor teks, notepad atau lainnya  koneksi ke server web(kalau mungkin koneksi ke internet)  Browser web, direkomendasikan Internet Explorer atau Netscape navigator. Peng . Komp & TI 2C

TAG TAG DASAR HTML Tag dasar berarti elemen dasar. Dokumen HTML secara mendasar akan terdiri atas teks informasi. HTML Merupakan tag dasar yang mendefinisikan bahwa dokumen ini adalah dokumen HTML. Tag ini merupakan satu keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen HTML. <html> di awal dokumen dan </html> di akhir dokumen. Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Head Merupakan tag berikutnya setelah <html> untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan <head> di awal setelah <html>, dan </head> di akhir section head Title Merupakan tag di dalam head yang harus dituliskan untuk memberikan judul/ informasi pada caption browser web tentang topik atau judul dari dokumen web yang ditampilkan dalam browser. <title> judul dokumen</title> Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Body Merupakan section utama dalam dokumen web. Pada section ini semua isi dokumen yang akan ditampilkan di dalam browser harus dituliskan. <body> di awal, segera setelah tag </head> </body> di akhir, diletakkan sebelum tag </html> Paragraf Informasi yang disajikan dalam dokumen harus mengikuti kaidah kaidah dalam penulisan. Misalnya satu pikiran utama disimpan dalam satu paragraf. Setiap paragraf harus dimulai dengan memberi tag <p>. diakhir paragraf tidak diharuskan menuliskan </p> sebagai akhir paragraf. Setiap pergantian paragraf harus dimulai dengan <p> kembali. Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Contoh Soal : Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Hasil : Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Contoh Soal : Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Hasil : Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Line Break Kita dapat memaksakan ganti baris pada dokumen web. Ganti baris disini dimaksudkan hanya menyajikan informasi pada baris sendiri tetapi tidak berganti paragraf. Untuk menampilkan suatu teks ditampilkan pada baris yang baru dalam suatu paragraf, maka harus digunakan tag <br> sebelum teks yang dimaksud dituliskan. Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Contoh Soal : Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Hasil : Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Heading Teks dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML judul ini disebut heading. Heading tulisan akan ditampilkan dengan huruf yang lebih besar atau ditebalkan. Heading juga dimanfaatkan untuk menunjukkan tingkat keberartian dari teks yang dituliskan. Ada 6 tingkat heading dalam HTML, dinomori dari satu sampai dengan nomor 6. Nomor 1 merupakan heading terbesar. Setiap heading dalam dokumen harus diberi tag, tergantung pada kebutuhan teks tersebut, jika dianggap sebagai heading1-digunakan tag <h1> Sintaks elemen heading <hy> Teks yang menjadi heading </hy>, dimana y adalah nomor heading Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Contoh Soal : Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Mengatur letak Heading Tag heading mempunyai atribut yang digunakan untuk mengatur letak heading dalam baris –align. Aligment heading  kiri-left  tengah –center  kanan-right Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Contoh Soal : Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Hasil : Jika atribut align tidak diisi maka heading secara default akan ditampilkan rata sebelah kiri. Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Penggaris Mendatar Sebuah garis dapat dsisipkan dalam dokumen web, umumnya digunakan sebagai pemisah antar bagian atau paragraf. Tag<hr>disisipkan pada tempat garis akan disisipkan dokumen. Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Contoh : Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Hasil : Garis yang disisipkan dapat dalam bentuk penggaris karena lebar garis dapat diatur, ukuran garis dapat dalam bentuk point atau dalam bentuk relatif dalam window browser. Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Komentar Dalam suatu dokumen informasi ada sebagian teks dalam dokumen yang berfungsi sebagai catatan atau komentar terhadap program itu sendiri. Catatan/komentar dalam dokumen tidak ditampilkan dalam browser. Komentar disisipkan pada section body, diletakkan pada bagian-bagian teks dokumen yang memang perlu dikomentari. Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Contoh : Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Tag komentar dapat digunakan untuk menyembunyikan sebagian dokumen web. Teks yang berfungsi sebagai komentar disimpan dalam dokumen ditandai dengan tag <!—sebagai awal, kemudian teks yang dikomentari, dan tag  sebagai akhir tag. Khusus untuk tag komentar ini, tag penutup tidak menggunakan tanda garis miring sebelumnya. Peng . Komp & TI 2C

TAG TAG DASAR HTML (cont.) Hasil : Peng . Komp & TI 2C