HTML
HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup language karena HTML berfungsi untuk ‘memperindah’ file teks biasa untuk ditampilkan pada program web browser hal ini dilakukan dengan menambahkan elemen atu sering disebut sebagai tag-tag pada file teks biasa tersebut. Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan symbol lebih besar (). Pasangan dari sebuah tag ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag adalah. Dalam hal ini kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut atribut untuk mengatur elemen itu.
- Latihan 1
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Latihan.html
Pada HTML tersebut kita dapat belajar heading dan garis untuk pembatasan antara yang atas dan bawah. Di dalam html tersebut menggunakan beberapa heading, headingnya ada heading tipe 1 yang paling besar sampai dengan heading tipe 6 yang kecil, semakin besar angka heading maka semakin kecil font yang didapat. Lalu ada align=”center” itu digunakan untuk membuat tengah kalimat pembukaan UUD 1945. Dan juga ada <p> untuk membuat suatu paragraf.
- Latihan 2
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Latihan%202.html
Di dalam html diatas terdapat tanda bundar hitam yang digunakan untuk list, dengan coding <li> kita dapat menlist codingan tersebut bisa dengan angka atau sebuah simbol. Lalu disana ada tulisan dengan beberapa format yang berbeda ada yang tebal, miring, garis bawah, pangkat, stabilo kuning, dan coret huruf. Cara membuat format tersebut terdapat beberapa codingan tersendiri contohnya untk membuat format tebal menggunakan <b> yang artinya bold lalu format miring menggunakan <i> yang artinya italic,dll.
- Latihan 3
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Latihan%203.html
HTML diatas adalah codingan untuk membuat list menggunakan urutan seperti urutan angka, abjad, romawi dan ada juga list yang tidak berurutan karena hanya menggunkan simbol.
- Latihan 4
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Latihan%204.html
HTML diatas digunakan untuk menaruh sebuah gambar pada html. Gambar tersebut bisa di customize sendiri tinggi, lebar, panjang, dll. Ada juga cara untuk menaruh text disamping gambar atau dibawah gambar. Jika ingin menaruh gambar bisa di download lalu ditaruh di dalam satu folder atau link dari google. Apabila gambar tidak bisa muncul karena tidak ada internet disitu akan muncul tulisan yang sudah dibuat pada alt.
- Latihan 5
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Latihan%205.html
HTML pada latihan ini digunakan sebagai multimedia jadi berisi tentang audio dari sebuah video lalu juga ada tampilan dari video yang dibagikan pada html tersebut. Pada audio digunakan untuk mengganti jika video tidak bisa diputar/ jika browser tidak support video.
- Latihan 6
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Latihan%206.html
Pada HTML ini digunakan untuk membuat tabel pada html terdapat beberapa elemen untuk membuat tabel pada HTML contohnya rowspan yang digunakan untu membuat baris lalu ada coolspan yang digunakan untuk membuat kolom pada HTML.
- Latihan 7
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Latihan%207.html
HTML yang kedua ini hampir sama dengan yang pertama bedanya ini bisa memenuhi beberapa kolom untuk dijadikan satu, agar tidak menguulang penginputan datanya. Lalu diberi border rownspan-collapse:collapse yang digunakan agar tabel itu tidak dobel atau 2 kali lipat seperti ada kolom didalam kolom maupun baris di dalam baris
- Latihan 8
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Latihan%208.html
HTML diatas ini hampir sama dengan yang di latihan 7, jadi agar bisa dibuat untuk mendefinisikan satu materi yang isinya ada materi materi yang akan diajarkan itu digunakan rowspan agar semua materi yang tercantum pada HTML dapat dijadikan satu dan lebih terdefinisi/ terarah.
- Latihan 9
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Latihan%209.html
HTML diatas yaitu membuat form pengisian biodata seseorang,
- Latihan 10
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Latihan%2010.html
HTML diatas merupakan cara untuk menyebarkan link lewat HTML, jadi bisa mencantumkan beberapa link untuk langsung bisa dibuka link tersebut dengan mudah, karena sudah terarah.
- Praktikum 1
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Praktikum%201.html
Praktikum diatas merupakan isi dari Pancasila, jadi agar gambar dan tulisannya sama atau seirama diperlukan customize gambar dan teks, customize text dan gambar diperlakukan sama agar peletakannya juga sama. Seperti jika gambarnya harus terletak di kiri maka text nya juga harus berada di kri, dan sebaliknya.
- Praktikum 2
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Praktikum%202.html
HTML diatas merupakan sebuah resep roti mariam, cara membuat roti mariam yang mudah, beserta contoh gambarnya. Gambarnya juga bisa di customize sesuai apa dengan langkah langkah yang dijelaskan.
- Praktikum 3
https://github.com/najmi10/Dasar-Dasar-HTML/blob/master/Praktikum%203%20baruu.html
Pada HTML diatas juga cara membuat tabel absensi siswa dengan memakai beberapa elemen pada HTML juga sudah bisa jadi sebuah tabel yang seperti itu. Beberapa elemennya yaitu <td> untuk menambahkan kolom disamping, <tr> untuk membuat kolom ke bawah, dll.
Naisya Najmi 