STANDAR KOMPETENSI Menggunakan homepage untuk informasi dan komunikasi.

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)
Zanial Mazalisa, S.Kom.,M.M
Pengenalan HTML Oleh A ngraini. Tentang HTML HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan.
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
Format Teks dan Spasi Paragraf
Format Teks Dokumen HTML
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.
Minggu …8… Page 1 MINGGU Ke delapan Web Teknologi 2 Pokok Bahasan: CSS and Themes Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan dan mengaplikasikan.
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.
PELATIHAN INTERNET Oleh : TIM TI FT UNP. Pendahuluan Pertama-tama puji syukur kita sampaikan kepada Allah SWT dan Salawat beserta salam kita persembahkan.
MEMBUAT WEB SEDERHANA.
Internet Programming PHP 1 M. Agus Zainuddin EEPIS – ITS Surabaya.
 H ypertext M arkup L anguage (HTML) adalah suatu file teks sederhana yang mengandung perintah-perintah berupa TAGS sehingga sebuah web browser dapat.
Pengantar Pemrograman WEB
Pemrograman Web/TI/ AK /2 sks
HTML Basic.
MICROSOFT WORD 2007: Fungsi Icon Tab Home Microsoft Office Word 2007 (untuk selanjutnya disebut MS. Word saja) merupakan sebuah program aplikasi.
HTML (Hypertext Markup Language)
Pemrograman Web HTML (1) Andy Haryoko, ST.
HTML PEMROGRAMAN INTERNET.
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
ADD-ON Dasar HTML.
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.
Dasar-dasar HTML Mengenal HTML
Desain Web dengan Tag HTML
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Tentang HTML HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan standar Internet yang saat ini.
HTML (cont.) (Devi Indriani).
Internet dan Pengantar HTML
HTML.
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Komputer aplikasi it-I (html)
MENDESAIN WEB SMK Negeri 1 Pekanbaru.
Internet dan Web By : Lisda Juliana P..
( Manipulasi text dan paragraf )
Pemrograman Berbasis WEB
Pemrograman Berorientasi Platform (IN315B)
Microsoft Word 2010 Oleh: Oktavia Nirmala
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)
Dasar HTML Hypertext Markup Language Dasar HTML.
Praktikum 1 Mochammad Yusa.
HTML (Part 1) Hendra Putra, S.Kom, M.Kom.
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
Tag Dasar dan Format Teks pada Html
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
DREAMWEAVER.
Paragrap dan Heading Dengan Tag HTML
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP.
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Pengantar HTML By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Transcript presentasi:

STANDAR KOMPETENSI Menggunakan homepage untuk informasi dan komunikasi

HTML (Hyper Text Markup Language) HTML Merupakan bahasa yang umum digunakan untuk membuat suatu web page (halaman web). Bahasa HTML ini berbasis pada text mode sehingga dalam penulisannya menggunakan program-program yang berbasis pada text, contohnya : Notepad, Textpad, wordpad, Microsoft word dll. Sebenarnya tanpa menggunakan penulisan HTML, halaman web juga dapat dibuat selain dengan program text mode, pembuatan halaman web bisa juga dilakukan dengan program berbasis Graphics User Interface (GUI), contohnya : Macromedia Dreamweaver, Macromedia Flash, Microsoft Frontpage, Microsoft Publisher dll

ELEMEN DASAR BAHASA HTML html Menandakan jenis Bahasa html yang digunakan headHeader titleJudul pada header bodyIsi dari halaman web

Masing-masing elemen diapit oleh sebuah tanda yang disebut delimiter yaitu tanda lebih kecil Sintaks : Contoh : Setiap elemen dalam dokumen HTML harus diakhiri dengan tag penutup untuk menghindari terbukanya informasi dalam suatu tag HTML. Sintaks : Contoh :

Penulisan elemen dasar HTML adalah sebagai berikut : ………. ……………………

Contoh : Percobaan Membuat Web Ini adalah salah satu cara membuat Web

Tag Utama HTML Tag utama HTML adalah tag yang digunakan untuk memanipulasi dokumen html, misalnya untuk mengatur paragraf, ganti baris dan lain-lain. Tag utama HTML terdiri dari: 1.Heading 2.Paragraf 3.Font 4.Break Line 5.Horizontal Line 6.Marque

Heading Tag heading adalah tag yang digunakan untuk membuat judul dari isi sebuah dokumen HTML. Tag heading memiliki 6 buah bilangan terdiri dari 1,2,3,4,5,6, masing-masing bilangan berfungsi untuk mewakili ukuran dari besarnya tag heading. Sintaks : Keterangan : a.n adalah bilangan yang terdiri dari 1 s/d 6 b.properti adalah kemampuan tambahan yang dimiliki tag heading contoh : Align untuk pengaturan letah heading

Contoh Tag Heading Rata kiri : Penggunaan Heading Rata kiri Penggunaan Heading 1 Rata kiri Penggunaan Heading 2 Rata kiri Penggunaan Heading 3 Rata kiri Penggunaan Heading 4 Rata kiri Penggunaan Heading 5 Rata kiri Penggunaan Heading 6 Rata kiri

Contoh Tag Heading Rata kiri : Penggunaan Heading Rata kiri Penggunaan Heading 1 Rata kiri Penggunaan Heading 2 Rata kiri Penggunaan Heading 3 Rata kiri Penggunaan Heading 4 Rata kiri Penggunaan Heading 5 Rata kiri Penggunaan Heading 6 Rata kiri

Contoh Tag Heading Rata Kanan : Penggunaan Heading Rata Kanan Penggunaan Heading 1 Rata kanan Penggunaan Heading 2 Rata kanan Penggunaan Heading 3 Rata kanan Penggunaan Heading 4 Rata kanan Penggunaan Heading 5 Rata kanan Penggunaan Heading 1 Rata kanan

Contoh Tag Heading Rata Kanan-Kiri: Penggunaan Heading Rata Kanan-Kiri Penggunaan Heading 1 Rata kanan-kiri Penggunaan Heading 2 Rata kanan-kiri Penggunaan Heading 3 Rata kanan-kiri Penggunaan Heading 4 Rata kanan-kiri Penggunaan Heading 5 Rata kanan-kiri Penggunaan Heading 1 Rata kanan-kiri

PARAGRAF Sintaks : Keterangan : Properti : Align untuk pengaturan paragraf, nilainya adalah Left, Center, Right, dan Justify

Contoh Penggunaan Tag Paragraf : Penggunaan Paragraf Rame-Rame Tempur di Ayunan Sekali lagi, Honda beri pelajaran buat rivalnya di MotoGP. Tahun pertama perang kuda besi 4-tak, Honda bikin contoh mesin kampiun 5 silinder. Musim berikutnya, sayap tunggal memberi les lokal rangka dan fairing demi aero-dinamika RC211V. Honda memanfaatkan celah aturan FIM.

Beda Inggris, beda pula AS. Soal Canon bagi kapal perang, Negeri Paman Sam sudah kenyang pengalaman dalam konflik Vietnam. Tak mau mengulang kesalahan yang sama maka begitu konflik usai, canon-canon pintar mulai dikembangkan di AS. Salah satu yang di rancang adalah “Sistem senjata target mendekat” atau Close-In Weapon System (CIWS), Phalanx. Senjata ini dibuat khusus Sekali lagi, Honda beri pelajaran buat rivalnya di MotoGP. Tahun pertama perang kuda besi 4-tak, Honda bikin contoh mesin kampiun 5 silinder. Musim berikutnya, sayap tunggal memberi les lokal rangka dan fairing demi aero-dinamika RC211V. Honda memanfaatkan celah aturan FIM.

TUGAS : Buatlah 4 Buah Paragraf dengan isi bebas dan heading diatasnya, dengan ketentuan : –Paragraf 1 Rata kiri –Paragraf 2 Rata Tengah –Paragraf 3 Rata Kanan –Paragraf 4 Rata Kanan-Kiri