Belajar HTML Part 10 : Membuat Format code pada HTML
Membuat Format code pada HTML
format code html digunakan untuk membuat sebuah text dari code komputer. format code pada HTML di tulis dengan menggunakan tag <code>. code ini diletakkan dalam <body> yang berada dalam dokumen HTML. web browser akan menampilkan elemen atau teks yang berada dalam <code> sama dengan tampilan kita menuliskan kode aplikasi kedalam text editor .
Isi dari tag code tidak akan di eksekusi oleh browser, tetapi akan di tampilkan dalam bentuk text yang berformat syntax atau kode program.
<code> pada HTML termasuk kelompok inline level element, dan mengikuti alur text yang ada. penulisan format code ini misalkan dalam penulisan syntak yang akan ditampikan kedalam halaman web, maka untuk menampilkannya bisa menggunakan <code> pada bagian <body> HTML.
Berikut adalah contoh cara penulisan dan penggunaan tag <code> di dalam HTML:
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <title>belajar membuat format kode HTML</title> </head> <body> <p>HTML ---> ini menggunakan tag paragraf</p> <code>HyperText Markup Language ---> ini menggunakan tag code , syntax kode program dapat di ketikkan di sini dan tidak akan di eksekusi sebagai program, tetapi di tampilkan dengan text yang berformat kode program</code> </body> </html> |
Membuat Format code pada HTML
dari contoh di atas dapat anda lihat perbedaan antara <code> dengan <p>. salah satu perbedaan yang paling menonjol adalah font yang digunakan.
jadi, kesimpulannya : <code> digunakan dalam penulisan code program dalam halaman web. salah satu contoh penggunaan <code> dalam aplikasi adalah dalam pembuatan text editor online.
Tutorial HTML Dasar Lainnya
Belajar HTML Part 1 : Pengertian HTML
Belajar HTML Part 2 : Memilih Text Editor
Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML
Belajar HTML Part 4 : Heading Pada HTML
Belajar HTML Part 5 : Format Text Pada HTML
Belajar HTML Part 6 : Membuat Paragraf Pada HTML
Belajar HTML Part 7 : Membuat Table Pada HTML
Belajar HTML Part 8 : Membuat Hyperlink Pada HTML
Belajar HTML Part 9 : Membuat List Pada HTML
Belajar HTML Part 10 : Membuat Format Code Pada HTML
Belajar HTML Part 11 : Membuat Form Pada HTML
Belajar HTML Part 12 : Atribut Form Pada HTML
Belajar HTML Part 13 : Membuat Symbol Pada HTML
Belajar HTML Part 14 :Menampilkan Gambar Pada HTML
Belajar HTML Part 15 : Tag Iframe Pada HTML
Tutorial Menarik Lainnya
Membuat Navbar Responsive dengan HTML dan CSS
Contoh Coding HTML Website Biodata, Dan Cara Membuatnya
Membuat Show Hide Password Di HTML
Membatasi Jumlah Karakter Input HTML
