HTML adalah bahasa markup yang digunakan untuk membuat halaman web. Dokumen ini menjelaskan pengertian HTML, sejarahnya, perkembangannya, tag dasar, dan struktur dasar dokumen HTML.
Setiap elemen HTML yang kita buat memiliki property css display, pada slide ini akan dibahas bagaimana masing-masing perilaku dari value pada properti display tersebut.
value yang dapat digunakan adalah :
- inline
- inline-block
- block
- none
slide bantuan untuk video youtube:
https://youtu.be/VPaIdiPvWQM
Box model adalah konsep yang paling utama dari CSS Layouting, jika kalian paham mengenai ini maka akan mudah untuk kalian dalam melakukan pengaturan tata letak elemen pada website kalian.
ada 4 komponen dalam box model :
1. margin
2. padding
3. border
4. konten
Position adalah properti CSS yang dapat membuat kita melakukan tata letak dari elemen HTML sesuai dengan keinginan kita.
ada 4 value yang bisa kita gunakan pada properti position :
1. static
2. relative
3. absolute
4. fixed
Setiap elemen HTML yang kita buat memiliki property css display, pada slide ini akan dibahas bagaimana masing-masing perilaku dari value pada properti display tersebut.
value yang dapat digunakan adalah :
- inline
- inline-block
- block
- none
slide bantuan untuk video youtube:
https://youtu.be/VPaIdiPvWQM
Box model adalah konsep yang paling utama dari CSS Layouting, jika kalian paham mengenai ini maka akan mudah untuk kalian dalam melakukan pengaturan tata letak elemen pada website kalian.
ada 4 komponen dalam box model :
1. margin
2. padding
3. border
4. konten
Position adalah properti CSS yang dapat membuat kita melakukan tata letak dari elemen HTML sesuai dengan keinginan kita.
ada 4 value yang bisa kita gunakan pada properti position :
1. static
2. relative
3. absolute
4. fixed
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Pengenalan Dasar Web. Pengertian, sejarah web, jenis-jenis website, komponen penyusun website, unsur-unsur website, teknologi web, cara kerja elemen web, CMS, referensi belajar
Ada 2 property pada CSS yang digunakan untuk mengatur Dimensi pada elemen HTML kita, property-nya yaitu width dan height.
Pada video ini, kita akan bahas bagaimana cara menggunakan property tersebut, dan juga unit / satuan apa saja yang dapat kita gunakan untuk mengatur width dan height-nya.
Di video ini juga akan dibahas mengenai overflow, yaitu property CSS yang digunakan untuk mengatur perilaku sebuah elemen, ketika isi / konten nya melebihi tempat / parent nya.
slide bantuan untuk video youtube:
https://youtu.be/VkUSH3SIH0g
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Pengenalan Dasar Web. Pengertian, sejarah web, jenis-jenis website, komponen penyusun website, unsur-unsur website, teknologi web, cara kerja elemen web, CMS, referensi belajar
Ada 2 property pada CSS yang digunakan untuk mengatur Dimensi pada elemen HTML kita, property-nya yaitu width dan height.
Pada video ini, kita akan bahas bagaimana cara menggunakan property tersebut, dan juga unit / satuan apa saja yang dapat kita gunakan untuk mengatur width dan height-nya.
Di video ini juga akan dibahas mengenai overflow, yaitu property CSS yang digunakan untuk mengatur perilaku sebuah elemen, ketika isi / konten nya melebihi tempat / parent nya.
slide bantuan untuk video youtube:
https://youtu.be/VkUSH3SIH0g
BAB I
PENDAHULUAN
1.1 LATAR BELAKANG
Internet memang sudah diketahui oleh kebanyakan orang mulai dari para pelajar hingga umum, tapi kebanyakan dari mereka belum mengetahui betul mengenai bagian – bagian apa saja yang berperan penting dalam sebuah halaman web internet, salah satunya adalah HTML.HTML merupakan suatu komponen penting didalam suatu website yang menjadi sebuah dasar atau pondasi bahasa pemograman sebuah web yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi didalam sebuah web bowser dan pemformatan hypertext sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi.
1.2 RUMUSAN MASALAH
1. Sejarah internet ?
2. Pengertian dan sejarah HTML ?
3. Tag – tag dasar HTML ?
4. Sebutkan dan jelaskan program editor dan compiler untuk HTML ?
1.3 TUJUAN
1. Untuk mengetahui sejarah internet
2. Untuk mengetahui pengertian dan sejarah HTML
3. Untuk mengetahui tag – tag HTML
4. Untuk mengetahui program editor dan compiler untuk HTML
BAB II
PEMBAHASAN
2.1 SEJARAH INTERNET
Internet merupakan singkatan dari interconnection nerworking yang merupakan suatu sistem global dari semua jaringan komputer yang saling terhubung satu sama lain menggunakan standard internet protocol suite (Transmission control protokol/internet protokol).
Sejarah dimulai pada bulan Agustus 1992 dan penciptaan internet pertama kali dikemukan oleh seseorang bernama J.C.R Licklider dari MIT (Massachutts Institute of Technology). Konsep awal dinamakan “Galactic Network” oleh dirinya. Ia mengemukakan tentang bagaimana jaringan global yang memungkinkan orang dapat mengakses data dan program dari mana saja. Pada Oktober 1962 beliau mengepalai program penelitian komputer di ARPA yang merupakan bagian dari Departemen Pertahanan Amerika Serikat.
Proyek dari ARPANET merancang bentuk jaringan, kehandalan, seberapa besar informasi dapat dipindahkan, dan akhirnya semua standar yang mereka tentukan menjadi cikal bakal pembangunan protocol baru yang sekarang dikenal sebagai TCP/IP (Tranmission Control Protocol/Internet Protocol).
2.2 SEJARAH DAN PENGERTIAN HTML
HTML (HyperText Markup Language) adalah suatu bahasa yang digunakan untuk menulis halaman web dan menampilkan berbagai informasi didalam sebuah browser internet. HTML ditulis dengan bentuk dokumen ASCII atau text biasa. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal, yang dirancang untuk tidak tergantung pada suatu sistem informasi tertentu.
HTML merupakan pengembangan dari standar pemformatan dokumen text, yaitu Standard Generalized Markup Languange (SGML). HTML saat ini merupakan standar internet yang didefinisikan dan dikendalikan oleh World Wide Web Consortium (W3C).
HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-Lee Robert ketika masih bekerja di CERN pada tahun 1989, dan dipopulerkan oleh browser Mosaic dikembangkan di NSCA
ppt profesionalisasi pendidikan Pai 9.pdfNur afiyah
Pembelajaran landasan pendidikan yang membahas tentang profesionalisasi pendidikan. Semoga dengan adanya materi ini dapat memudahkan kita untuk memahami dengan baik serta menambah pengetahuan kita tentang profesionalisasi pendidikan.
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondelferrydmn1999
Indonesia, negara kepulauan yang kaya akan keragaman budaya, suku, dan tradisi, memiliki Jakarta sebagai pusat kebudayaan yang dinamis dan unik. Salah satu kesenian tradisional yang ikonik dan identik dengan Jakarta adalah ondel-ondel, boneka raksasa yang biasanya tampil berpasangan, terdiri dari laki-laki dan perempuan. Ondel-ondel awalnya dianggap sebagai simbol budaya sakral dan memainkan peran penting dalam ritual budaya masyarakat Betawi untuk menolak bala atau nasib buruk. Namun, seiring dengan bergulirnya waktu dan perubahan zaman, makna sakral ondel-ondel perlahan memudar dan berubah menjadi sesuatu yang kurang bernilai. Kini, ondel-ondel lebih sering digunakan sebagai hiasan atau sebagai sarana untuk mencari penghasilan. Buku foto Lensa Kampung Ondel-Ondel berfokus pada Keluarga Mulyadi, yang menghadapi tantangan untuk menjaga tradisi pembuatan ondel-ondel warisan leluhur di tengah keterbatasan ekonomi yang ada. Melalui foto cerita, foto feature dan foto jurnalistik buku ini menggambarkan usaha Keluarga Mulyadi untuk menjaga tradisi pembuatan ondel-ondel sambil menghadapi dilema dalam mempertahankan makna budaya di tengah perubahan makna dan keterbatasan ekonomi keluarganya. Buku foto ini dapat menggambarkan tentang bagaimana keluarga tersebut berjuang untuk menjaga warisan budaya mereka di tengah arus modernisasi.
1. HTML
DI SUSUN OLEH :
Siti Nur Aisyah
2114R0797
Teknik Infomatika
2. PENGERTIAN HTML
HTML merupakan singkatan dari Hypertext Markup
Language. HTML digunakan untuk membangun halaman web.
HTML digunakan untuk melakukan mark-up (penandaan)
terhadap sebuah dokumen teks. Tanda tersebut digunakan
untukmenentukan format atau style dari teks yang ditandai
halaman web dibangun oleh kode-kode HTML.
HTML adalah bahasa markup yang umum digunakan.
Kepopuleran HTML disebakan karena HTML ini mudah
digunakan. Pembuatan dokumen web dengan HTML dapat
dilakukan dengan mudah dan cepat. Dokumen web dapat tersaji
dengan cepat ke banyak pembaca di seluruh dunia sekaligus.
HTML mudah melakukan kontrol terhadap tampilan halaman web
baik berupa teks, gambar, suara, animasi maupun video.
3. SEJARAH HTML
Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk
menulis halaman web. HTML merupakan pengembangan dari standar
pemformatan dokumen teks yaitu Standard Generalized Markup Language
(SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang
dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan
dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML
mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti
akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi
sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November
1995 oleh IETF (Internet Engineering Task Force).
HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya.
Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group
pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan
pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan
secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan
dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
4. PERKEMBANGAN HTML
Pada tahun 1980 IBM mulai untuk mengembangkan sebuah
bahasa pemograman dimana text dan format sebuah dokumen
dijadikan satu dalam bahasa pemrograman yang sering kita
sebut sebagai HTML (Hyper Text Markup Language) akan tetapi
pada saat itu pihak IBM memberikan sebuah nama GML
(Generalized Markup Language).
Pada tahun 1986 ISO mengeluarkan sebuah standarisasi
tentang bahasa pemograman tersebut dan menyatakan sebuah
nama baru dari GML tersebut dengan sebutan SGML (Standard
Generalized Markup Language).
Pada tahun kelahiran saya yaitu tahun 1989, Sebuah nama
HTML muncul dari pemikiran Caillau Tim yang bekerja sama
dengan Banners Lee Robert yang ketika itu masih bekerja di CERN
memulai mengembangkan bahasa pemrograman ini, dan
dipopulerkan pertama kali dengan browser Mosaic. Nah mulailah
dari tahun 1990 HTML sangat berkembang dengan cepat hingga
mencapai versi HTML versi 5.0 yang digarap pada 4 Maret 2010
kemarin oleh W3C
5. HTML versi 1.0 ini adalah versi pertama sejak lahirnya nama html
tersebut, memiliki sebuah kemampuan untuk heading, paragraph,
hypertext, bold dan italic text, wrapping serta memiliki dukungan
dalam peletakan sebuah gambar.
HTML versi 2.0 pada 14 Januari 1996, pada versi ini ada beberapa
tambahan kemampuan diantaranya penambahan form
comment, hal ini menyebabkan adanya sebuah interaktif dan
mulai dari versi ini yang menjadikan sebuah pioneer dalam
perkembangan homepage interaktif.
Tak lama kemudian HTML versi 3.0 dirilis pada 18 Desember 1997
yang sering disebut sebut sebagai HTML+ yang mempunyai
kemampuan dalam beberapa fasilitas diantaranya adalah
penambahan fitur table dalam paragraph, akan tetapi versi ini
tidak bertahan lama.
Dan pada bulan Mei 1996 dikeluarkan versi baru sebagai
pengganti dan penyampurnaan versi 3.0 ini yaitu HTML versi 3.2,
keluarnya versi ini dikarenakan adanya beberapa kasus yang
timbul pada pengembang browser yang telah melakukan
pendekatan dengan cara lain yang justru hal tersebut menjadi
popular, maka di bakukan versi 3.2 untuk mengakomodasi
praktek yang banyak digunakan oleh pengembang browser dan
diterima secara umum, dapat dikatakan bahwa versi 3.2 ini
merupakan versi 3.0 yang dikembangkan oleh beberapa
pengembang browser seperti Netscape dan Microsoft.
6. Terakhir perombakan terjadi pada tahun 1999
tepatnya tanggal 24 Desember yaitu HTML versi 4.0,
seperti yang kita kenal HTML pada saat ini
penambahan link, meta, imagemaps , image dan
lain lain sebagai penyempurnaan versi 3.2
Pada tanggal 4 Maret 2010, terdapat sebuah
informasi bahwasanya HTML versi 5.0 masih
dikembangkan oleh W3C (World Wide Web
Consortium) dan IETF (Internet Engineering Task
Force) yaitu sebuah organisasi yang menangani
HTML sejak versi 2.0
7. MENDESAIN HTML
Mendesain HTML dapat dilakukan dengan dua cara, yaitu :
Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe
Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.
Cara ini kelebihannya adalah HTML Editor merupakan sebuah
program yang khusus didesain untuk membuat, melakukan editing bahkan
mem-publish ke internet. Dengan kemampuannya menggabungkan
kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML
maka cara ini sangat disukai oleh para pemula dan desainer yang tidak
ingin belajar lebih mendalam mengenai HTML.
Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML
ke dalam dokumen HTML.
cara ini adalah menuliskan secara manual satu persatu tag-tag
HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga
dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus
melakukan cara-cara konvensional untuk melihat hasilnya pada web
browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML
yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih
paham mengenai cara kerja dan berbagai perintah yang biasa dipakai
pada bahasa HTML.
8. KELEBIHAN HTML
Merupakan bahasa penkodean yang lintas platform (cross
platform), maksudnya HTML dapat digunakan pada berbagai
jenis mesin komputer yang berbeda dan berbagai macam
sistem operasi yang berbeda. Jadi bersifat fleksibel karena
ditulis cukup dengan menggunakan editor karakter ASCII.
Dapat disisipi gambar baik gambar statis atau dinamis
(animasi) termasuk menggunakan gambar untuk dijadikan
hyperlink. Gambar di sini digunakan untuk merujuk pada suatu
halaman web, dimana setiap titik-titik yang sudah didefinisikan
berupa rectangular (kotak), poligon (kurva tak beraturan) atau
lingkaran digunakan untuk ‘jump’ ke halaman lain, atau link ke
halaman di luar web yang bersangkutan.
Dapat disisipi animasi berupa Java Applet atau file-file animasi
dari Macromedia Flash atau Macromedia Shockwave (untuk
keperluan ini, browser harus memiliki plug-in khusus untuk
menjalankan file-file animasi ini).
9. Dapat disisipi bahasa pemrograman untuk
mempercantik halaman web seperti Javascript,
VBScript, Active Server Pages, Perl, Tcl, PHP
dan sebagainya.
Bukan merupakan bahasa pemrograman jadi
tidak memerlukan kompiler. Cara
menjalanakannya cukup dengan menggunakan
browser.
10. KEKURANGAN DARI HTML
Menghasilkan halaman yang statis, yang saya tahu untuk
memperoleh halaman yang dinamis harus menggunakan
bahasa pemrograman tertentu seperti Javascript atau
VBScript dan animasi seperti Flash atau Shockwave.
Memiliki tag-tag yang begitu banyak sehingga susah dipelajari
untuk yang masih awam.
Tidak dapat menghasilkan halaman yang interaktif. Interaktif
di sini maksudnya client dapat berinteraksi dengan server.
Untuk keperluan itu, HTML harus disisipi bahasa
pemrograman yang dapat menangani hal tersebut, contohnya
Perl atau Tcl.
11. TAG HTML
Tag adalah penanda atau teks khusus yang berguna
untuk menandai elemen-elemen dalam halaman html
dengan simbol lebih kecil dari "<" dan lebih besar dari ">",
semua tag harus di apit oleh dua simbol "<" ">". Secara
umum tag ditulis berpasangan, yaitu tag pembuka dan tag
penutup. Tag pembuka menandakan awal dari elemen
sebagai contoh <body> dan tag penutup menandakan
akhir dari elemen, untuk penulisan tag akhir ada
penambahan karakter "/" setelah karakter "<" sebagai
</body>, inilah bentuk tag berpasangan dalam html.
Meskipun demikian, ada beberapa elemen dalam
halaman html yang tidak berpasangan seperti tag <br>
dan lain-lain.
12. TAG DASAR HTML
HTML
Memberitahukan pada browser bahwa dokumen web yang
digunakan adalah HTML.Untuk penulisannya :
<html> "Tag pembuka html di letakkan pada awal dokumen"
........
</html> "Tag penutup html di letakkan pada akhir dokumen"
Head
Kepala dokumen html atau tentang dokumen yang akan
ditampilkan
Penulisan :
<head> "Tag pembuka head di letakkan pada awal setelah tag
<html>"
........
</head> "Tag penutup head di letakkan di akhir section head"
13. Pada bagian head akan mengerjakan tugas-tugas sebagai
berikut :
Menyediakan judul dokumen
Menjembatani hubungan antar dokumen
Memberitahu browser untuk membuat form pencarian
Menyediakan metode untuk mengirim pesan ke tipe browser
Body
Menampilkan isi dokumen html. Penulisannya :
<body> "Tag pembuka body terletak di bawah tag penutup
</head>"
........
</body> "Tag penutup </body> terletak di atas tag penutup
</html>"
Setiap ada tag pembuka maka harus ada tag penutup yang
ditandai dengan tanda "/". Contoh :<title></title>, <body>
</body>,<html></html>.
14. Antara tag <title> </title> digunakan untuk menulis judul
halaman web yang bersangkutan. Contohnya adalah tulisan
"ahmadamirudin.jw.lt" yang ada pada pojok kiri atas halaman
ini maka penulisannya menjadi :
<html>
<head>
<title>ahmadamirudin.jw.lt
</title>
</head>
<body>
</body>
</html>
Sedangkan antara tag <body> </body> digunakan untuk
mengisi apa yang akan ditampilkan pada halaman anda, bisa
berupa tulisan, gambar, link dan sebagainya.
15. Adapun beberapa tambahan yang dapat ditambahkan pada
tag <body> adalah sebagai berikut:
Meberikan warna background pada halaman web :
<body bgcolor="blue">
Atau dapat juga menggunakan kode warna Hexa (RGB /red-green-
blue) yang terdiri dari 6 karakter yang terdiri dari gabungan
angka dan huruf, dan penulisannya juga harus diawalai dengan
tanda "#"(pagar). 2 karakter pertama mewakili warna merah yang
dimulai dari paling rendah 00 sampai paling tinggi ff, atau bisa juga
kombinasi huruf dan angka tadi. Begitu juga 2 karakter berikutnya
mewakili warna hijau dan 2 karakter berikutnya mewakili warna
biru.
contoh penulisan kode untuk warna hitam #000000, putih #ffffff,
merah #ff0000, abu-abu #d3d3d3 dan lain lain sesuai dengan
keinginan anda.
Memberikan background gambar
<body background="gambar.jpg">
Penulisan format gambar juga harus disertakan seperti *.jpg,
*.gif, *.bmp dan lain-lain
16. Jika ingin menginginkan warrna background transparan
maka ditulis dengan :
<body bgcolor="transparent">
Memberikan warna teks
<body text="#000000">
Mengatur margin halaman
<body leftmargin="20" topmargin="20">
Mengatur warna link
<body link="#ff0000"vlink="#00ff00"
alink="#0000ff">
Dan jika semuanya ditulis bersamaan maka menjadi :
<body bgcolor="blue"text="#000000"
leftmargin="20" topmargin="20"
link="#ff0000"vlink="#00ff00"alink="#0000ff">