|
|
|
Teks yang dibuat dalam font monospace dibuat menggunakan tag
,
Dan
. Hasil penerapan tag ini biasanya identik: font monospace dengan ukuran dan spasi karakter tetap.
Menandai
Menandai
- elemen wadah sebaris yang digunakan untuk memasukkan fragmen kecil kode program ke dalamnya, misalnya, dalam dokumen web yang mewakili tutorial pemrograman. Browser menampilkan kode tersebut dalam font monospace (misalnya, Courier New). Jika Anda menggunakan ero dengan elemen
Menandai
digunakan untuk memasukkan teks tanpa pemformatan, yaitu dengan mempertahankan semua spasi, tab, dan jeda baris. Di dalam elemen ini, sebagian besar elemen pemformatan teks dapat diterapkan.
Perhatian: Dalam HTML, jeda baris, spasi berurutan, dan tab diabaikan. Beberapa spasi dalam satu baris diperlakukan sebagai satu spasi.
Contoh: Menggunakan Elemen
Dan
Di dalam sebuah elemen
Peramban menggandakan setiap spasi atau jeda baris yang ditemuinya, mempertahankan pemformatan asli Anda.
Jika (document.getElementsByClassName) ( x = document.getElementsByClassName("pagination") if (x.length>y) ( x.style.visibility = "hidden"; )
Di dalam elemen "pra", browser menggandakan setiap spasi atau baris yang ditemuinya, mempertahankan pemformatan asli Anda.
jika (document.getElementsByClassName) ( x = document.getElementsByClassName("pagination") if (x.length>y) ( x.style.visibility = "hidden"; )
tag
Dan
Menandai
menandai cuplikan kode sebagai masukan pengguna. Beberapa browser menandai teks tersebut dengan latar belakang tambahan.
Menandai
digunakan untuk menghasilkan keluaran komputer, seperti teks yang ditampilkan di jendela konsol setelah Anda memasukkan skrip kontrol. Elemen yang jarang digunakan ini hanya merender kontennya dalam font monospace seperti
,
,
.
Contoh: elemen
Dan
Teks yang harus dimasukkan pengguna dari keyboard dimasukkan
elemen wadah "kbd".
Masukkan teks: Ini adalah teks yang dimasukkan dari keyboard
Ini adalah teks yang ditempatkan di wadah "samp".
Menandai
Menandai
digunakan untuk tujuan pemilihan variabel tambahan dalam kode program. Ini mendefinisikan variabel dalam ekspresi matematika atau parameter program dan biasanya ditampilkan dalam huruf miring.
Contoh: elemen
Energi kinetik tubuh:
Energi kinetik tubuh:
WKe = May2/2
Tugas
Tugas akhir
Dalam pelajaran ini, Anda belajar tentang tag yang menampilkan kontennya dalam font monospace, menyorot variabel dalam kode, dan tag praformat. Semuanya penting saat bekerja dengan ekspresi matematika dan kode program.
Saatnya meninjau apa yang telah Anda pelajari dan menyelesaikan tiga tugas sederhana:
Variabel
Menggunakan elemen html, tentukan huruf y sebagai variabel dalam persamaan di atas.
Variabel
Persamaan parabola y = Nx 2
Variabel
Persamaan parabola y= Nx 2
Teks yang telah diformat sebelumnya
Dengan menggunakan elemen HTML, pastikan teks yang ditempatkan di elemen kode ditampilkan oleh browser, dengan semua spasi dan jeda baris dipertahankan sebagaimana adanya.
Perkenalan
bbCode — Kode Papan Buletin, atau bahasa markup, digunakan untuk memformat pesan di banyak papan buletin (BBS) dan forum. Pemformatan teks menggunakan tag yang mirip dengan tag HTML. Tidak seperti tag HTML, tag bbCode diapit tanda kurung siku. Sebelum menampilkan halaman, mesin forum mem-parsing teks dan mengubah bbCode menjadi kode HTML.
Di banyak forum, kemampuan untuk menggunakan kode BB dikonfigurasikan oleh administrator secara individual untuk setiap bagian forum. Oleh karena itu, sebelum menggunakan kode BB dalam pesan, Anda perlu memastikan bahwa kode tersebut diizinkan.
Pemformatan font
Tag dasar untuk bekerja dengan teks:
[p] Paragraf berindentasi reguler.
Paragraf yang bisa diberi gaya.
* Selanjutnya, "style" adalah analog dari style dalam HTML.
teks serupa dalam HTML teks
** Dengan tag [p], Anda dapat menggunakan tag lain seperti [b], [i], [s], dll.
Teks yang propertinya dapat diubah menggunakan gaya.
Area terbatas yang dapat ditata untuk mengubah propertinya (position, border, padding, properti konten, dll.).
* Secara default, batas area tidak terlihat. Mungkin ada beberapa area dalam satu halaman sekaligus.
Pemformatan teks:
[B] Teks penting, tebal
[Saya] Teks penting, miring
Hanya berani
Hanya kursif
[kamu] Teks yang digarisbawahi
[s] Teks yang dicoret - mirip dengan opsi
Font yang diperkecil
Tanda catatan kaki di atas atau indeks di bawah teks
Teks yang dihapus
Ukuran huruf:
huruf 13 titik
huruf 15 titik
Ukuran font 9 piksel
Ukuran font 12px
Ukuran font 15px
Ukuran 0
Ukuran +1
Ukuran +2
Kemungkinan ukuran font (evaluasi visual) tersedia.
Judul:
Judul tingkat 1
Judul tingkat 2
Judul tingkat 3
Judul tingkat 4
Judul tingkat 5
Judul tingkat 6
Memformat teks dengan font:
Font Komik Sans Ms
Font Corsiva Monotipe
jenis huruf Tahoma
Opsi jenis font yang memungkinkan (nama dan evaluasi visual) tersedia.
Menghias teks dengan warna:
teks merah
* Anda dapat menggunakan sebutan verbal standar untuk warna: Merah, Hijau, Biru, dll.
Teks biru
* Angka #0000ff berarti warna biru pada palet RGB.
latar belakang biru
* Warna latar belakang juga bisa diubah.
Teks biru, latar belakang abu-abu
Beberapa warna standar:
Hitam Putih Merah Hijau Biru Ungu Batu Bata Maroon OrangeMerah Tengah MalamBiru CornflowerBiru
Cyan Yellow Magenta DarkGreen DarkGoldenrod Gold Orchid BlueViolet Burlywood PeachPuff
Beberapa warna dalam kode heksadesimal - intensitas merah, hijau dan biru (RR GG BB):
#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #0A5CC0FF0 #0DACC2FF0 #0DACC2FF0 #FFA500 #C71585 #8B008B #CC33FF
Kemungkinan varian palet warna dan kode/namanya tersedia.
Perataan teks dan pemformatan paragraf
Perataan teks:
Ratakan teks ke kiri
Sejajarkan kiri dengan gaya
Perataan dalam paragraf ke kiri
Perataan teks tengah
Perataan tengah dengan gaya
Perataan tengah dalam paragraf
Teks rata kanan
Sejajarkan kanan dengan gaya
Perataan kanan paragraf
Ratakan teks di kedua sisi
Sejajarkan di kedua sisi dengan gaya
Penjajaran paragraf di kedua sisi
* Pembenaran teks di kedua sisi ditampilkan untuk teks yang lebih panjang dari satu baris.
Memformat catatan kaki (komentar) dengan indentasi paragraf:
[q] Kutip sejalan
Penawaran sesuai dengan properti
Teks yang dikutip di blok terpisah, yang akan dimiliki
lekukan kecil di sebelah kiri dan desain khusus (gaya forum).
Contoh:
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Memformat paragraf dan area:
Halo! Dalam paragraf ini, kalimat pertama akan berasal dari garis "merah", yaitu. bertakuk. Sama seperti dalam tipografi. Benar, ini adalah praktik yang jarang terjadi di Internet. Paragraf harus dipisahkan hanya dengan spasi kosong.
Teks yang diformat sebelumnya mempertahankan indentasi ke kiri dan di antara kata, dan menyetel indentasi ke apa pun yang Anda tetapkan sebagai spasi. Peringatan! Tag tidak secara otomatis memutus garis!
Pemformatan Daftar
Gunakan tag atau untuk daftar berpoin:
- Salah satu item daftar
- Item lain seperti itu
- Satu poin lagi.
[*] Item serupa lainnya
[*] Satu poin lagi.
Untuk daftar bernomor, gunakan tag:
- Salah satu item daftar
- Item lain seperti itu
- Satu poin lagi.
[*] Salah satu item daftar
[*] Item serupa lainnya
[*] Satu poin lagi.
Tag penutup bersifat opsional:
- Salah satu item daftar
- Item lain seperti itu
- Satu poin lagi.
[*] Salah satu item daftar
[*] Item serupa lainnya
[*] Satu poin lagi.
Dimungkinkan juga untuk secara langsung menentukan jenis daftar:
- daftar bernomor
- daftar abjad
- daftar bernomor dengan angka Romawi
Gambar-gambar
Http://img.cx/img/primer.jpg - contoh menyisipkan gambar.
Http://img.cx/img/primer.jpg - gambar di sebelah kiri.
Http://img.cx/img/primer.jpg - gambar di sebelah kanan.
* Kode ini mirip dengan kode di HTML:
Http://img.cx/img/primer.jpg - gambar di tengah.
* Kode ini mirip dengan kode di HTML:
Tag serupa dengan nama dan tooltips:
Penting! Anda tidak dapat menggunakan tanda kutip pada judul gambar!
Http://img.cx/img/primer.jpg - contoh menyisipkan gambar.
Http://img.cx/img/primer.jpg - gambar di sebelah kiri.
Http://img.cx/img/primer.jpg - gambar di sebelah kanan.
Http://img.cx/img/primer.jpg - gambar di tengah.
Gambar dengan ukuran yang ditunjukkan:
Http://img.cx/img/primer.jpg - contoh gambar dengan ukuran.
* Kode ini mirip dengan kode di HTML:
Http://img.cx/img/primer.jpg - gambar di sebelah kiri, dengan ukuran.
Http://img.cx/img/primer.jpg - gambar di sebelah kanan, dengan ukuran.
Memasukkan gambar besar dengan scrollbar:
Http://www..jpg — gambar di area yang dipilih jika lebih besar dari ukuran tampilan yang tersedia di forum.
Alamat - buka gambar di jendela baru.
* Kode ini mirip dengan kode di HTML:
Alamat - buka gambar di jendela yang sama.
* Kode ini mirip dengan kode di HTML:
Karakter HTML khusus adalah potongan kode pendek yang disebut entitas karakter. Mereka digunakan untuk menampilkan karakter yang memiliki arti khusus dalam HTML, serta karakter yang tidak tersedia di keyboard.
Karakter khusus dalam HTML disebut karakter khusus. Misalnya, kiri<) и правые (>) kurung sudut dicadangkan dalam HTML untuk menentukan tag pembuka dan penutup.
Simbol-simbol yang tidak tersedia di papan ketik termasuk simbol-simbol seperti simbol hak cipta (©) dan nilai matematis pi.
Jika kita ingin menggunakannya dalam dokumen dan menampilkannya di browser, kita perlu menggunakan referensi karakter HTML.
Contoh praktis
Katakanlah Anda ingin menampilkan blok HTML di halaman web sehingga tag elemen ditampilkan. Anda dapat melakukan ini hanya dengan meletakkan satu blok HTML di dalam tag . Tetapi Anda akan menemukan bahwa bahkan , blok tersebut akan tetap diperlakukan sebagai kode HTML dan dirender oleh browser sebagaimana mestinya. Dalam hal ini, Anda dapat mengganti semua karakter HTML khusus dengan tautan simbolis yang sesuai sehingga browser tidak menguraikan kode:
Ini adalah daftar item.
- Daftar Item A
- Daftar Item B
- Daftar Item C