SlideShare a Scribd company logo
Lab. Aplikasi IT I                                                                                                                     Erick Wijaya, S.Kom 
 
Pertemuan 2 
Paragraf 
Elemen <P>……….</P> digunakan untuk menandai sekumpulan teks sebagai suatu paragraf. Tag <P> 
untuk  awal  paragraf  dan  tag  </P>  digunakan  untuk  mengakhiri  paragraf.  Tag  paragraf  memiliki 
atribut yang dapat dipakai sebagai tambahan untuk pemformatan paragraf. 
Atribut  Value  Keterangan 
Align  Right 
Center 
Left 
Justify 
Rata Kanan 
Rata Tengah 
Rata Kiri 
Rata Kiri/Kanan (merata) 
 
Preformatted Text 
Pada tag paragraf, penekanan tombol ENTER, Tab, dan Spasi tidak memberikan pengaruh pada web 
page yang kita buat. Bagaimana jika misalnya kita betul‐betul ingin menambahkan spasi dan enter 
pada  teks  dalam  web  page  kita.  Masalah  ini  dapat  dipecahkan  dengan  menggunakan  tag 
<PRE>…..</PRE>.  Sehingga  teks  yang  berada  di  dalam  tag  pre  akan  mengikuti  sesuai  dengan 
pengetikan yang kita lakukan.  
Latihan : 
Ketikan pada notepad dan simpan dengan nama latihan2.html 
<html>
<body>
<h3> CONTOH PENGGUNAAN TAG PRE </h3>
<pre>
Teks ini menggunakan s p a s i dan ENTER
untuk berpindah ke baris ini.
</pre>
<p> Tag pre juga sangat cocok untuk menampilkan baris-baris kode program
seperti dibawah ini </p>
<pre><b>
for i = 1 to 10
print i
next i
</pre></b>
<p> Kita Juga dapat membuat gambar dengan format teks seperti : </p>
<pre>
/_/
( o o )
- meooongg........
</pre>
</body>
</html>
Lab. Aplikasi IT I                                                                                                                     Erick Wijaya, S.Kom 
 
Heading 
Heading adalah sekumpulan kata atau frasa yang menjadi judul atau subjudul dalam suatu dokumen 
HTML. Sekalipun sama‐sama merupakan judul, tetapi heading berbeda dengan elemen <TITLE> yang 
hanya muncul pada title bar dari suatu jendela browser, bukan di dalam web page. 
HTML  menyediakan  enam  buah  tingkat  heading.  Heading  level  1  biasanya  merupakan  judul  yang 
penting atau judul utama, sedangkan heading level berikutnya merupakan bagian atau sub judul dari 
judul utama.  
Untuk menyatakan heading, digunakan tag <Hx> dimana x merupakan nomor level heading dari 1 
sampai 6, sedangkan untuk mengakhirinya digunakan tag akhir </Hx>.  
Atribut yang dapat ditambahkan pada elemen heading adalah ALIGN dimana memiliki nilai sebagai 
berikut : 
• Align=”left”, untuk meratakan heading ke kiri 
• Align=”center”, untuk meratakan heading di tengah 
• Align=”right”, untuk meratakan heading ke kanan 
Contoh penulisan adalah : 
<H1 ALIGN=”center”> Heading di rata Tengah </H1> 
 
Phisical Style 
Physical style adalah suatu jenis format yang diberikan pada teks tanpa tergantung pada jenis dari 
elemen  dasar  teks  tersebut.  Elemen‐elemen  ini  sudah  sering  kita  pakai  dalam  program  pengolah 
kata, seperti menebalkan atau membuat miring suatu teks. Adapun elemen‐elemen fisik yang dapat 
diterapkan pada dokumen HTML adalah : 
Elemen  Fungsi
<B> ………….. </B>  Untuk menebalkan teks 
<I> …………… </I>  Untuk membuat teks terlihat miring 
<U> ………….. </U>  Untuk menggarisbawahi teks 
<S> …………… </S>  Untuk memberikan coretan pada teks
<BLINK> ……….….. </BLINK>  Membuat teks berkedip (khusus netscape) 
<TT> ……….….. </TT>  Menampilkan teks dalam format typewriter 
<BIG> ………….. </BIG>  Untuk membesarkan teks 
<SMALL> ……….. </SMALL>  Untuk mengecilkan teks
<SUB> ……….. </SUB>  Membuat teks subscript 
<SUP> ……..… </SUP>  Membuat teks superscript 
 
 
 
Lab. Aplikasi IT I                                                                                                                     Erick Wijaya, S.Kom 
 
Menentukan Ukuran Teks 
Untuk  mengatur  ukuran  suatu  teks,  elemen  FONT  menyediakan  atribut  SIZE  dengan  nilai  dari  1 
sampai 7. Semakin besar angka, maka semakin besar ukuran teks tersebut. 
Contoh: 
<font size=1> ukuran teks=1 </font>
<font size=2> ukuran teks=2 </font>
<font size=3> ukuran teks=3 </font>
<font size=4> ukuran teks=4 </font>
<font size=5> ukuran teks=5 </font>
<font size=6> ukuran teks=6 </font>
<font size=7> ukuran teks=7 </font>
 
 
Mengubah Warna Teks 
penggunaan warna pada teks mulai diperkenalkan oleh Internet Explorer 1.0 dengan menggunakan 
atribut  COLOR  pada  elemen  FONT.  Pendefinisian  warna  dapat  dilakukan  dengan  dua  cara  yaitu, 
melalui nama warna atau menggunakan nilai RGB warna. Adapun warna yang dikenal pada HTML 3.2 
hanya 16 warna. 
 
Aqua
Black 
Blue 
Fuchsia 
Gray 
Green 
Lime 
Maroon 
Navy
Olive 
Purple 
Red 
Silver 
Teal 
White 
Yellow 
 
Contoh: 
<font color =”red”> teks berwarna merah </font> 
 
 
 
 
Lab. Aplikasi IT I                                                                                                                     Erick Wijaya, S.Kom 
 
Mengubah Jenis Font 
Internet  Explorer  memperkenalkan  atribut  FACE  pada  elemen  FONT  yang  dapat  digunakan  untuk 
membuat bermacam‐macam jenis font pada suatu page. 
Contoh:  
<Font Face=”calibri”> Font jenis Calibri </font> 
<Font Face=”Comic San MS”> Jenis Font Comic San MS </font> 
 
 
Secara garis besar atribut‐atribut yang digunakan elemen FONT adalah sebagai berikut : 
Atribut  Value Keterangan 
Size  1 sampai 7  Digunakan untuk mengatur ukuran font 
Color  Nama Warna  Digunakan untuk mengubah warna font 
Face  Jenis Font  Digunakan untuk mengubah jenis font 
 
 
 

More Related Content

Viewers also liked

Analytics tools and Instruments
Analytics tools and InstrumentsAnalytics tools and Instruments
Analytics tools and Instruments
Krunal Soni
 
The Apprentice Season 7 (Celebrity Edition)
The Apprentice Season 7 (Celebrity Edition)The Apprentice Season 7 (Celebrity Edition)
The Apprentice Season 7 (Celebrity Edition)
Danica Tirao
 
Літературно-мистецький календар
Літературно-мистецький календар Літературно-мистецький календар
Літературно-мистецький календар
Юлия Тер-Давлатян
 
New microsoft office word document (3)
New microsoft office word document (3)New microsoft office word document (3)
New microsoft office word document (3)
rajs_78
 
Content Curation Tools Are Cool
Content Curation Tools Are CoolContent Curation Tools Are Cool
Content Curation Tools Are Cool
The Post Institute: Center for Life-Long Learning
 
Osram install2012
Osram install2012Osram install2012
Osram install2012mapple2012
 
Van_der_Merwe_-_JE_ICT_specialistAlt[1]
Van_der_Merwe_-_JE_ICT_specialistAlt[1]Van_der_Merwe_-_JE_ICT_specialistAlt[1]
Van_der_Merwe_-_JE_ICT_specialistAlt[1]
Mathys Van der Merwe
 
Happy halloween!
Happy halloween!Happy halloween!
Happy halloween!
amjordan22
 
1-s2.0-S016773221531254X-main
1-s2.0-S016773221531254X-main1-s2.0-S016773221531254X-main
1-s2.0-S016773221531254X-main
Al Baha University
 

Viewers also liked (9)

Analytics tools and Instruments
Analytics tools and InstrumentsAnalytics tools and Instruments
Analytics tools and Instruments
 
The Apprentice Season 7 (Celebrity Edition)
The Apprentice Season 7 (Celebrity Edition)The Apprentice Season 7 (Celebrity Edition)
The Apprentice Season 7 (Celebrity Edition)
 
Літературно-мистецький календар
Літературно-мистецький календар Літературно-мистецький календар
Літературно-мистецький календар
 
New microsoft office word document (3)
New microsoft office word document (3)New microsoft office word document (3)
New microsoft office word document (3)
 
Content Curation Tools Are Cool
Content Curation Tools Are CoolContent Curation Tools Are Cool
Content Curation Tools Are Cool
 
Osram install2012
Osram install2012Osram install2012
Osram install2012
 
Van_der_Merwe_-_JE_ICT_specialistAlt[1]
Van_der_Merwe_-_JE_ICT_specialistAlt[1]Van_der_Merwe_-_JE_ICT_specialistAlt[1]
Van_der_Merwe_-_JE_ICT_specialistAlt[1]
 
Happy halloween!
Happy halloween!Happy halloween!
Happy halloween!
 
1-s2.0-S016773221531254X-main
1-s2.0-S016773221531254X-main1-s2.0-S016773221531254X-main
1-s2.0-S016773221531254X-main
 

Similar to Pertemuan 2

Modul 1 - HTML
Modul 1 - HTMLModul 1 - HTML
Modul 1 - HTML
AchmadHamdan
 
Tutorial membuat web dengan html
Tutorial membuat web dengan htmlTutorial membuat web dengan html
Tutorial membuat web dengan htmlbijieq
 
Tugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifahTugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifah
zakianadalina97
 
Modul web statis dasar
Modul web statis dasarModul web statis dasar
Modul web statis dasar
edy sinaga
 
materi html xii mm.ppt
materi html xii mm.pptmateri html xii mm.ppt
materi html xii mm.ppt
wafiilyas2
 
Html dasar iskaruji dot com
Html dasar   iskaruji dot comHtml dasar   iskaruji dot com
Html dasar iskaruji dot comantony96
 
Modul HTML5
Modul HTML5Modul HTML5
Modul HTML5
As Faizin
 
Download Kodr kode HTML
Download Kodr kode HTMLDownload Kodr kode HTML
Download Kodr kode HTML
Viktor Maruli Lubis
 
Html
HtmlHtml
DOWNLOAD CARA MEMBUAT HTML
DOWNLOAD CARA MEMBUAT HTMLDOWNLOAD CARA MEMBUAT HTML
DOWNLOAD CARA MEMBUAT HTML
Victor Dilingham
 
Tugas2 1300631019
Tugas2 1300631019Tugas2 1300631019
Tugas2 1300631019
setiyo muji
 
Modul HTML
Modul HTMLModul HTML
Modul HTML
Zuhal Murniati
 
Modul web affif
Modul web affifModul web affif
Modul web affif
Sejahtera Affif
 
Materi_Pengenalan_HTML_Revisi.ppt
Materi_Pengenalan_HTML_Revisi.pptMateri_Pengenalan_HTML_Revisi.ppt
Materi_Pengenalan_HTML_Revisi.ppt
ReynaldiAzhar1
 
Modul 2a html
Modul 2a htmlModul 2a html
Modul 2a html
Siigit Aziz
 
Materi_8_-_Pengenalan_HTML_-_Revisi.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi.pptMateri_8_-_Pengenalan_HTML_-_Revisi.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi.ppt
charismacholilia1
 
Materi_8_-_Pengenalan_HTML_-_Revisi.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi.pptMateri_8_-_Pengenalan_HTML_-_Revisi.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi.ppt
cigugurfree
 
Presentation 1 - Desain dan pemrograman web 2
Presentation 1 - Desain dan pemrograman web 2Presentation 1 - Desain dan pemrograman web 2
Presentation 1 - Desain dan pemrograman web 2Jacob Dwi Cristian Umboh
 

Similar to Pertemuan 2 (20)

3.elemen dasar html (ok)
3.elemen dasar html (ok)3.elemen dasar html (ok)
3.elemen dasar html (ok)
 
Modul 1 - HTML
Modul 1 - HTMLModul 1 - HTML
Modul 1 - HTML
 
Tutorial membuat web dengan html
Tutorial membuat web dengan htmlTutorial membuat web dengan html
Tutorial membuat web dengan html
 
Tugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifahTugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifah
 
Modul web statis dasar
Modul web statis dasarModul web statis dasar
Modul web statis dasar
 
materi html xii mm.ppt
materi html xii mm.pptmateri html xii mm.ppt
materi html xii mm.ppt
 
Html dasar iskaruji dot com
Html dasar   iskaruji dot comHtml dasar   iskaruji dot com
Html dasar iskaruji dot com
 
Pertemuan3
Pertemuan3Pertemuan3
Pertemuan3
 
Modul HTML5
Modul HTML5Modul HTML5
Modul HTML5
 
Download Kodr kode HTML
Download Kodr kode HTMLDownload Kodr kode HTML
Download Kodr kode HTML
 
Html
HtmlHtml
Html
 
DOWNLOAD CARA MEMBUAT HTML
DOWNLOAD CARA MEMBUAT HTMLDOWNLOAD CARA MEMBUAT HTML
DOWNLOAD CARA MEMBUAT HTML
 
Tugas2 1300631019
Tugas2 1300631019Tugas2 1300631019
Tugas2 1300631019
 
Modul HTML
Modul HTMLModul HTML
Modul HTML
 
Modul web affif
Modul web affifModul web affif
Modul web affif
 
Materi_Pengenalan_HTML_Revisi.ppt
Materi_Pengenalan_HTML_Revisi.pptMateri_Pengenalan_HTML_Revisi.ppt
Materi_Pengenalan_HTML_Revisi.ppt
 
Modul 2a html
Modul 2a htmlModul 2a html
Modul 2a html
 
Materi_8_-_Pengenalan_HTML_-_Revisi.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi.pptMateri_8_-_Pengenalan_HTML_-_Revisi.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi.ppt
 
Materi_8_-_Pengenalan_HTML_-_Revisi.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi.pptMateri_8_-_Pengenalan_HTML_-_Revisi.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi.ppt
 
Presentation 1 - Desain dan pemrograman web 2
Presentation 1 - Desain dan pemrograman web 2Presentation 1 - Desain dan pemrograman web 2
Presentation 1 - Desain dan pemrograman web 2
 

More from Ayu Karisma Alfiana

Mi 08.-praktikum-jaringan-komputer
Mi 08.-praktikum-jaringan-komputerMi 08.-praktikum-jaringan-komputer
Mi 08.-praktikum-jaringan-komputer
Ayu Karisma Alfiana
 
Mi 07.-praktikum-pemrograman-basis-data
Mi 07.-praktikum-pemrograman-basis-dataMi 07.-praktikum-pemrograman-basis-data
Mi 07.-praktikum-pemrograman-basis-data
Ayu Karisma Alfiana
 
Mi 06.-praktikum-pemrograman-web
Mi 06.-praktikum-pemrograman-webMi 06.-praktikum-pemrograman-web
Mi 06.-praktikum-pemrograman-web
Ayu Karisma Alfiana
 
Mi 05.-praktikum-structured-query-language
Mi 05.-praktikum-structured-query-languageMi 05.-praktikum-structured-query-language
Mi 05.-praktikum-structured-query-language
Ayu Karisma Alfiana
 
Mi 04.-praktikum-pemrograman-berorientasi-objek
Mi 04.-praktikum-pemrograman-berorientasi-objekMi 04.-praktikum-pemrograman-berorientasi-objek
Mi 04.-praktikum-pemrograman-berorientasi-objek
Ayu Karisma Alfiana
 
Mi 03.-praktikum-pemrograman-visual-2
Mi 03.-praktikum-pemrograman-visual-2Mi 03.-praktikum-pemrograman-visual-2
Mi 03.-praktikum-pemrograman-visual-2
Ayu Karisma Alfiana
 
Mi 02.-praktikum-pemrograman-visual-1
Mi 02.-praktikum-pemrograman-visual-1Mi 02.-praktikum-pemrograman-visual-1
Mi 02.-praktikum-pemrograman-visual-1
Ayu Karisma Alfiana
 
Mi 01.-praktikum-bahasa-pemrograman
Mi 01.-praktikum-bahasa-pemrogramanMi 01.-praktikum-bahasa-pemrograman
Mi 01.-praktikum-bahasa-pemrograman
Ayu Karisma Alfiana
 
Ka 06.-praktikum-paket-program-aplikasi
Ka 06.-praktikum-paket-program-aplikasiKa 06.-praktikum-paket-program-aplikasi
Ka 06.-praktikum-paket-program-aplikasi
Ayu Karisma Alfiana
 
Ka 05.-praktikum-pemrograman-web
Ka 05.-praktikum-pemrograman-webKa 05.-praktikum-pemrograman-web
Ka 05.-praktikum-pemrograman-web
Ayu Karisma Alfiana
 
Ka 04.-praktikum-jaringan-komputer-dan-pengamanannya
Ka 04.-praktikum-jaringan-komputer-dan-pengamanannyaKa 04.-praktikum-jaringan-komputer-dan-pengamanannya
Ka 04.-praktikum-jaringan-komputer-dan-pengamanannya
Ayu Karisma Alfiana
 
Ka 01.-praktikum-algoritma-pemrograman-2
Ka 01.-praktikum-algoritma-pemrograman-2Ka 01.-praktikum-algoritma-pemrograman-2
Ka 01.-praktikum-algoritma-pemrograman-2
Ayu Karisma Alfiana
 
Ka 01.-praktikum-algoritma-pemrograman-2
Ka 01.-praktikum-algoritma-pemrograman-2Ka 01.-praktikum-algoritma-pemrograman-2
Ka 01.-praktikum-algoritma-pemrograman-2
Ayu Karisma Alfiana
 
27. prak.-algoritma-pemrograman-ii
27. prak.-algoritma-pemrograman-ii27. prak.-algoritma-pemrograman-ii
27. prak.-algoritma-pemrograman-ii
Ayu Karisma Alfiana
 
27. prak.-algoritma-pemrograman-ii
27. prak.-algoritma-pemrograman-ii27. prak.-algoritma-pemrograman-ii
27. prak.-algoritma-pemrograman-ii
Ayu Karisma Alfiana
 
05. prak.-pemrograman-visual-ii
05. prak.-pemrograman-visual-ii05. prak.-pemrograman-visual-ii
05. prak.-pemrograman-visual-ii
Ayu Karisma Alfiana
 
04. prak.-pemrograman-client-server
04. prak.-pemrograman-client-server04. prak.-pemrograman-client-server
04. prak.-pemrograman-client-server
Ayu Karisma Alfiana
 
03. prak.-pemrograman-visual-i-vb.net
03. prak.-pemrograman-visual-i-vb.net 03. prak.-pemrograman-visual-i-vb.net
03. prak.-pemrograman-visual-i-vb.net
Ayu Karisma Alfiana
 
01. prak.-bahasa-pemrograman-new
01. prak.-bahasa-pemrograman-new01. prak.-bahasa-pemrograman-new
01. prak.-bahasa-pemrograman-new
Ayu Karisma Alfiana
 
Camera panggul
Camera  panggulCamera  panggul
Camera panggul
Ayu Karisma Alfiana
 

More from Ayu Karisma Alfiana (20)

Mi 08.-praktikum-jaringan-komputer
Mi 08.-praktikum-jaringan-komputerMi 08.-praktikum-jaringan-komputer
Mi 08.-praktikum-jaringan-komputer
 
Mi 07.-praktikum-pemrograman-basis-data
Mi 07.-praktikum-pemrograman-basis-dataMi 07.-praktikum-pemrograman-basis-data
Mi 07.-praktikum-pemrograman-basis-data
 
Mi 06.-praktikum-pemrograman-web
Mi 06.-praktikum-pemrograman-webMi 06.-praktikum-pemrograman-web
Mi 06.-praktikum-pemrograman-web
 
Mi 05.-praktikum-structured-query-language
Mi 05.-praktikum-structured-query-languageMi 05.-praktikum-structured-query-language
Mi 05.-praktikum-structured-query-language
 
Mi 04.-praktikum-pemrograman-berorientasi-objek
Mi 04.-praktikum-pemrograman-berorientasi-objekMi 04.-praktikum-pemrograman-berorientasi-objek
Mi 04.-praktikum-pemrograman-berorientasi-objek
 
Mi 03.-praktikum-pemrograman-visual-2
Mi 03.-praktikum-pemrograman-visual-2Mi 03.-praktikum-pemrograman-visual-2
Mi 03.-praktikum-pemrograman-visual-2
 
Mi 02.-praktikum-pemrograman-visual-1
Mi 02.-praktikum-pemrograman-visual-1Mi 02.-praktikum-pemrograman-visual-1
Mi 02.-praktikum-pemrograman-visual-1
 
Mi 01.-praktikum-bahasa-pemrograman
Mi 01.-praktikum-bahasa-pemrogramanMi 01.-praktikum-bahasa-pemrograman
Mi 01.-praktikum-bahasa-pemrograman
 
Ka 06.-praktikum-paket-program-aplikasi
Ka 06.-praktikum-paket-program-aplikasiKa 06.-praktikum-paket-program-aplikasi
Ka 06.-praktikum-paket-program-aplikasi
 
Ka 05.-praktikum-pemrograman-web
Ka 05.-praktikum-pemrograman-webKa 05.-praktikum-pemrograman-web
Ka 05.-praktikum-pemrograman-web
 
Ka 04.-praktikum-jaringan-komputer-dan-pengamanannya
Ka 04.-praktikum-jaringan-komputer-dan-pengamanannyaKa 04.-praktikum-jaringan-komputer-dan-pengamanannya
Ka 04.-praktikum-jaringan-komputer-dan-pengamanannya
 
Ka 01.-praktikum-algoritma-pemrograman-2
Ka 01.-praktikum-algoritma-pemrograman-2Ka 01.-praktikum-algoritma-pemrograman-2
Ka 01.-praktikum-algoritma-pemrograman-2
 
Ka 01.-praktikum-algoritma-pemrograman-2
Ka 01.-praktikum-algoritma-pemrograman-2Ka 01.-praktikum-algoritma-pemrograman-2
Ka 01.-praktikum-algoritma-pemrograman-2
 
27. prak.-algoritma-pemrograman-ii
27. prak.-algoritma-pemrograman-ii27. prak.-algoritma-pemrograman-ii
27. prak.-algoritma-pemrograman-ii
 
27. prak.-algoritma-pemrograman-ii
27. prak.-algoritma-pemrograman-ii27. prak.-algoritma-pemrograman-ii
27. prak.-algoritma-pemrograman-ii
 
05. prak.-pemrograman-visual-ii
05. prak.-pemrograman-visual-ii05. prak.-pemrograman-visual-ii
05. prak.-pemrograman-visual-ii
 
04. prak.-pemrograman-client-server
04. prak.-pemrograman-client-server04. prak.-pemrograman-client-server
04. prak.-pemrograman-client-server
 
03. prak.-pemrograman-visual-i-vb.net
03. prak.-pemrograman-visual-i-vb.net 03. prak.-pemrograman-visual-i-vb.net
03. prak.-pemrograman-visual-i-vb.net
 
01. prak.-bahasa-pemrograman-new
01. prak.-bahasa-pemrograman-new01. prak.-bahasa-pemrograman-new
01. prak.-bahasa-pemrograman-new
 
Camera panggul
Camera  panggulCamera  panggul
Camera panggul
 

Pertemuan 2