Pertemuan 2 HTML Basic (Text Formating, Link & Frame)

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)
Pengenalan HTML Oleh A ngraini. Tentang HTML HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan.
STMIK PPKIA Pradnya Paramita
HTML Hipertext Markup Language
LAYANAN BERBASIS APLIKASI WEB Pertemuan I Budi Arifitama.
DESAIN WEB STATIS DAN HTML
HTML.
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.
HTML (Hypertext Markup Language)
 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
Pemrograman Berbasi Web Session 2
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.
Pertemuan ke 3 Pengenalan kepada HTML By Tri Pratiwi BSc, Meng, MPhil.
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.
Team Teknik Elektro UHAMKA HTML.
S1 Teknik Informatika - Unijoyo
Pengantar Web Design.
Desain Web dengan Tag HTML
WEB STATIS Sabian Pamungkas.
Hypertext Markup Language (HTML)
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
WEB DESIGN Materi Pelajaran TIK Kelas XI SMA NEGERI 9 MALANG.
PERTEMUAN 2 HTML (Lanjutan).
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 TAGS.
HTML (cont.) (Devi Indriani).
PENULISAN DENGAN HTML (Sindy Nova).
HTML.
Komputer aplikasi it-I (html)
Modul 2 : Dasar-dasar HTML (1)
Komputer aplikasi it-I (html)
Pemrograman Web/TI/ AK /2 sks
Internet dan Web By : Lisda Juliana P..
PENULISAN DENGAN HTML.
( Manipulasi text dan paragraf )
Pemrograman Berbasis WEB
Pemrograman Berorientasi Platform
Pengembangan Aplikasi Framework (IT657)
Pemrograman Berorientasi Platform (IN315B)
Internet dan Web Ecking Mendrofha.
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
LPIA Cileungsi Team Div-Kom ‘10
STMIK AMIKOM YOGYAKARTA JURUSAN S1-TEKNIK INFORMATIKA TA.2013/2014
Dasar HTML Hypertext Markup Language Dasar HTML.
Pengembangan Web HTML Dasar
Pemrograman Web Pertemuan II HTML CSS JavaScript.
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.
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Desain dan Pemrograman Web
Transcript presentasi:

Pertemuan 2 HTML Basic (Text Formating, Link & Frame) Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)

HTML (HyperText Markup Language) HTML bukan bahasa pemrograman, tapi merupakan sebuah mark up language. HTML salah satu bahasa pemrograman di mana browser sebagai compilernya. HTML menggunakan mark up tags untuk mendeskripsikan halaman web. Digunakan untuk memberi tahu web browser bagaimana menampilkan halaman web. Sebuah HTML file harus mempunyai ekstensi .htm atau .html.  dapat dibuat menggunakan text editor (notepad, edit plus dsb).

Web Browser Tugas dari web browser (IE, Mozilla) adalah membaca dokumen HTML dan menampilkannya sebagai halaman web. Web browser tidak menampilkan tag HTML, tapi menggunakan / membaca tag tersebut untuk menginterprestasi sebuah halaman web.

Penulisan Tags Tag dibentuk oleh suatu kata (keyword) yang diapit oleh tanda kurung lancip (<tag>). Tag boleh ditulis dalam huruf kecil maupun kapital. Tag harus berpasangan, yaitu tag awal diikuti tag akhir, kecuali tag tunggal. <p> teks </p>, <br> Penulisan tag tidak boleh tumpang tindih. <tag1><tag2> teks </tag1></tag2> → penulisan yang salah <tag1><tag2> teks </tag2></tag1> → penulisan yang benar

Contoh dasar <html> <HEAD> <TITLE>Judul dokumen</TITLE> </HEAD> <body> <h1>My First Heading</h1> <p>My first paragraph</p> </body> </html>

Penjelasan Ditulis dalam tag <html></html> yang menunjukkan sebuah halaman web. Tag <header></header> menandai bagian header dokumen html. Text di antara <body></body> merupakan konten halaman yang ditampilkan.

Tag Judul (heading) <hn>Judul paragraf</hn> n = 1,2,3,4,5,6 (tingkat judul) Untuk menuliskan judul suatu paragraf.

Tag Paragraf <p>paragraf</p> Untuk menandai suatu paragraf. Suatu paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya.

Text Formating (Bold, Italic, Underline) <b>Kalimat yang dicetak tebal</b> <i>Kalimat yang dicetak miring</i> <u>Kalimat yang digarisbawahi</u>

Text Formating (Superscript, Subscript) <sup>bagian yang dicetak tinggi</sup> <sub>bagian yang dicetak rendah</sub> Untuk menandai bagian karakter agar dicetak tinggi atau rendah, biasanya untuk rumus matematika atau kimia.

Tag Ganti Baris (Break line) <br> Untuk pindah ke baris berikutnya. Bentuk penulisan lain yang dianjurkan (XML style) : <br />

Tag Font (size) Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu. Tag : font Parameter : size, face, color

Tag Font (face) Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu. Tag : font Parameter : size, face, color

Tag Font (color) Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu. Tag : font Parameter : size, face, color

Tag Link (Anchor) <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.

Tag Link (2)

Frame Frame membagi layar dalam beberapa jendela, dimana masingmasing layar menampilkan web page yang berbeda. Tag Dasar: <frameset> . . . . </frameset> <frame/> <noframes> . . . . </noframes> Basic Atributes - cols = “values” …. (value biasanya dituliskan dalam % menunjukkan besar pembagian area. - rows = “values” - name = “frame_name” - src = “frame_source(url)” - target = “frame_name”

Frame (2)

See You Next Week