Membuat Subscript dan Superscript dengan Tag HTML

Mungkin ada yang pernah membaca judul ini di blog DUMET School, ya hampir sama tapi berbeda cerita. Jika ada yang pernah membaca artikel Cara Membuat Subscript Dan Superscript Pada Paragraf, ini bisa dibilang artikel lanjutan walaupun beda penulis hehe. Pada artikel sebelumnya, membuat subscript atau superscript menggunakan CSS. Namun, pada artikel ini kita akan membuatnya dengan menggunakan HTML. Bisakah?

Tentu bisa. Selain menggunakan CSS, kita juga bisa menggunakan HTML saja. Kita bisa menggunakan sebuah tag yang ada di HTML. Tag apakah itu? Yap, kita bisa menggunakan tag <sub></sub> untuk membuat text menjadi subscript dan <sup></sup> untuk membuat text menjadi superscript. Serius? Iya serius.

Penggunaan subscript dan superscript biasanya digunakan untuk menulis unsur dan senyawa pada kimia. Namun, contoh yang saya beri menggunakan kalimat. Agar terlihat perubahannya.

Contoh penggunaan <sub></sub>:

<p><strong>Lorem Ipsum</strong> adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi <strong><sub>standar contoh teks</sub></strong> sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf</p>

Dan hasilnya seperti ini :

Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf.

Contoh penggunaan <sup></sup>:

<p><strong>Lorem Ipsum</strong> adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi <strong><sup>standar contoh teks</sup></strong> sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf</p>

Dan hasilnya seperti ini :

Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf.

Mudah kan? Semoga bermanfaat :)

16 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat