SlideShare une entreprise Scribd logo
1  sur  40
   Nama : Dedy Pradana
   Tempat/Tgl Lahir :Madiun, 9 november 1990
   Asal : Madiun
   Motto : Tak koding bagaikan tak hidup
   No. Hp : 08987496650
   Email : dedy90.informatika@gmail.com
   Nama : Erik Sandera
   Tempat/Tgl Lahir :
   Asal : Kuningan
   Motto :
   No. Hp :
   Email :
   Nama : Andi Zulkifli / Uki
   Tempat/Tgl Lahir : Palopo, 03 April 1991
   Asal : Palopo
   Motto : Jalani hidup dengan 3 C (Cinta, Coding, Capcus)
   No. Hp : 085696769498
   Email : andi.zulkifli.30109164@gmail.com
   Nama : Iman Syaefulloh
   Tempat/Tgl Lahir : Bandung, 13 April 1991
   Asal : Bandung
   Motto : Kodingan terus pantang mundur
   No. Hp : 085320872002
   Email : imansyaefulloh@gmail.com
   Nama : Wildan Syaihul Fikri
   Tempat/Tgl Lahir : Sukabumi, 27-11-1990
   Asal : sukabumi
   Motto : Hidup itu seperti air yang mengalir
   No. Hp : 085624326874
   Email : wildanfikry@gmail.com
   Nama : Setiya Wardana
   Tempat/Tgl Lahir : Kuningan, 18 Desember 1991
   Asal : Kuningan
   Motto : Tetap MAJU (Manfaat, Andil, Jujur, Unik)
   No. Hp : 085224958074
   Email : setiya.wardana@gmail.com
• 1958 – Departemen Pertahanan Amerika
  Serikat membentuk ARPA (Advanced Research
  Projects Agency)
• 1960 – ARPANET membuat proyek yang
  menghubungkan 4 buah host komputer
• 1965 – Istilah Hypertext diperkenalkan
• 1971 – jaringan ARPANET bertambah menjadi
  23 buah host komputer
• 1972 - International Network Working Group (INWG)
  dibentuk membuat standar Jaringan Komputer
• 1974 – Transmission Control Protocol (TCP)
  dipublikasikan
• 1977 – 111 buah host komputer terhubung ke ARPANET
• 1978 – Protokol TCP dipecah menjadi TCP-IP
• 1982 – Internet pertama kali dipergunakan, 1000
  komputer terhubung
• 1986 – Diperkenalkan sistem nama domain atau Domain
  Name System (DNS)
• Internet merupakan jaringan rangkaian
  komputer (networking) dengan networking lain di
  seluruh dunia
• Berguna untuk bertukar informasi (gambar,
  suara, data, file, dll)
• Setiap komputer dan jaringan yang terhubung
  ke internet memiliki Internet Protocol (IP)
• Protokol standar yang digunakan yaitu TCP/IP
• TCP/IP tersusun atas 4 layer
RESPONSE
SERVER              CLIENT
         REQUEST



 DB
• HTML (Hypertext Markup Language) adalah
  sebuah bahasa yang digunakan untuk menulis
  halaman web. Untuk meyampaikan ide pada
  web browser, HTML menggunakan perintah
  berupa tag-tag.

• Tag adalah suatu kode standar yang selalu
  ditulis diantara karakter ‘<’ dan karakter ‘>’,
  contoh: <HTML>. Tag tidak case sensitive, jadi
  anda bisa gunakan <HTML> atau <html>
Browser dan Editor
 Browser
   • Browser merupakan software yang di install di mesin
     client yang berfungsi untuk menterjemahkan tag-tag
     HTML menjadi halaman web.
   • Browser yang sering di gunakan biasanya Internet
     Explorer, Mozilla Firefox dan masih banyak yang lainya.

 Editor
   • Program yang di gunakan untuk membuat document
     HTML, ada banyak
   • HTML editor yang bisa anda gunakan diantaranya: Ms
     FrontPage, Dreamweaver, Notepad.
• Secara sederhana HTML terdiri dari dua bagian yaitu
   head dan body. Struktur HTML diapit oleh tag awal
   <HTML> dan tag akhir </HTML>.
• Contoh:
<HTML>
  <HEAD>
     <TITLE></TITLE>
  </HEAD>
  <BODY>
     Isi dokumen
  </BODY>
</HTML>
Digunakan untuk menyatakan judul atau subjudul dari
suatu dokumen yang digunakan didalam tag
<BODY>. HTML menyediakan 6 tingkatan heading
(<H1>..<H6>).
List item di gunakan untuk mengelompokkan
data baik berurutan (ordered list - ol) maupun
yang tidak berurutan (unordered list - ul).

Contoh:
Kelompokkan data-data berikut :
Pisang
Melati
Jambu
Mawar
Anggrek
Apel
Anggur
Dapat dikelompokkan ke dalam dua kelompok:

Buah-buahan
 Pisang
 Jambu
 Apel
 Anggur

Bunga
1. Melati
2. Mawar
3. Angrek
Break <br>
Tag <BR> di gunakan untuk memulai baris baru
pada document HTML, tag ini fungsinya mirip
dengan carriage return.
Break <br>
Font <font>
Dengan tag <FONT> anda bisa menentukan format
tampilan font dalam document HTML seperti color, size,
style dan lainya.
Alignment <align>
Align attribute digunakan untuk menentukan perataan
object dalam document HTML baik berupa text, object,
image, paragraph, division dan lain-lain.
Pre <pre>
Format text
Grouping element <div> / <span>
Grouping element <div> / <span>
Anchor
Anchor tag <A> untuk menentukan hyperlink dalam
document HTML. HREF property digunakan untuk
menentukan tujuan dari hyperlink tersebut.
Anchor
Exercise
Mohon maaf bila banyak
     kekurangan


   Webpro Tentor Team

Contenu connexe

En vedette

4 reasons Why Panel Discussions Rock
4 reasons Why Panel Discussions Rock4 reasons Why Panel Discussions Rock
4 reasons Why Panel Discussions RockBrittany Reese
 
DUE 6:9- A Tale of Dreams, Hope and Transformation
DUE 6:9- A Tale of Dreams, Hope and Transformation DUE 6:9- A Tale of Dreams, Hope and Transformation
DUE 6:9- A Tale of Dreams, Hope and Transformation Lucy May Lucas
 
Week7-8a psikologi pembelajaran
Week7-8a psikologi pembelajaranWeek7-8a psikologi pembelajaran
Week7-8a psikologi pembelajaranjayamartha
 
12 -14 c-spin_paramagnetism
12 -14 c-spin_paramagnetism12 -14 c-spin_paramagnetism
12 -14 c-spin_paramagnetismjayamartha
 
7-metal_vs_semiconductor
7-metal_vs_semiconductor7-metal_vs_semiconductor
7-metal_vs_semiconductorjayamartha
 
15-superconductivity
15-superconductivity15-superconductivity
15-superconductivityjayamartha
 
Week 15 kognitif
Week 15 kognitifWeek 15 kognitif
Week 15 kognitifjayamartha
 
12-14 d-effect_of_electron_-_electron_interaction
12-14 d-effect_of_electron_-_electron_interaction12-14 d-effect_of_electron_-_electron_interaction
12-14 d-effect_of_electron_-_electron_interactionjayamartha
 

En vedette (11)

4 reasons Why Panel Discussions Rock
4 reasons Why Panel Discussions Rock4 reasons Why Panel Discussions Rock
4 reasons Why Panel Discussions Rock
 
Reach out
Reach outReach out
Reach out
 
DUE 6:9- A Tale of Dreams, Hope and Transformation
DUE 6:9- A Tale of Dreams, Hope and Transformation DUE 6:9- A Tale of Dreams, Hope and Transformation
DUE 6:9- A Tale of Dreams, Hope and Transformation
 
ESSAY RD
ESSAY RDESSAY RD
ESSAY RD
 
Week7-8a psikologi pembelajaran
Week7-8a psikologi pembelajaranWeek7-8a psikologi pembelajaran
Week7-8a psikologi pembelajaran
 
12 -14 c-spin_paramagnetism
12 -14 c-spin_paramagnetism12 -14 c-spin_paramagnetism
12 -14 c-spin_paramagnetism
 
7-metal_vs_semiconductor
7-metal_vs_semiconductor7-metal_vs_semiconductor
7-metal_vs_semiconductor
 
15-superconductivity
15-superconductivity15-superconductivity
15-superconductivity
 
Week 15 kognitif
Week 15 kognitifWeek 15 kognitif
Week 15 kognitif
 
12-14 d-effect_of_electron_-_electron_interaction
12-14 d-effect_of_electron_-_electron_interaction12-14 d-effect_of_electron_-_electron_interaction
12-14 d-effect_of_electron_-_electron_interaction
 
P6
P6P6
P6
 

Similaire à Modul1

Materi2-Struktur Dasar HTML.pdf
Materi2-Struktur Dasar HTML.pdfMateri2-Struktur Dasar HTML.pdf
Materi2-Struktur Dasar HTML.pdfSulhandrive
 
MEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptxMEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptxssuser71d74a
 
Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Arifin Swift
 
fdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.pptfdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.pptRizkyRamdan2
 
Pemograman web
Pemograman webPemograman web
Pemograman webMrHilmy
 
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepadSamsuri14
 
Catatan HTML SMP CC @2014-2015
Catatan HTML SMP CC @2014-2015Catatan HTML SMP CC @2014-2015
Catatan HTML SMP CC @2014-2015Martinus Hasan
 
Belajar membuat website
Belajar membuat websiteBelajar membuat website
Belajar membuat websiteNadya Olivia
 
File Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptxFile Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptxBeeOkee
 
Laporan Praktikum Modul 5 (internet)
Laporan Praktikum Modul 5 (internet)Laporan Praktikum Modul 5 (internet)
Laporan Praktikum Modul 5 (internet)Faisal Amir
 
P9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisP9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisrahmantaufik00
 
4. PENGANTAR PEMROGRAMAN PHP.pptx
4. PENGANTAR PEMROGRAMAN PHP.pptx4. PENGANTAR PEMROGRAMAN PHP.pptx
4. PENGANTAR PEMROGRAMAN PHP.pptxNehaTulada
 
Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Jansen Wijaya
 

Similaire à Modul1 (20)

Materi2-Struktur Dasar HTML.pdf
Materi2-Struktur Dasar HTML.pdfMateri2-Struktur Dasar HTML.pdf
Materi2-Struktur Dasar HTML.pdf
 
MEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptxMEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptx
 
Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)
 
Modul Dasar HTML
Modul Dasar HTMLModul Dasar HTML
Modul Dasar HTML
 
Penggunaan html
Penggunaan htmlPenggunaan html
Penggunaan html
 
fdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.pptfdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.ppt
 
Pemograman web
Pemograman webPemograman web
Pemograman web
 
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepad
 
Catatan HTML SMP CC @2014-2015
Catatan HTML SMP CC @2014-2015Catatan HTML SMP CC @2014-2015
Catatan HTML SMP CC @2014-2015
 
Mpw
MpwMpw
Mpw
 
Belajar membuat website
Belajar membuat websiteBelajar membuat website
Belajar membuat website
 
File Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptxFile Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptx
 
Html
HtmlHtml
Html
 
Laporan Praktikum Modul 5 (internet)
Laporan Praktikum Modul 5 (internet)Laporan Praktikum Modul 5 (internet)
Laporan Praktikum Modul 5 (internet)
 
P9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisP9 desain-web-statis-dinamis
P9 desain-web-statis-dinamis
 
4. PENGANTAR PEMROGRAMAN PHP.pptx
4. PENGANTAR PEMROGRAMAN PHP.pptx4. PENGANTAR PEMROGRAMAN PHP.pptx
4. PENGANTAR PEMROGRAMAN PHP.pptx
 
Modul 2a html
Modul 2a htmlModul 2a html
Modul 2a html
 
Materi Internet
Materi InternetMateri Internet
Materi Internet
 
3947109.ppt
3947109.ppt3947109.ppt
3947109.ppt
 
Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247
 

Modul1

  • 1.
  • 2. Nama : Dedy Pradana  Tempat/Tgl Lahir :Madiun, 9 november 1990  Asal : Madiun  Motto : Tak koding bagaikan tak hidup  No. Hp : 08987496650  Email : dedy90.informatika@gmail.com
  • 3. Nama : Erik Sandera  Tempat/Tgl Lahir :  Asal : Kuningan  Motto :  No. Hp :  Email :
  • 4. Nama : Andi Zulkifli / Uki  Tempat/Tgl Lahir : Palopo, 03 April 1991  Asal : Palopo  Motto : Jalani hidup dengan 3 C (Cinta, Coding, Capcus)  No. Hp : 085696769498  Email : andi.zulkifli.30109164@gmail.com
  • 5. Nama : Iman Syaefulloh  Tempat/Tgl Lahir : Bandung, 13 April 1991  Asal : Bandung  Motto : Kodingan terus pantang mundur  No. Hp : 085320872002  Email : imansyaefulloh@gmail.com
  • 6. Nama : Wildan Syaihul Fikri  Tempat/Tgl Lahir : Sukabumi, 27-11-1990  Asal : sukabumi  Motto : Hidup itu seperti air yang mengalir  No. Hp : 085624326874  Email : wildanfikry@gmail.com
  • 7. Nama : Setiya Wardana  Tempat/Tgl Lahir : Kuningan, 18 Desember 1991  Asal : Kuningan  Motto : Tetap MAJU (Manfaat, Andil, Jujur, Unik)  No. Hp : 085224958074  Email : setiya.wardana@gmail.com
  • 8. • 1958 – Departemen Pertahanan Amerika Serikat membentuk ARPA (Advanced Research Projects Agency) • 1960 – ARPANET membuat proyek yang menghubungkan 4 buah host komputer • 1965 – Istilah Hypertext diperkenalkan • 1971 – jaringan ARPANET bertambah menjadi 23 buah host komputer
  • 9. • 1972 - International Network Working Group (INWG) dibentuk membuat standar Jaringan Komputer • 1974 – Transmission Control Protocol (TCP) dipublikasikan • 1977 – 111 buah host komputer terhubung ke ARPANET • 1978 – Protokol TCP dipecah menjadi TCP-IP • 1982 – Internet pertama kali dipergunakan, 1000 komputer terhubung • 1986 – Diperkenalkan sistem nama domain atau Domain Name System (DNS)
  • 10. • Internet merupakan jaringan rangkaian komputer (networking) dengan networking lain di seluruh dunia • Berguna untuk bertukar informasi (gambar, suara, data, file, dll) • Setiap komputer dan jaringan yang terhubung ke internet memiliki Internet Protocol (IP) • Protokol standar yang digunakan yaitu TCP/IP • TCP/IP tersusun atas 4 layer
  • 11. RESPONSE SERVER CLIENT REQUEST DB
  • 12.
  • 13. • HTML (Hypertext Markup Language) adalah sebuah bahasa yang digunakan untuk menulis halaman web. Untuk meyampaikan ide pada web browser, HTML menggunakan perintah berupa tag-tag. • Tag adalah suatu kode standar yang selalu ditulis diantara karakter ‘<’ dan karakter ‘>’, contoh: <HTML>. Tag tidak case sensitive, jadi anda bisa gunakan <HTML> atau <html>
  • 14. Browser dan Editor  Browser • Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. • Browser yang sering di gunakan biasanya Internet Explorer, Mozilla Firefox dan masih banyak yang lainya.  Editor • Program yang di gunakan untuk membuat document HTML, ada banyak • HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.
  • 15. • Secara sederhana HTML terdiri dari dua bagian yaitu head dan body. Struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML>. • Contoh: <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> Isi dokumen </BODY> </HTML>
  • 16.
  • 17.
  • 18.
  • 19. Digunakan untuk menyatakan judul atau subjudul dari suatu dokumen yang digunakan didalam tag <BODY>. HTML menyediakan 6 tingkatan heading (<H1>..<H6>).
  • 20.
  • 21.
  • 22. List item di gunakan untuk mengelompokkan data baik berurutan (ordered list - ol) maupun yang tidak berurutan (unordered list - ul). Contoh: Kelompokkan data-data berikut : Pisang Melati Jambu Mawar Anggrek Apel Anggur
  • 23. Dapat dikelompokkan ke dalam dua kelompok: Buah-buahan  Pisang  Jambu  Apel  Anggur Bunga 1. Melati 2. Mawar 3. Angrek
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29. Break <br> Tag <BR> di gunakan untuk memulai baris baru pada document HTML, tag ini fungsinya mirip dengan carriage return.
  • 31. Font <font> Dengan tag <FONT> anda bisa menentukan format tampilan font dalam document HTML seperti color, size, style dan lainya.
  • 32. Alignment <align> Align attribute digunakan untuk menentukan perataan object dalam document HTML baik berupa text, object, image, paragraph, division dan lain-lain.
  • 37. Anchor Anchor tag <A> untuk menentukan hyperlink dalam document HTML. HREF property digunakan untuk menentukan tujuan dari hyperlink tersebut.
  • 40. Mohon maaf bila banyak kekurangan Webpro Tentor Team