Indeks dalam kaitannya dengan teks adalah offset karakter dari garis dasar ke atas atau ke bawah. Tergantung pada nilai offset positif atau negatif, indeks disebut atas atau bawah, masing-masing. Mereka secara aktif digunakan dalam matematika, fisika, kimia dan untuk menunjuk unit pengukuran. HTML menawarkan dua elemen untuk membuat indeks: (dari superskrip bahasa Inggris) - superskrip dan (dari subskrip bahasa Inggris) - subskrip. Teks yang ditempatkan di salah satu wadah ini dilambangkan lebih kecil dari teks dasar, dan digeser ke atas atau ke bawah relatif terhadapnya. Contoh 1 menunjukkan membagikan elemen dan gaya yang ditentukan untuk mengubah tampilan teks.
Contoh 1. Buat superskrip dan subskrip
Persamaan karakteristik permukaan derajat kedua
λ 3- SAYA 1λ 2+ aku 2- saya 3 = 0
Contoh berisi subskrip dan superskrip secara bersamaan. Untuk mengubah gaya font indeks, gaya diterapkan set itu desain seragam(gbr. 1).
Beras. 1. Tampilan indeks setelah menerapkan gaya
Anda benar-benar dapat menolak untuk menggunakan dan mendukung gaya. Sebuah analog dari elemen-elemen ini adalah properti perataan vertikal, memaksa teks untuk bergerak secara vertikal dengan jarak yang ditentukan. Secara khusus, Contoh 2 menggunakan 0.8em untuk superskrip dan -0.5em untuk subskrip sebagai nilainya. Em adalah unit relatif yang sama dengan ukuran font saat ini. Misalnya, 0.5em berarti teks harus digeser setengah dari ukuran font.
Contoh 2. Menggunakan Gaya untuk Mengelola Indeks
Polinomial derajat n
f (x) = a 0+ a 1 x + ... + a n-1 x n-1+ a n x n
Dalam contoh, rumus itu sendiri ditampilkan dalam ukuran yang diperbesar, karakter superskrip diatur dalam warna merah, dan yang lebih rendah - dengan warna biru (Gbr. 2).
Tag HTML dan - Teks Subskrip dan Superskrip
Definisi dan Penggunaan
Menandai mendefinisikan teks subskrip. Subskrip adalah setengah tinggi dan muncul di bawah garis dasar. Subscript dapat digunakan saat menulis rumus kimia seperti H 2 O.
Menandai mendefinisikan teks superskrip. Teks superskrip tingginya setengah dan muncul di atas garis dasar. Superscript dapat digunakan saat menulis catatan kaki seperti WWW.
Dukungan Peramban
Tag: dan didukung oleh semua browser utama.
Perbedaan Antara HTML dan XHTML
Atribut Standar
Kolom DTD menentukan di mana jenis dokumen HTML 4.01 / XHTML 1.0 DTD atribut diperbolehkan. S = Ketat, T = Transisi dan F = Frameset.
Tag: dan mendukung atribut standar berikut:
Atribut | Arti | Keterangan | DTD |
---|---|---|---|
kelas | nama kelas | Menentukan nama kelas untuk sebuah elemen | STF |
dir | rtl ltr |
Menentukan arah teks untuk konten dalam elemen | STF |
Indo | pengenal | Menentukan pengidentifikasi unik untuk suatu item | STF |
lang | bahasa_kode | Menentukan kode bahasa untuk konten elemen | STF |
gaya | definisi_gaya | Menentukan gaya sebaris untuk sebuah elemen | STF |
judul | teks | menunjukkan Informasi tambahan tentang barang | STF |
xml: lang | bahasa_kode | Mendefinisikan kode bahasa untuk konten elemen dalam dokumen XHTML | STF |
Pelajari lebih lanjut tentang Atribut Standar.
Atribut Acara
Tag: dan mendukung atribut acara berikut:
Atribut | Arti | Keterangan | DTD |
---|---|---|---|
klik | naskah | Skrip yang diklik mouse | STF |
klik ondbl | naskah | Skrip yang diklik dua kali | STF |
di atas mouse | naskah | Script untuk dijalankan dengan klik mouse | STF |
dimousemove | naskah | Script untuk dijalankan ketika pointer mouse dipindahkan | STF |
keluar dari mouse | naskah | Script untuk dijalankan ketika mouse bergerak di luar elemen | STF |
di atas mouse | naskah | Script untuk dijalankan ketika mouse bergerak di atas suatu elemen | STF |
di atas mouse | naskah | Script untuk dijalankan ketika tombol mouse dilepaskan | STF |
onkeydown | naskah | Script untuk dijalankan saat tombol ditekan | STF |
penekanan tombol | naskah | Script untuk dijalankan ketika tombol ditekan dan kemudian dilepaskan | STF |
onkeyup | naskah | Script untuk dijalankan ketika kunci dilepaskan | STF |
Informasi tambahan tentang
Halo. Terkadang, saat membuat halaman web, perlu untuk mengatur beberapa kata dengan menggunakan css huruf besar atau posisi superskrip. Mari kita lihat bagaimana ini dilakukan.
Huruf besar dan kecil dengan css
Secara umum, bahkan hari ini, Anda dapat menyertakan teks yang diinginkan dalam tag dan dapatkan tampilan yang Anda inginkan, tetapi mari kita lihat juga bagaimana hal ini dapat dilakukan dengan css, karena tekniknya sedikit berbeda.
Misalnya, Anda perlu menulis rumus H 2 O dalam dokumen html. Ini dilakukan seperti ini:
- Rumusnya sendiri tertulis
- Kata-kata dan angka-angka yang perlu ditampilkan dalam superskrip atau subskrip diapit dalam tag rentang, yang perlu diberi kelas. Sebagai contoh: karakter yang akan dikeluarkan
- Di css, Anda perlu mengatur elemen ini:
Indeks teratas (
Perataan vertikal: super;
}
Properti ini bertanggung jawab untuk perataan vertikal teks. Nilai supernya menentukan bahwa teks ditampilkan sebagai superskrip. Tetapi ukuran font tetap sama seperti untuk teks biasa. Untuk membuat segalanya terlihat lebih bagus, Anda juga perlu mengatur ukuran font sedikit lebih kecil menggunakan properti font-size.
Beginilah cara kerja properti. Dengan demikian, untuk ditampilkan dalam subskrip, Anda perlu menulis seperti ini:
Indeks teratas (
Perataan vertikal: sub;
}
Perbedaan dari tag html serupa adalah aturan ini tidak mengubah ukuran font, jadi jika Anda perlu melakukan ini, Anda harus mendaftar ukuran baru dalam lembar gaya.
Itu saja yang perlu Anda ketahui tentang superscript dan subscript di css. Properti tidak memberikan peluang tambahan, dan juga tidak diperlukan. Jika mau, Anda dapat menyesuaikan teks ini, tetapi ini jarang diperlukan.
Di mana itu bisa berguna?
Teks superskrip dan subskrip dapat digunakan saat menulis rumus, menambahkan catatan, dan tanda ke artikel. Misalnya, Wikipedia mencantumkan sumber dan catatan untuk setiap artikel. Dalam perjalanan artikel, mereka ditempatkan dalam bentuk superskrip kecil. Ini tidak mengganggu pembaca dan pada saat yang sama memungkinkan Anda untuk memberikan artikel tampilan yang diinginkan.
Properti ini sepenuhnya lintas-browser dan didukung di semua versi CSS.
CSS memungkinkan kustomisasi fleksibel dari teks yang disajikan menggunakan bahasa HMTL. Hari ini kita akan melihat efek dari properti "text-transform", yang memungkinkan untuk mengubah huruf besar/kecil. Opsi ini didukung oleh semua browser modern dan termasuk dalam spesifikasi semua versi CSS.
Janji temu
Properti "text-transform" dapat mengambil tiga nilai utama dan dua nilai tambahan. Misalnya, Anda dapat menetapkan huruf besar untuk semua teks yang dipilih. Atau Anda bisa memberikan perintah kebalikan dari properti sebelumnya, di mana semua karakter menjadi huruf kecil. Anda dapat membuat janji menggunakan metode apa pun yang nyaman bagi Anda. Misalnya, menggunakan gaya sebaris. Atau Anda dapat membuat
File terpisah dengan deskripsi semua properti. Cara penugasan mana yang akan digunakan terserah Anda. "Teks-transformasi" dapat mengambil nilai-nilai berikut:
- Huruf besar. Mengkapitalkan semua karakter yang dipilih. Huruf besar umum di CSS, karena nilai ini dapat membantu memecahkan banyak masalah terkait teks yang kompleks.
- Huruf kecil. Properti ini sepenuhnya berlawanan dengan perintah huruf besar.
- Kapitalisasi. Mengubah kasus huruf pertama menjadi huruf besar. Karakter lainnya tidak akan berubah.
- Tidak ada. Memungkinkan Anda membuang semua nilai yang ditetapkan (diperlukan untuk menentukan properti sebelumnya). Biasanya, nilai ini ditetapkan secara default.
- Mewarisi. Mewarisi semua properti dari elemen induk... Perlu dicatat bahwa IE tidak mendukung properti ini.
Aplikasi
DENGAN menggunakan CSS huruf besar (atau efek serupa) diatur dengan satu perintah sederhana. Oleh karena itu, tidak perlu mengubah atau menulis ulang seluruh teks. Jika kita berbicara tentang situs satu halaman, maka properti ini mungkin tidak berguna. Tetapi ketika Anda mengontrol portal besar di mana Anda perlu memperbaiki kasus huruf dalam fragmen tertentu, maka "transformasi teks" menjadi satu-satunya obat yang efektif... Misalnya, Anda perlu memperbaiki font di tag heading "h2". Untuk melakukan ini, tambahkan entri: "h2 (transform teks: huruf besar;)", dan kemudian semua judul tingkat kedua akan menjadi huruf besar.
Keunikan
Beberapa orang mungkin berpikir bahwa manipulasi teks manual dan perubahan font menggunakan properti "text-transform" tidak ada bedanya. Tapi ini tidak terjadi. Jika Anda mengubahnya secara manual menjadi huruf besar (huruf besar), maka saat Anda menyalin informasi ini dari situs Anda, karakternya akan tetap tidak berubah. Jika Anda menggunakan CSS, semuanya berbeda. Properti "text-transform" hanya mengubah font secara visual untuk pengguna. Namun pada kenyataannya, simbol-simbol itu tetap tidak berubah. Ini terjadi dengan semua nilai untuk properti ini. Informasi (teks) yang disalin akan memiliki register asli, yang digunakan dalam Kode sumber halaman. Ini adalah satu-satunya perbedaan antara pemrosesan manual dan menggunakan perintah CSS.
Tidak masalah yang mana yang ingin Anda gunakan - huruf kecil atau besar, yang utama adalah jangan melupakan tujuannya. Misalnya, jika Anda hanya memerlukan perubahan untuk tujuan dekoratif, maka Anda dapat menggunakan properti "text-transform" dengan aman. Nah, jika Anda tahu bahwa pengguna Anda mungkin akan menyalin informasi yang telah Anda posting, maka yang terbaik adalah mengubah huruf besar semua teks secara manual. Memang, terkadang pembaca tidak memperhatikan perubahan font seperti itu. Ini sangat penting jika menyangkut dokumen penting dan informasi serupa.
Dalam tutorial video terakhir, kami belajar cara menghapus dan menambahkan informasi baru v versi baru dokumen HTML, saat melaporkannya mesin pencari dan menyorot secara visual sehingga pengunjung dapat melihat perubahannya juga. Untuk ini, Kami telah menggunakan tag del dan ins.
Dalam tutorial video ini, kami melanjutkan topik memformat teks dalam dokumen HTML. Kita akan melihat dua tag HTML yang menunjukkan superskrip dan subskrip teks.
Tag sup HTML adalah superscript dari teks dalam HTML.
tag HTML adalah untuk menentukan superscript teks dalam HTML. Dalam beberapa topik situs, tag ini tidak akan tergantikan. Misalnya, jika Anda memiliki, atau sedang merencanakan, situs yang terkait dengan rumus, matematika, atau kimia apa pun. Atau, jika ada situs konstruksi, maka tag akan sangat berguna dan akan membantu dalam desain artikel, saat menulis rumus atau jumlah apa pun, misalnya, meter persegi dalam topik konstruksi.
Tetapi jika situs Anda tidak termasuk dalam topik yang terdaftar, ini tidak berarti bahwa tag tidak akan berguna. Cukup untuk menunjukkan imajinasi dan kecerdikan dan menemukan aplikasi untuk elemen ini.
Sub tag HTML - subskrip teks dalam HTML.
Adapun tag HTML maka itu adalah kebalikan dari tag , dan bertanggung jawab untuk menentukan subskrip teks. Subskrip teks dapat digunakan saat menulis rumus atau persamaan matematika. Namun selain itu, Anda mungkin dapat menemukan kegunaan lain dari tag tersebut. .
Pelajaran Video berikutnya dikhususkan untuk dua tag lagi, yang dalam beberapa situasi bisa jadi tidak tergantikan. Selain itu, mereka tidak hanya dapat memformat teks, misalnya, dalam artikel, tetapi juga saat menentukan berbagai informasi di situs selama tata letak halaman. Salah satu tag terbungkus dalam HTML, dan yang lainnya menggambar garis horizontal.