HTML adalah bahasa markup yang digunakan untuk membuat halaman web. HTML dirancang berdasarkan SGML dan diperkenalkan oleh Tim Berners-Lee pada tahun 1980. Struktur dasar dokumen HTML terdiri dari bagian deklarasi, head, dan body.
Ilmuwebsite.com html css-dari_akar_ke_daunHendi Alfiandi
Ebook ini membahas tentang generasi muda yang akan membangkitkan sistem khalifah. Ebook ini berisi bab-bab yang menjelaskan tentang HTML, CSS, dan contoh membuat website sederhana."
Dokumen tersebut membahas konsep dasar HTML dan elemen-elemennya, termasuk elemen pada tag head seperti title dan meta, serta elemen pada tag body seperti heading, paragraph, dan list.
HTML adalah bahasa markup yang digunakan untuk membuat halaman web. Dokumen ini menjelaskan pengertian HTML, sejarahnya, perkembangannya, tag dasar, dan struktur dasar dokumen HTML.
Ilmuwebsite.com html css-dari_akar_ke_daunHendi Alfiandi
Ebook ini membahas tentang generasi muda yang akan membangkitkan sistem khalifah. Ebook ini berisi bab-bab yang menjelaskan tentang HTML, CSS, dan contoh membuat website sederhana."
Dokumen tersebut membahas konsep dasar HTML dan elemen-elemennya, termasuk elemen pada tag head seperti title dan meta, serta elemen pada tag body seperti heading, paragraph, dan list.
HTML adalah bahasa markup yang digunakan untuk membuat halaman web. Dokumen ini menjelaskan pengertian HTML, sejarahnya, perkembangannya, tag dasar, dan struktur dasar dokumen HTML.
Pelajaran ini membahas tentang dasar-dasar tag HTML dan menambahkan elemen seperti gambar dan perataan teks ke dalam halaman web. Tag-tag dasar seperti <html>, <head>, <title>, dan <body> dijelaskan. Tag untuk pergantian baris (<br>) dan paragraf (<p>) juga dibahas. Cara menambahkan gambar menggunakan tag <img> beserta atribut-atributnya kemudian dijelaskan. Terakhir, pelajaran ini membahas tentang perata
Dokumen tersebut memberikan penjelasan tentang cara membuat halaman web sederhana menggunakan notepad, meliputi langkah-langkah pembuatan kode HTML dasar, penyimpanan file, dan pengelolaan elemen-elemennya.
Materi pertama membahas pengenalan HTML sebagai bahasa standar untuk membuat halaman web dan penggunaan tag-tag dasar seperti <html>, <head>, <title>, <body>. Materi kedua membahas cara membuat layout dasar halaman web menggunakan tag table dan property-propertynya. Materi ketiga membahas penggunaan font, ukuran, dan warna teks menggunakan tag dan atribut seperti <font>, font-size, dan font-color.
Dokumen tersebut memberikan penjelasan mengenai cara belajar HTML dari dasar, meliputi pengenalan tag-tag dasar HTML, format font, format teks, dan hyperlink. Diberikan contoh-contoh kode HTML untuk setiap elemen yang dijelaskan.
Makalah ini membahas tentang HTML 5. Pembahasan dimulai dari pengertian HTML, sejarah perkembangan HTML 5, karakteristik HTML 5 seperti fitur baru dan dukungan browser, serta manfaat HTML 5. Tujuan makalah ini adalah untuk memahami HTML 5 secara lebih mendalam dan terstruktur.
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
Modul Web Programming dengan PHP dan MySQLeddie Ismantoe
Modul Pemrograman PHP ini adalah sebuah modul yang berisikan tutorial dasar-dasar pemrograman web menggunakan bahasa pemrograman PHP. Seperti yang telah diketahui PHP saat ini merupakan bahasa pemrograman untuk web yang terpopuler. Facebook, Yahoo, Digg dan masih banyak website populer lainnya menggunakan PHP. Belum lagi jumlah CMS yang bebasiskan PHP beberapa yang terpopuler diantaranya: Joomla, Wordpress, Drupal, ModxCMS, dan masih banyak lagi. Dengan menguasasi PHP sudah dapat dibayangkan bukan banyak kelebihan yang akan anda dapat.
Pada modul ini saya coba untuk menjelaskan secara step-by-step bagaimana membuat sebuah halaman website yang lengkap dengan mengetahui terlebih dahulu dasar-dasar web. Hal tersebut meliputi dasar-dasar WWW, HTML, CSS dan pengetahuan dasar tentang website yang menurut saya perlu diketahui. Baru setelah itu saya masuk ke bahasan utama yaitu PHP. Pada akhir modul ini saya sertakan beberapa contoh aplikasi sederhana yang mungkin akan sangat membantu pemahaman pembaca mengenai pemrograman PHP.
Dokumen tersebut memberikan pengantar singkat tentang HTML. Ia menjelaskan apa itu HTML, bagaimana HTML digunakan untuk membuat halaman web, dan berbagai tag HTML dasar seperti <p>, <h1>, <img> untuk memformat teks, judul dan gambar. Dokumen tersebut juga mendemonstrasikan penggunaan tabel, daftar terurut dan tidak terurut, serta video YouTube menggunakan tag HTML.
Dokumen tersebut membahas pengantar tentang bahasa HTML (Hypertext Markup Language), yang meliputi pengertian, sejarah, dan kegunaan HTML serta contoh-contoh kode dasar HTML seperti penggunaan tag, atribut, heading, paragraph dan lainnya."
Teks ini memberikan panduan dasar tentang membuat website, mulai dari manfaat memiliki website, langkah-langkah membuatnya, dan pengenalan dasar bahasa HTML untuk membuat struktur dan format teks dalam website."
Pelajaran ini membahas tentang dasar-dasar tag HTML dan menambahkan elemen seperti gambar dan perataan teks ke dalam halaman web. Tag-tag dasar seperti <html>, <head>, <title>, dan <body> dijelaskan. Tag untuk pergantian baris (<br>) dan paragraf (<p>) juga dibahas. Cara menambahkan gambar menggunakan tag <img> beserta atribut-atributnya kemudian dijelaskan. Terakhir, pelajaran ini membahas tentang perata
Dokumen tersebut memberikan penjelasan tentang cara membuat halaman web sederhana menggunakan notepad, meliputi langkah-langkah pembuatan kode HTML dasar, penyimpanan file, dan pengelolaan elemen-elemennya.
Materi pertama membahas pengenalan HTML sebagai bahasa standar untuk membuat halaman web dan penggunaan tag-tag dasar seperti <html>, <head>, <title>, <body>. Materi kedua membahas cara membuat layout dasar halaman web menggunakan tag table dan property-propertynya. Materi ketiga membahas penggunaan font, ukuran, dan warna teks menggunakan tag dan atribut seperti <font>, font-size, dan font-color.
Dokumen tersebut memberikan penjelasan mengenai cara belajar HTML dari dasar, meliputi pengenalan tag-tag dasar HTML, format font, format teks, dan hyperlink. Diberikan contoh-contoh kode HTML untuk setiap elemen yang dijelaskan.
Makalah ini membahas tentang HTML 5. Pembahasan dimulai dari pengertian HTML, sejarah perkembangan HTML 5, karakteristik HTML 5 seperti fitur baru dan dukungan browser, serta manfaat HTML 5. Tujuan makalah ini adalah untuk memahami HTML 5 secara lebih mendalam dan terstruktur.
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
Modul Web Programming dengan PHP dan MySQLeddie Ismantoe
Modul Pemrograman PHP ini adalah sebuah modul yang berisikan tutorial dasar-dasar pemrograman web menggunakan bahasa pemrograman PHP. Seperti yang telah diketahui PHP saat ini merupakan bahasa pemrograman untuk web yang terpopuler. Facebook, Yahoo, Digg dan masih banyak website populer lainnya menggunakan PHP. Belum lagi jumlah CMS yang bebasiskan PHP beberapa yang terpopuler diantaranya: Joomla, Wordpress, Drupal, ModxCMS, dan masih banyak lagi. Dengan menguasasi PHP sudah dapat dibayangkan bukan banyak kelebihan yang akan anda dapat.
Pada modul ini saya coba untuk menjelaskan secara step-by-step bagaimana membuat sebuah halaman website yang lengkap dengan mengetahui terlebih dahulu dasar-dasar web. Hal tersebut meliputi dasar-dasar WWW, HTML, CSS dan pengetahuan dasar tentang website yang menurut saya perlu diketahui. Baru setelah itu saya masuk ke bahasan utama yaitu PHP. Pada akhir modul ini saya sertakan beberapa contoh aplikasi sederhana yang mungkin akan sangat membantu pemahaman pembaca mengenai pemrograman PHP.
Dokumen tersebut memberikan pengantar singkat tentang HTML. Ia menjelaskan apa itu HTML, bagaimana HTML digunakan untuk membuat halaman web, dan berbagai tag HTML dasar seperti <p>, <h1>, <img> untuk memformat teks, judul dan gambar. Dokumen tersebut juga mendemonstrasikan penggunaan tabel, daftar terurut dan tidak terurut, serta video YouTube menggunakan tag HTML.
Dokumen tersebut membahas pengantar tentang bahasa HTML (Hypertext Markup Language), yang meliputi pengertian, sejarah, dan kegunaan HTML serta contoh-contoh kode dasar HTML seperti penggunaan tag, atribut, heading, paragraph dan lainnya."
Teks ini memberikan panduan dasar tentang membuat website, mulai dari manfaat memiliki website, langkah-langkah membuatnya, dan pengenalan dasar bahasa HTML untuk membuat struktur dan format teks dalam website."
Tiga kalimat ringkasan dokumen tersebut adalah:
Dokumen tersebut membahas persiapan yang dibutuhkan sebelum mempelajari HTML dan CSS seperti web browser dan text editor. Kemudian menjelaskan pengertian HTML sebagai bahasa markup dan struktur dasar file HTML. Terakhir menjelaskan cara memuat gambar menggunakan tag IMG dan atribut-atributnya.
Dokumen tersebut memberikan panduan dasar untuk membuat website sederhana dengan menggunakan bahasa HTML. Dokumen tersebut menjelaskan pengenalan tag-tag dasar HTML seperti <HTML>, <BODY>, <TITLE> beserta fungsinya. Dokumen tersebut juga mendemonstrasikan cara mengubah format teks seperti mengubah warna latar belakang, ukuran, tebal, miring dan garis bawah menggunakan tag-tag tertentu.
HTML5 adalah revisi kelima dari HTML yang pertama kali dibuat pada tahun 1990. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia, dan mudah dimengerti oleh mesin. HTML5 masih dalam proses standardisasi oleh W3C dan WHATWG.
Dokumen tersebut memberikan tutorial dasar tentang belajar HTML, meliputi pengertian HTML, tag dasar seperti <html>, <head>, <body>, format teks seperti paragraf dan baris baru, format font menggunakan <font> dan CSS, serta hyperlink menggunakan <a>.
Modul ini membahas tentang membuat tampilan halaman web sederhana menggunakan HTML. Peserta didik diajak untuk mengimplementasikan tag dan elemen HTML yang telah dipelajari sebelumnya dengan membuat tampilan halaman profil sekolah sebagai contohnya. Tugas akhir adalah membuat tampilan halaman web sederhana dengan tema bebas dalam waktu 1 hari.
Modul ini memberikan panduan tentang web design dan pemrograman. Materi yang dibahas mencakup konsep file grafik, dasar-dasar pemrograman web, perintah pemrograman web, dan cara membangun aplikasi berbasis web."
Dokumen tersebut memberikan informasi tentang pelatihan kapasitas penguatan manajemen pembelajaran daring dan portal sekolah bagi kepala sekolah dan staf TIK Yayasan Pendidikan Islam Al Azhar Batam. Pelatihan ini membahas tentang sistem pembelajaran daring, desain ujian online interaktif, dan pembuatan video pembelajaran interaktif. Pelatihan ini diselenggarakan pada tanggal 26-27 Agustus 2020.
Bab 4 Bersatu dalam Keragaman dan DemokrasiTeukuMahawira
Dokumen tersebut membahas tentang keragaman dan demokrasi dalam Islam. Terdapat penjelasan mengenai Piagam Madinah sebagai contoh pemerintahan demokratis pada zaman Rasulullah saw., serta ayat Al-Quran dan hadis yang mendukung nilai-nilai toleransi dan musyawarah. Dokumen tersebut juga berisi aktivitas yang dapat memperkaya pemahaman siswa tentang topik tersebut.
Buku ajar ini membahas pemrograman web dan perangkat bergerak menggunakan App Inventor. Penulis mengucapkan syukur kepada Allah atas bimbingan dan masukan dari promotor dalam menyelesaikan buku ajar ini. Buku ajar ini diharapkan dapat bermanfaat untuk pendidikan dan memberikan informasi tentang perkembangan ilmu pengetahuan dan teknologi di masa depan.
Bab ini membahas pembuatan aplikasi login pada perangkat bergerak dengan menggunakan App Inventor. Terdiri dari tiga langkah yaitu membuat desain antarmuka, membuat kode program, dan menjalankan aplikasi. Pada desain ditambahkan komponen label, textbox, passwordtextbox dan button. Kode program menggunakan kondisi if-else untuk mengecek kesesuaian username dan password sebelum membuka layar berhasil atau gagal login.
Bab ini menjelaskan cara membuat aplikasi Hello Puss menggunakan App Inventor dengan melakukan 3 langkah yaitu merancang tampilan, membuat kode block, dan menjalankan aplikasi. Aplikasi ini akan menampilkan gambar kucing dan bunyi meong ketika ditekan serta getar ponsel.
BAB VII - INSTALASI DAN KONFIGURASI APP INVENTORTeukuMahawira
1. Bab ini membahas tentang instalasi dan konfigurasi App Inventor untuk membangun aplikasi perangkat bergerak Android. Terdapat dua opsi penggunaan App Inventor yaitu menggunakan koneksi internet atau tanpa koneksi internet.
2. Untuk menggunakan App Inventor dengan koneksi internet, siswa perlu menginstal AI Companion di perangkat bergeraknya. Sedangkan tanpa koneksi internet, siswa perlu menginstal JDK Java, konfigurasi pathny
Bab ini memperkenalkan App Inventor sebagai platform pengembangan aplikasi perangkat bergerak yang memungkinkan pengembang baru membuat aplikasi untuk Android dan iOS dengan menarik dan melepas blok visual tanpa perlu mengetahui bahasa pemrograman. App Inventor dikembangkan oleh MIT untuk membantu proses pembelajaran pemrograman perangkat bergerak.
BAB V - FORMAT KAITAN DAN FORMULIR PADA HALAMAN WEBTeukuMahawira
Bab ini membahas format kaitan dan formulir pada halaman web. Format kaitan mencakup hyperlink dan link yang digunakan untuk menghubungkan halaman web. Sedangkan formulir digunakan untuk menerima masukan dari pengguna melalui berbagai jenis elemen seperti teks, pilihan, dan lainnya. Keduanya menggunakan tag HTML khusus seperti <a>, <form>, dan <input> beserta atribut-atributnya.
1. Bab ini membahas format tabel dan tampilan multimedia pada halaman web dengan menggunakan HTML. Terdapat tag-tag khusus untuk membuat tabel seperti <table>, <tr>, <td> dan atribut-atribut seperti colspan, rowspan. Ada juga tag untuk menambahkan gambar, audio dan video.
Bab ini membahas struktur dasar halaman HTML dan format teks menggunakan tag. Setiap halaman HTML minimal memiliki tag seperti DOCTYPE, <HTML>, <head>, <title>, dan <body>. HTML menggunakan tag untuk menunjukkan elemen seperti teks, gambar, dan lainnya kepada browser. Format teks menggunakan tag seperti bold, italic, dan underline untuk membuat teks terlihat berbeda dan memberi arti.
Pendidikan inklusif merupakan sistem pendidikan yang
memberikan akses kepada semua peserta didik yang
memiliki kelainan, bakat istimewa,maupun potensi tertentu
untuk mengikuti pendidikan maupun pembelajaran dalam
satu lingkungan pendidikan yang sama dengan peserta didik
umumlainya
Modul Ajar Bahasa Inggris Kelas 10 Fase E Kurikulum MerdekaFathan Emran
Modul Ajar Bahasa Inggris Kelas 10 SMA/MA Fase E Kurikulum Merdeka - abdiera.com. Modul Ajar Bahasa Inggris Kelas 10 SMA/MA Fase E Kurikulum Merdeka. Modul Ajar Bahasa Inggris Kelas 10 SMA/MA Fase E Kurikulum Merdeka.
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...nasrudienaulia
Dalam teori fungsionalisme kulturalisasi Talcott Parsons, konsep struktur sosial sangat erat hubungannya dengan kulturalisasi. Struktur sosial merujuk pada pola-pola hubungan sosial yang terorganisir dalam masyarakat, termasuk hierarki, peran, dan institusi yang mengatur interaksi antara individu. Hubungan antara konsep struktur sosial dan kulturalisasi dapat dijelaskan sebagai berikut:
1. Pola Interaksi Sosial: Struktur sosial menentukan pola interaksi sosial antara individu dalam masyarakat. Pola-pola ini dipengaruhi oleh norma-norma budaya yang diinternalisasi oleh anggota masyarakat melalui proses sosialisasi. Dengan demikian, struktur sosial dan kulturalisasi saling memengaruhi dalam membentuk cara individu berinteraksi dan berperilaku.
2. Distribusi Kekuasaan dan Otoritas: Struktur sosial menentukan distribusi kekuasaan dan otoritas dalam masyarakat. Nilai-nilai budaya yang dianut oleh masyarakat juga memengaruhi bagaimana kekuasaan dan otoritas didistribusikan dalam struktur sosial. Kulturalisasi memainkan peran dalam melegitimasi sistem kekuasaan yang ada melalui nilai-nilai yang dianut oleh masyarakat.
3. Fungsi Sosial: Struktur sosial dan kulturalisasi saling terkait dalam menjalankan fungsi-fungsi sosial dalam masyarakat. Nilai-nilai budaya dan norma-norma yang terinternalisasi membentuk dasar bagi pelaksanaan fungsi-fungsi sosial yang diperlukan untuk menjaga keseimbangan dan stabilitas dalam masyarakat.
Dengan demikian, konsep struktur sosial dalam teori fungsionalisme kulturalisasi Parsons tidak dapat dipisahkan dari kulturalisasi karena keduanya saling berinteraksi dan saling memengaruhi dalam membentuk pola-pola hubungan sosial, distribusi kekuasaan, dan pelaksanaan fungsi-fungsi sosial dalam masyarakat.
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
Apa itu html
1. Apa itu HTML?
Mari kita lihat pengertian HTML menurut wikipedia:
HTML atau HyperText Markup Language merupakan sebuah bahasa markah
untuk membuat halaman web.
Paham kan maksudnya?
Kalau belum paham, sini Saya jelaskan…
Jadi, HTML itu adalah sebuah bahasa yang menggunakan markup atau penanda untuk
membuat halaman web.
Penanda atau markup ini, nanti akan kita sebut dengan Tag.
HTML berperan untuk menentukan struktur konten dan tampilan dari sebuah web.
Kalau kita ibaratkan nih..
HTML itu seperti batu bata untuk membangun rumah. Batu bata ini dapat disusun, hingga
menjadi fondasi dasar.
Dalam membuat halaman web, HTML tidak sendirian. Ada bahasa lain lagi yang menjadi
pelengkapnya, yakni CSS dan Javascript.
2. CSS adalah bahasa khusus yang digunakan untuk memperindah tampilan web.
Lalu Javascript bertugas untuk membuat halaman web menjadi hidup. Karena dengan Javascript,
kita dapat menentukan fungsi-fungsi maupun efek yang akan diterapkan di website.
Oh iya, pada tutorial ini.. Kita akan fokus dulu membahas HTML. Jika Kalian ingin belajar CSS
dan Javascript, silahkan buka:
Tutorial CSS untuk Pemula
Tutorial Javascript untuk Pemula
Oke, Saya anggap Kalian sudah paham tentang apa itu HTML serta peranannya dalam
pembuatan web.
Berikutnya, biar lebih paham.. kita akan membahas sejarah dan asal-usul HTML.
Sejarah dan Asal-usul HTML
Cerita awal kemunculan HTML dimulai dari tahun 1980..
Saat itu seorang ilmuan bernama Tim Berners-Lee sedang bekerja di CERN.
3. Tim Berners-Lee (2009)
CERN sendiri bukanlah perusahaan yang berkaitan tentang teknologi maupun internet. CERN
adalah singkatan dari bahasa prancis: Conseil Européen pour la Recherche Nucléaire.
Yang artinya: Komisi Eropa untuk Penelitian Fisika Nuklir.
Website CERN (2020)
Para peneliti di CERN membutuhkan sebuah cara atau sistem agar bisa saling berbagi dokumen
hasil penelitian.
Tim kemudian mencoba membuat ENQUIRE. Ini adalah software hypertext yang akan
digunakan untuk berbagi dokumen.
Lalu di tahun 1989, Tim memperkenalkan ide tentang hypertext berbasis internet. Ini nantinya
akan menjadi cikal-bakal HTML.
4. Tim kemudian memulai proyek baru dengan rekannya Robert Cailliau yang merupakan system
engineer di CERN. Akan tetapi proyek ini tidak resmi diadopsi oleh CERN.
Tim Berners-Lee (kiri) dan Robert Cailliau (kana)
Pada akhir tahun 1991, Tim Berners-Lee menerbitkan dokumen yang berjudul: “HTML Tags”
.
Dokumen ini berisi penjelasan
tentang 18 tags awal yang menjadi
konsep dasar HTML.
HTML sebenarnya dirancang
berdasarkan pada konsep bahasa
markup yang dikenal dengan
SGML (Standard Generalized
Markup Language).
SGML adalah sebauah standar
internasional untuk membuat
dokumen dengan tanda (markup)
seperti paragraf, list, heading, dan
lain-lain.
5. Bisa dibilang..
HTML adalah implementasi dari SGML.
Kalau kita lihat, beberapa tag seperti <title>, <p>, <li>, dan <h1> sampai <h6> berasal dari
SGML. Namun, tidak semua yang ada di HTML berasal dari SGML.
Salah satunya adalah Hyperlink, yang murni hasil pemikiran Tim Berners-Lee.
Ide tentang HTML ini kemudian disebarkan ke dalam sebuah mailing list dan segera menjadi
perhatian berbagai ilmuwan komputer di seluruh dunia.
Perkembangan dan Versi HTML
HTML punya beberapa versi, dari versi yang paling tua hingga yang terbaru. Berikut ini
perkembangan versi HTML:
[Draft] HTML 1.0 (Juni 1993) adalah versi HTML pertama, namun tidak resmi dirilis;
HTML 2.0 (24 November 1995) adalah versi HTML kedua yang resmi pertamakali
beredar di pasaran dan dirilis oleh IETF;
[Draft] HTML 3.0 (28 Maret 1995) versi ini gagal beredar, karena banyak perubahan
yang memicu perdebatan;
HTML 3.2 (14 Januari 1997) versi resmi yang dirilis W3C pertamakali.
HTML 4.0 (24 April 1998) versi pengembangan dari yang seblumnya;
HTML 4.01 (24 Desember 1999) versi perbaikan dari HTML 4.0;
XHTML 1.0 (26 Januari 2000) pengembangan dari HTML 4.01 dengan mengadopsi
XML;
XHTML 2.0 (Augustus 2002—Juli 2006) versi kedua dari XHTML;
HTML 5 (28 Oktober 2014) versi html saat ini.
Versi [draft] adalah versi yang tidak resmi dirilis ke pasaran. Bentuknya cuma masih dalam
draft speksifikasi saja.
Artinya..
Tidak ada yang menggunakan versi [draft] untuk membuat web.
Lalu, versi mana yang akan kita pakai?
Tentunya versi terbaru, yakni HTML 5.
6. Peralatan untuk Belajar HTML
Nah, sekarang.. Tiba saatnya kita praktik!
Tapi sebelum itu, Kalian harus siapkan beberapa alat yang akan digunakan untuk praktik.
Adapun peralatan yang harus Kalian persiapkan adalah:
1. Teks Editor untuk Menulis HTML
Teks editor akan kita gunakan untuk menulis kode-kode HTML. Kalian bebas menggunakan teks
editor apapun.
Notepad boleh, Notepad++ juga boleh..
Apapun teks editornya, yang penting bisa digunakan untuk membuat dan menulis dokumen
HTML.
Namun, pada tutorial ini.. kita akan menggunakan teks editor Visual Studio Code.
7. 2. Web Browser untuk Membuka HTML
Web browser akan kita gunakan untuk membuka HTML. Kalian juga bebeas menggunakan web
browser apapun.
Saran Saya sih.. gunakan web browser yang terbaru, karena kita juga akan menggunakan HTML
versi yang terbaru.
Firefox atau Google Chrome, Saya kira sudah cukup.
Membuat Dokumen HTML Pertamamu
Kini tiba saatnya, Kalian harus mencoba sendiri membuat dokumen HTML. Caranya sangat
mudah.
Mari kita mulai dengan membuka teks editor, lalu tulislah kode berikut.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar HTML #01</title>
</head>
<body>
<p>Selamat Datang Di SMK Al Azhar Batam</p>
</body>
</html>
Setelah itu, simpan dengan nama selamat.html.
8. Tips: buat Kalian yang menggunakan Notepad di Windows, simpanlah nama filenya dengan
menggunakan tanda petik "selamat.html" agar ekstensinya .html, bukan .txt.
Atau Kalian bisa aktifkan fitur show extension pada Windows Explorer, agar bisa tahu ekstensi
filenya.
Oke.. lanjut!
Sekarang cobalah buka file selamat.html dengan web browser.. maka hasilnya:
Selamat! 🎉
Kita sudah berhasil membuat halaman web pertama dengan HTML.
9. Kini giliran Saya menjelaskan maksud dari kode di atas, tapi sebelum itu.. Saya akan jelaskan
dulu tentang nama file untuk HTML.
Nama File untuk HTML
Ada beberapa hal yang perlu diperhatikan dalam membuat nama file HTML:
1. Extensi file HTML
Setiap file HTML harus berekstensi .html, .xhtml (untuk XHTML), dan .htm saja. Jika tidak
menggunakan ekstensi ini, maka ia tidak akan bisa dibaca oleh web browser.
Contohnya seperti ini:
Nama filenya adalah selamat.txt.
Sedah jelas, ini bukan file HTML, melainkan sebuah file teks biasa. Maka.. browser akan
menampilkan isi file tersebut apa adanya.
2. Nama Khusus untuk Homepage
Jika Kalian ingin membuat halaman untuk homepage, maka sebaiknya gunakan nama
index.html. Karena ia akan otomatis dibuka saat website dikunjungi.
Contohnya, saat Kalian membuka www.smkab.sch.id maka file HTML yang akan dibuka
adalah index.html yang berada di server SMK Al Azhar Batam
3. Hindari Beberapa Hal ini..
Penggunaan Spasi
Nama file HTML biasanya akan tercantum pada URL, maka sebaiknya hindari menggunakan
spasi pada nama file HTML, agar URL yang dibentuk lebih bagus.
10. Spasi pada URL, biasanya akan otomatis diubah menjadi %20.
Sebagai ganti spasi, Kalian bisa gunakan tanda min (-) atau undescore (_).
Jangan lupa!
Berikanlah nama file HTML dengan file yang biasa, hindari menggunakan huruf besar,
campuran dari huruf besar dan kecil, dan juga menggunakan simbol.
Contoh:
HeLLoWORLD.html
da*#$.html
Meskipun nama ini bisa valid, tapi kurang bagus untuk dibaca.. baik oleh manusia, maupun
mesin.
11. Baiklah, berikutnya kita akan pelajari tentang kode-kode HTML.
Struktur Dasar HTML
Berikut ini adalah kode HTML yang baru saja kita buat:
Penulisan kode HTML selalu dimulai dengan deklarasi DOCTYPE, lalau menuliskan tag <html>
dan di dalamnya terdapat tag <head> dan <body>.
Kalau kita perhatikan.. struktur dasar kode HTML terdiri dari tiga bagian penting:
1. Bagian Deklarasi
2. Bagian HEAD
3. Bagian BODY
Mari kita bahas satu-per-satu:
1. Bagian Deklarasi
Coba perhatikan kode pada baris pertama: <!DOCTYPE html>.
Ini adalah tag deklarasi untuk menyatakan tipe dokumen dan versinya. Pada contoh di atas, kita
menyatakan dokumen ini bertipe HTML dan versinya adalah HTML 5.
Nah, untuk HTML versi 4.. beda lagi cara deklarasinya.
12. Contoh untuk HTML 4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Cukup panjang bukan..
Lalu apakah boleh kita tidak menulis kode <!DOCTYPE html> ini?
Boleh-boleh saja.. dokumen HTML-nya akan tetap bisa dibuka di web browser. Tapi, ini
tentunya akan melanggar aturan standar yang dibuat W3C.
O ya, kita bisa mengecek.. apakah HTML yang ditulis sudah benar atau tidak di
https://validator.w3.org/.
Lanjut…
Berikutnya, di bawah tag deklarasi <!DOCTYPE html> terdapat tag pembuka untuk HTML:
<html lang="en">
Tag <html> wajib ada di setiap dokumen HTML..
13. Pada tag ini, kita memberikan atribut lang="en" untuk menyatakan kalau konten dokumen
HTML ini akan menggunakan bahasa inggris.
Nah di dalam tag <html> ini, terdapat dua tag penting lagi.. yakni: tag <head> dan tag <body>.
Setelah itu barulah terakhir tag HTML ditutup dengan </html>.
2. Bagian HEAD
Bagian HEAD adalah bagian kepala dari HTML. Dimulai dari tag <head> dan ditutup dengan
</head>.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar HTML #01</title>
</head>
<body>
<p> Selamat Datang di RPL XI SMK Al Azhar Batam!</p>
</body>
</html>
Pada bagian HEAD, biasanya digunakan untuk menuliskan tag-tag yang akan dibaca oleh mesin.
Seperti:
Tag meta untuk SEO;
Tag <title> untuk judul;
Tempat menulis kode CSS dan Javascript;
dan lain-lain.
3. Bagian BODY
Bagian BODY adalah bagian yang akan ditampilkan pada web browser. Penulisannya di mulai
dari tag <body> dan ditutup dengan </body>.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar HTML #01</title>
</head>
<body>
<p>Selamat Datang di RPL XI SMK Al Azhar Batam!</p>
</body>
</html>
Di sinilah nanti kita akan banyak menuliskan konten dengan berbagai macam tag. Saat ini kita
baru mengisinya dengan tag <p>. Tag <p> adalah tag yang digunakan untuk membuat paragraf.