Komputer Aplikasi IT 1 KOMPUTER APLIKASI IT – I Oleh :

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

Pemrograman Web 1Humisar Hasugian, S.Kom 1 Pengenalan HTML HTML • Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan.
Pertemuan 2.  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk.
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
FONT PADA HTML OLEH :Yuni Wahyuni. Font Pada Html Dimana kita ketahui font adalah Tulisan, Sedangkan pada Html adalah untuk mengubah format di html pada.
Cascade Style Sheet (CSS) Dahlan Abdullah /
13 CSS ( CASCADING STYLE SHEET II ) Bayangkan jika kita memiliki website dengan 100 halaman. Bayangkan apabila anda ingin mengganti jenis huruf dari tiap.
STMIK PPKIA Pradnya Paramita
Pertemuan 9 Cascading Style Sheet (css)
HTML (Hypertext Markup Language)
Belajar Dasar HTML TIK Fajar Harapan. Apa itu HTML ?
CSS.
HTML (Hypertext Markup Language)
Cascading Style Sheet Oleh : Edy Mulyanto
Pemrograman Web/TI/ AK /2 sks
HTML Basic.
Pemrograman Berbasis Web CSS
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.
HTML Referansi Tag HTML.
Pemrograman Web HTML (1) Andy Haryoko, ST.
CSS (Cascading Style Sheet)
Materi 2 Untuk memudahkan dan memperjelas, mulai sekarang saya hanya akan menuliskan apa yang ada di antara tag. Saya tidak akan menuliskan tag, &. Tentu.
Pertemuan 2 : HTML.
Dasar-dasar HTML Mengenal HTML
PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu.
Pengantar Web Design.
IRAWATI, S.Kom.,MT. PEMROGRAMAN WEB
Cascading Style Sheet (CSS)
Modul 3 STMIK IKMI CIREBON Oleh Dita rizki amalia.
Lutfi Budi Ilmawan Univ. Muslim Indonesia
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
WEB DESIGN Materi Pelajaran TIK Kelas XI SMA NEGERI 9 MALANG.
Cascading Style Sheet (CSS)
PERTEMUAN CSS Pengenalan CSS.
Memahami format teks pada halaman web Menyajikan teks dalam format tertentu pada halaman web Create By Widiyono.
Cascading Style Sheets (CSS)
Cascading Style Sheets (CSS)
DASAR-DASAR HTML Efek Karakter Fisik KOMPUTER APLIKASI IT – I Oleh :
Komputer aplikasi it-I (html)
KOMPUTER APLIKASI IT XHTML & CSS MODUL 06
KOMPUTER APLIKASI IT XHTML & CSS MODUL 02
Internet dan Pengantar HTML
Tak Kenal Maka Tak Sayang (HTML)
(Cascading Stylesheet)
HTML.
Komputer aplikasi it-I (html)
Modul 2 : Dasar-dasar HTML (1)
Komputer aplikasi it-I (html)
Cascading Style Sheet (CSS)
INTERNET (Praktikum) STMIK “BINA NUSANTARA JAYA”
Internet dan Web By : Lisda Juliana P..
FORMAT CELL PADA MS. EXCEL
( Manipulasi text dan paragraf )
Internet dan Web Ecking Mendrofha.
LPIA Cileungsi Team Div-Kom ‘10
BAHAN AJAR KOMPUTER APLIKASI IT (HTML)
Dasar HTML Hypertext Markup Language Dasar HTML.
Darmawan satyananda Mathematics department State university of malang
BAHAN AJAR KOMPUTER APLIKASI IT (HTML)
Cascading Style Sheet (CSS)
Pemrograman Web PG117 – 3 SKS.
Internet dan Web PERTEMUAN III LISDA JULIANA.
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Pengenalan HTML Cahaya Jatmoko HP/WA
Dasar - dasar Web dan HTML
PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu.
CSS (Cascading Style Sheet)
List dan Image pada HTML
Transcript presentasi:

Komputer Aplikasi IT 1 KOMPUTER APLIKASI IT – I Oleh : MODUL – 2 Angky Febriansyah SE.,MM

Heading <html> <head> Teks dalam dokumen umumnya mempunyai judul topic, pada dokumen html judul ini disebut heading. Ada 6 tingkat heading dalam html yaitu h1 sampai h6. h1 merupakan heading yang terbesar. Contoh : <html> <head> <title> web pertamaku </title> </head> <body> <h1>ini heading 1</h1> <h2>ini heading 2</h2> <h3>ini heading 3</h3> <h4>ini heading 4</h4> <h5>ini heading 5</h5> <h6>ini heading 6</h6> </body> </html>

Mengatur Letak Heading Contoh : <html> <head> <title> web pertamaku </title> </head> <body> <h1 align=“center”>ini heading 1</h1> <h2 align=“center”>ini heading 2</h2> <h3 align=“left”>ini heading 3</h3> <h4 align=“left”>ini heading 4</h4> <h5 align=“right”>ini heading 5</h5> <h6 align=“right”>ini heading 6</h6> </body> </html>

BACKGROUND PADA HALAMAN WEB Halaman HTML dapat ditambahkan Background baik berupa warna ataupun gambar. Untuk menambahkan background dilakukan dengan menambahkan perintah pada tag perintah <BODY> . untuk menambahkan backround warna perintahnya adalah : <BODY BGCOLOR=”warna”> Sedangkan untuk menambahkan background gambar perintahnya adalah : <BODY BACKGROUND=”nama_gambar.jpg”> KOMPUTER APLIKASI IT – I Oleh : MODUL – 2 Angky Febriansyah SE.,MM

CONTOH PROGRAM 1 <HTML> <HEAD> <TITLE> Web Pertamaku </TITLE> </HEAD> <BODY BGCOLOR=”purple”> Selamat Datang di Web Pertamaku </BODY> </HTML> KOMPUTER APLIKASI IT – I Oleh : MODUL – 2 Angky Febriansyah SE.,MM

CONTOH PROGRAM 2 <HTML> <HEAD> <TITLE> Web Pertamaku </TITLE> </HEAD> <BODY BACKGROUND=”Sunset.jpg”> Selamat Datang di Web Pertamaku </BODY> </HTML> KOMPUTER APLIKASI IT – I Oleh : MODUL – 2 Angky Febriansyah SE.,MM

M E W A R N A I T E K S <HTML> <HEAD> <TITLE> Mengganti Warna Teks</TITLE> </HEAD> <BODY BGCOLOR=”yellow”> <Font Color = “Blue”> Tulisan Ini Warna Biru </Font> <BR> <Font Color = “Red”> Tulisan Ini Warna Merah</Font> <BR> <Font Color = “Green”> Tulisan Ini Warna Hijau</Font> <BR> <Font Color = “White”> Tulisan Ini Warna Putih</Font> <BR> <Font Color = “Black”> Tulisan Ini Warna Hitam</Font> </BODY> </HTML> KOMPUTER APLIKASI IT – I Oleh : MODUL – 2 Angky Febriansyah SE.,MM

Tag untuk pemformatan teks <b>..</b> atau <strong>..</strong> Menebalkan teks <I>..</I> atau <em>..</em> Membuat teks miring <u>..</u> atau <ins>..</ins> Menggaris bawahi <s>..</s> atau <del>..</del> Memberikan coretan pada teks <tt>..</tt> Menampilkan teks dalam format typewriter <big>……….</big> Membesarkan teks <small>……….</small> Mengecilkan teks <sub>……….</sub> Membuat teks suscript <sup>……….</sup> Membuat teks superscript KOMPUTER APLIKASI IT – I Oleh : MODUL – 2 Angky Febriansyah SE.,MM

CONTOH PROGRAM EFEK KARAKTEK FISIK <HTML> <HEAD> <TITLE>Efek karakter fisik</TITLE> </HEAD> <BODY> <Center> <B> Website Saya </B><BR><BR> <HR> <B>Halo…, </B> <I>Apa </I> <U>kabar </U> <S>teman? </S> <TT>Datang </TT> <BIG>di </BIG> <SMALL>Web</SMALL> <SUB>site </SUB> <SUP>saya</SUP> </Center> <B><I><U> Efek yang di gabungkan </U></I></B> </BODY> </HTML> KOMPUTER APLIKASI IT – I Oleh : MODUL – 2 Angky Febriansyah SE.,MM

MENGATUR UKURAN HURUF Untuk menentukan ukuran suatu teks, elemen FONT menyediakan atribut SIZE dengan nilai dari 1 sampai 7. Nilai 1 digunakan untuk ukuran huruf paling kecil Nilai 7 digunakan untuk ukuran huruf paling besar. Nilai default suatu huruf adalah 3 yang merupakan ukuran standar teks pada sebuah halaman web. KOMPUTER APLIKASI IT – I Oleh : MODUL – 2 Angky Febriansyah SE.,MM

CONTOH PROGRAM MENGATUR UKURAN HURUF <HTML> <HEAD> <TITLE>ukuran huruf</TITLE> </HEAD> <BODY> <FONT SIZE=1> Ukuran = 1 </FONT><BR> <FONT SIZE=2> Ukuran = 2 </FONT><BR> <FONT SIZE=3> Ukuran = 3 </FONT><BR> <FONT SIZE=4> Ukuran = 4 </FONT><BR> <FONT SIZE=5> Ukuran = 5 </FONT><BR> <FONT SIZE=6> Ukuran = 6 </FONT><BR> <FONT SIZE=7> Ukuran = 7 </FONT><BR> </BODY> </HTML> KOMPUTER APLIKASI IT – I Oleh : MODUL – 2 Angky Febriansyah SE.,MM

MENGATUR JENIS HURUF Untuk menentukan jenis suatu teks, elemen FONT menyediakan atribut FACE dengan jenis huruf yang tersedia pada komputer. CONTOH : <HTML> <HEAD> <TITLE> Jenis huruf </TITLE> </HEAD> <BODY> <Center> <B> Website Saya </B> <BR> <BR> </Center> <FONT FACE="arial">Huruf Arial</FONT> </BR> <FONT FACE="Times New Roman">Huruf Times New Roman</FONT><BR> <FONT FACE="Comic Sans MS">Huruf Comic Sans MS </FONT><BR> <FONT FACE="Arial Black" > Huruf Arial Black </FONT> </BODY> </HTML> KOMPUTER APLIKASI IT – I Oleh : MODUL – 2 Angky Febriansyah SE.,MM

L A T I H A N KOMPUTER APLIKASI IT – I Oleh : MODUL – 2 Angky Febriansyah SE.,MM