Tag HTML dan - Teks Subskrip dan Superskrip
Definisi dan Penggunaan
Menandai mendefinisikan teks subskrip. Subskrip adalah setengah dari tinggi dan muncul di bawah garis dasar. Subscript bisa digunakan saat menulis rumus kimia seperti H 2 O.
Menandai mendefinisikan teks superskrip. Tinggi teks superskrip adalah setengah dan muncul di atas garis dasar. Teks superskrip dapat digunakan saat menulis catatan kaki seperti WWW.
Dukungan Browser
Tag dan didukung oleh semua browser utama.
Perbedaan Antara HTML dan XHTML
Atribut Standar
Kolom DTD menentukan dalam jenis dokumen DTD HTML 4.01 / XHTML 1.0 DTD atribut diperbolehkan. S \u003d Ketat, T \u003d Transisi dan F \u003d Frameset.
Tag dan mendukung atribut standar berikut:
Atribut | Nilai | Deskripsi | DTD |
---|---|---|---|
kelas | nama kelas | Menentukan nama kelas untuk sebuah elemen | STF |
dir | rtl ltr |
Menentukan arah teks untuk konten dalam sebuah elemen | STF |
indo | pengenal | Menentukan pengenal unik untuk sebuah item | STF |
lang | kode_bahasa | Menentukan kode bahasa untuk konten sebuah elemen | STF |
gaya | style_definition | Menentukan gaya sebaris untuk sebuah elemen | STF |
judul | teks | Menentukan informasi tambahan tentang suatu item | STF |
xml: lang | kode_bahasa | Mendefinisikan kode bahasa untuk konten elemen dalam dokumen XHTML | STF |
Informasi lebih lanjut tentang Atribut Standar.
Atribut Peristiwa
Tag dan mendukung atribut acara berikut:
Atribut | Nilai | Deskripsi | DTD |
---|---|---|---|
onclick | naskah | Skrip yang diklik mouse | STF |
ondblclick | naskah | Skrip yang diklik dua kali | STF |
onmousedown | naskah | Script akan dijalankan dengan klik mouse | STF |
onmousemove | naskah | Script akan dijalankan saat penunjuk mouse digerakkan | STF |
onmouseout | naskah | Script akan dijalankan ketika mouse bergerak keluar dari elemen | STF |
onmouseover | naskah | Script akan dijalankan ketika mouse bergerak di atas sebuah elemen | STF |
onmouseup | naskah | Script akan dijalankan ketika tombol mouse dilepaskan | STF |
onkeydown | naskah | Script akan dijalankan ketika tombol ditekan | STF |
onkeypress | naskah | Script akan dijalankan ketika tombol ditekan dan kemudian dilepaskan | STF |
onkeyup | naskah | Script akan dijalankan ketika kunci dilepaskan | STF |
Informasi tambahan tentang
Untuk beberapa pelajaran sekarang, kami telah terbiasa memformat teks dengan CSS, dan kali ini kami belajar mengubah kapitalisasi teks. Dalam hal ini, cascading style sheets membuka peluang yang sangat luas bagi kami, atau lebih tepatnya, kami dapat:
- Tampilkan semua teks dengan huruf kapital;
- Pilih semua teks dalam huruf kecil;
- Buat huruf pertama dari setiap kata dimulai dengan huruf besar.
"Ini semua bagus, tentu saja, tetapi kapan Anda mungkin membutuhkannya?" - Anda bertanya. Bayangkan situasi di mana Anda ingin menampilkan semua item menu dengan huruf kapital. Untuk melakukan ini, Anda tidak perlu mengetiknya, termasuk tombol CapsLock, atau sambil menahan tombol Shift. Ini akan cukup untuk mengatur semua item daftar untuk ditampilkan dalam huruf besar dengan membuat aturan yang sesuai di file CSS. Dan ini hanyalah salah satu dari banyak kemungkinan situasi.
Properti text-transform
Kami akan mengontrol kasus teks menggunakan properti text-transform. Ini memiliki 4 nilai utama - huruf besar (huruf kapital), huruf kecil (huruf kecil), huruf besar (huruf besar untuk setiap huruf pertama dari kata tersebut, nilai lainnya tidak berubah), tidak ada (tidak ada pemformatan yang diterapkan) . Sekilas, semua ini mungkin tampak sangat rumit bagi Anda.
![](https://i0.wp.com/site4business.net/wp-content/uploads/2015/11/neznakomoe-CSS-svojstvo.jpg)
Tetapi dalam praktiknya, semuanya cukup sederhana, seperti yang akan Anda lihat sekarang. Hal utama adalah memilih pemilih yang tepat, karena nilai properti text-transform diwariskan.
Menyoroti dengan huruf kapital
Hal pertama yang saya sarankan adalah menggunakan huruf besar semua teks, yang kita buat aturan CSS berikut ini:
Isi (transformasi teks: huruf besar;)
Pada prinsipnya tidak rumit, kita hanya menggunakan nilai huruf besar. Seperti yang mereka katakan, semuanya intuitif. Beginilah tampilannya dalam kehidupan nyata:
![](https://i2.wp.com/site4business.net/wp-content/uploads/2015/11/uppercase.jpg)
Huruf kecil - berlaku untuk semua
Pada langkah berikutnya, mari terapkan huruf kecil di mana-mana, yang akan kita tulis sebagai berikut:
Isi (transformasi teks: huruf kecil;)
Seperti yang mungkin sudah Anda duga, dua arti yang baru saja kita temui agak berlawanan. Dan pada ilustrasi di bawah ini, Anda dapat melihat hasil dari properti yang baru dibuat.
![](https://i2.wp.com/site4business.net/wp-content/uploads/2015/11/lowercase.jpg)
Huruf besar huruf pertama dari setiap kata
Untuk melakukan ini, kita hanya perlu menggunakan nilai yang sesuai:
Isi (text-transform: capitalize;)
Saya tidak tahu seberapa sering Anda akan menggunakan aturan CSS seperti itu, tetapi tidak ada salahnya Anda mengetahui tentang kemungkinan ini, terutama saat menyelesaikan masalah yang tidak sepele. Hasilnya bisa dilihat pada gambar di bawah ini.
![](https://i0.wp.com/site4business.net/wp-content/uploads/2015/11/capitalize.jpg)
Akhirnya, mari kita lihat sekilas nilai terakhir, tidak ada. Seperti yang saya katakan, ini dapat digunakan untuk membalikkan warisan dari orang tua. Misalnya, bayangkan bahwa kita memiliki semua aturan sebelumnya yang berlaku, dan untuk paragraf kita harus membatalkannya, untuk ini kita menulis yang berikut:
P (text-transform: none;)
Saya berani berasumsi bahwa Anda memahami segalanya, jika tidak - ajukan pertanyaan Anda di komentar. Dan itu semua untukku. Semoga tutorial CSS ini bermanfaat bagi Anda. Jika itu benar:
- Repost artikel ini di jejaring sosial sehingga lebih banyak orang bisa mendapatkan keuntungan darinya;
- Berlangganan buletin saya agar tidak ketinggalan posting blog yang bermanfaat dan menarik.
Tentang ini saya tidak mengucapkan selamat tinggal kepada Anda. Terima kasih atas perhatiannya dan sampai jumpa di publikasi berikut!
Ubah huruf kecil menjadi huruf kecil dan huruf besar pertama menggunakan CSS (8)
Tidak ada opsi saran batas di CSS. Jawaban lain yang menyarankan text-transform: capitalize salah karena parameter ini digunakan setiap kata untuk setiap kata .
Sini kasar cara melakukannya jika Anda mau huruf pertama dari setiap item adalah dalam huruf besar, tapi jelas tidak mendekati batas sebenarnya:
P (transformasi teks: huruf kecil;) p: huruf pertama (transformasi teks: huruf besar;)
INI ADALAH CONTOH KALIMAT.
INI ADALAH CONTOH KALIMAT LAIN. DAN INI ADALAH LAGI, TAPI SEPENUHNYA AKAN LEBIH RENDAH.
Bagaimana saya bisa mengubah huruf UPPERCASE menjadi huruf kecil dan huruf besar pertama untuk setiap kalimat seperti yang ditunjukkan di bawah ini hanya dengan menggunakan CSS?
Dari: INI ADALAH CONTOH APLIKASI.
Untuk: Ini adalah saran kasar.
Memperbarui: ketika saya menggunakan text-transform: capize; Hasilnya tetap sama.
Anda tidak dapat melakukan ini hanya dengan CSS. Ada atribut text-transform, tetapi hanya tidak menerima apa pun, menggunakan huruf besar, huruf besar, huruf kecil, dan mewarisi.
Anda mungkin ingin melihat solusi JS atau solusi sisi server.
Jika Anda dapat membuat semua karakter huruf kecil di server daripada yang dapat Anda terapkan:
Transformasi teks: kapitalisasi
Saya rasa konversi teks tidak akan bekerja dengan huruf kapital sebagai masukan.
Jika Anda ingin menggunakan untuk itu tidak akan berhasil, karena atau area teks yang Anda butuhkan untuk menggunakan Javascript
yang seharusnya bekerja dengan baik atau
Dalam tutorial video terakhir, kita belajar cara menghapus dan menambahkan informasi baru ke versi baru dokumen HTML, sambil memberi tahu mesin pencari tentangnya dan menyorotnya secara visual sehingga pengunjung juga dapat melihat perubahannya. Untuk ini, Kami menggunakan tag del dan ins.
Dalam tutorial video ini, kami melanjutkan topik pemformatan teks dalam dokumen HTML. Kami 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 superskrip teks dalam HTML. Di 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 besaran apa pun, misalnya, meter persegi dalam topik konstruksi.
Tetapi jika situs Anda tidak termasuk dalam topik yang terdaftar, ini tidak berarti bahwa tag tersebut tidak berguna. Cukup menunjukkan imajinasi dan kecerdikan dan menemukan aplikasi untuk elemen ini.
Sub tag HTML - subskrip teks dalam HTML.
Sedangkan untuk tag HTML maka itu adalah kebalikan dari tag tersebut , dan bertanggung jawab untuk menentukan subskrip teks. Teks subskrip 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 tak 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 dibungkus dalam HTML, dan yang lainnya menggambar garis horizontal.
Indeks dalam kaitannya dengan teks adalah offset karakter dari garis dasar ke atas atau ke bawah. Bergantung pada nilai offset positif atau negatif, indeks masing-masing disebut atas atau bawah. Mereka secara aktif digunakan dalam matematika, fisika, kimia dan untuk menentukan satuan 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 penampung ini ditetapkan lebih kecil dari teks dasar dan offset ke atas atau ke bawah relatif terhadapnya. Contoh 1 menunjukkan kombinasi elemen dan gaya yang ditentukan untuk mengubah tampilan teks.
Contoh 1. Buat superskrip dan subskrip
Persamaan karakteristik permukaan derajat kedua
λ 3 - aku 1λ 2 + Saya 2λ - Saya 3 = 0
Contoh ini berisi subskrip dan superskrip secara bersamaan. Untuk mengubah gaya font indeks, gaya diterapkan yang membentuk satu tampilan (Gbr. 1).
Angka: 1. Tampilan indeks setelah menerapkan gaya
Anda benar-benar bisa menolak untuk menggunakan dan mendukung gaya. Analog dari elemen-elemen ini adalah properti perataan vertikal, yang membuat teks bergerak secara vertikal dengan jarak yang ditentukan. Secara khusus, contoh 2 menggunakan 0.8em untuk superskrip dan -0.5em untuk yang lebih rendah. 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
Derajat polinomial n
f (x) \u003d 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).