Pemrograman Web - Pemformatan

-
Nama    : M Yasfa Zamzami
Sekolah : SMKN 4 Bandung
Kelas     : XI RPL 1
Assalamualaikum wr.wb
Apa Kalian tau apa itu Pemformatan Teks?
Itu loh ynag ngebuat tulisan jadi Tebel, Miring , ataupun digaris bawahin!

Nah, di Html juga ada beberapa Tag pemformatan yang bisa kita pakai diantaranya:




 Pemformatan Keluaran Komputer


Citation, Quotation, dan Definition Tags
Mari kita Coba satu demi Satu

Format Teks
Disini kita akan mencoba beberapa Tag Format Teks yang ada di HTML
Coba ketik Kode ini di Notepad dan Save dengan ekstensi .html:




Hasilnya adalah seperti ini:





Dari sana bisa kita Lihat bahwa Bold dan Strong akan membuat Teks Tebal. Emphasize dan Italic akan membuat Teks Miring. Big akan membuat ukuran Teks lebih besar. Subscript membuat tulisan kecil di bagian Bawah Dan Superscript membuat tulisan kecil di atas.


Pre Format
Sekarang kita akan menggunakan Tag Pre Format coba ketikan Kode berikut


Dan beginilah Hasilnya




Dan ada Contoh dari Pre Formatted yang lainya. Coba ketikan yang satu ini


Dan beginilah hasilnya:


Dari situ kita bisa melihat bahwa tag <pre> berfungsi untuk menampilkan Teks sesuai dengan keadaan aslinya di file.html. Kita bahkan bisa menampilkan Kode Bahasa pemrograman dengan tag Pre Formatted


Quotation
Setelah mencoba Pre Formatted mari kita coba Quotation. Ketik kode berikut:

Dan beginilah hasilnya


Dari sini bisa kita lihat bahwa tag Quotation <blockquote> digunakan untuk membuat tulisan menjadi Paragraf yang menjorok

Raspberry Bakewell Cake
Ini adalah salah satu contoh Hasil dari Pemformatan. Coba ketikan kode ini


Dan beginilah hasilnya:


Meskipun tanpa Gambar tetapi tetap terlihat Menarik bukan?

Marked Formatting
 Marked Formatting terdiri dari <del> dan <mark> dengan fungsinya masing masing. Coba Ketik kode ini untuk melihatnya

Seperti ini hasil keluaranya:


Bagian yang ditandai warna kuning itu adalah efek dari tag <mark> dan Kata Pink yang dicoret dibagian tengahnya adalah efek dari <del>

Crispy and Creamy Doughnuts
Ini adalah Contoh penggunaan Format Teks terakhir dalam Artikel ini.
Coba ketik Kode ini:


Dan beginilah hasil akhirnya:



Sekian untuk Artikel kali ini. Terimakasih. Wassalamualaikum wr.wb

Komentar

Posting Komentar

Postingan populer dari blog ini

Perintah dasar C++ ( + Contoh)

-
Gambar
         Pada kesempatan kali ini saya akan membahas beberapa Perintah dasar dalam C++. Langsung saja  Gan 1.       Perintah Cout     Cout adalah singkatan dari “ Character Output ” atau “Console Output” ada juga yang bilang “ Computer Output ” .  Fungsinya adalah untuk menampilkan Teks. Penulisan atau Sintaks nya adalah :    cout  << “Teks anda disini”;          Anda juga bisa menampilkan Variabel dan hasil perhitungan dengan perintah Cout. Penulisanya seperti ini: cout  <<  Variabelku;  (Untuk menampilkan Variabel) cout  <<  3 + 7; (Untuk menampilkan Perhitungan)   Untuk pindah ke baris selanjutnya (Mirip Enter) kita bisa memasukan perintah endl (Endline) atau \n (Newline) berikut penulisanya: cout  << "Teks anda disini " << endl; cout  << "Teks anda ...
Baca selengkapnya

Analisis Web - Code Wars

-
Gambar
Yasfa Zamzami - XI RPL 1 Assalamualaikum Wr.wb Pada Artikel kali ini kita akan melakukan sesuatu yang sedikit berbeda dengan Artikel yang lain. Dalam Artikel lain, Biasanya kita belajar Ngoding . Namun pada Artikel kali ini kita akan Menganalisis Salah Satu Situs E - Learning yang ada di Internet disini kita akan Menganalisis Situs Code Wars Apa itu Code Wars? Jadi, Code Wars adalah Website E Learning (Pembelajaran Online) yang memberikan beberapa Latihan atau Tantangan yang bisa kita ikuti untuk menguji Skill kita. Code Wars adalah situs Pembelajaran Koding yang menggunakan tema "Bela Diri" Dalam Code Wars Codewarrior (User) memiliki Level dari 7 kyu sampai 2 Dam (Urutan : 7 kyu, 6 kyu, 5 kyu, 4 kyu, ..... , 1 dam, 2 dam) Untuk meningkatkan Peringkat  Codewarrior  harus mendapatkan Honor dengan cara menyelesaikan Kata.  Kata? apa itu? susunan Huruf yang menyusun Kalimat? Bukan, bukan itu, Kata disini diambil dari Istilah Bela Diri yang ...
Baca selengkapnya

Pemrograman Web - PBO dalam JavaScript

-
Assalamualaikum Pada Artikel kali ini kita akan belajar tentang PBO sederhana dalam JavaScript Dalam PBO kita akan banyak menggunakan Fungsi jadi saya sarankan untuk membaca Artikel sebelumnya tentang Fungsi pada JavaScript Definisi PBO Apa itu PBO? PBO (Pemrograman berbasis Objek) atau bahasa keren nya OOP (Object Oriented Programming) adalah cara ngoding yang berfokus pada Objek. Terus kalau Objek apa? Objek itu sendiri adalah sekumpulan Variabel , Fungsi , dan Prosedur, yang disatukan dalam 1 Class lalu diperlakukan layaknya Objek di dunia Nyata. Misalnya kita mau buat Objek Nyamuk. Kita tentuin Sifat dari Nyamuk itu apa aja terus jadiin jadi Variabel. Lalu setelahnya, kita tentuin Tindakan yang bisa dilakukan nyamuk itu apa aja terus jadiin Fungsi atau Prosedur. Misalnya gini nih: Objek : Nyamuk  Variabel: - Usia - Kecepatan Terbang - Darah yang dihisap Fungsi / Prosedur: - Terbang -  Menghisap Darah PBO dalam JavaScript Barusan itu sediki...
Baca selengkapnya