Cara Memperbesar Font Di Html

Daftar Isi:

Cara Memperbesar Font Di Html
Cara Memperbesar Font Di Html

Video: Cara Memperbesar Font Di Html

Video: Cara Memperbesar Font Di Html
Video: Memperbesar / Memperkecil Ukuran Fonts di HTML u0026 CSS 2024, April
Anonim

Meningkatkan font HTML dimungkinkan menggunakan tag khusus yang memungkinkan Anda mengontrol parameter teks yang ditampilkan di layar. Pengaturan tampilan serupa diterapkan di CSS, kode yang dapat dengan mudah diintegrasikan ke dalam halaman yang diedit.

Cara memperbesar font di html
Cara memperbesar font di html

Untuk mengedit teks sumber dokumen dengan ekstensi.html, buka editor teks yang Anda gunakan (misalnya, Notepad). Klik "File" - "Open" dan tentukan jalur ke halaman yang kodenya ingin Anda ubah. Kemudian tekan tombol Enter pada keyboard Anda dan mulai mengedit bagian dokumen yang diinginkan.

html

Mengubah ukuran font dilakukan melalui pegangan. Dalam cakupan tag ini, Anda dapat mengatur parameter yang diperlukan untuk tinggi huruf dan warnanya. Teks yang diapit di antara elemen pembuka dan penutup akan ditampilkan sesuai dengan pengaturan yang dibuat:

Teks apa saja

Huruf yang ditulis antara dan akan memiliki ukuran 15 karena parameter ukuran yang diberikan.

Simpan perubahan Anda untuk menerapkan parameter. Anda dapat menutup jendela editor dan mengklik dua kali pada halaman HTML untuk membukanya di jendela browser. Anda juga dapat mengeklik kanan dokumen dan memilih "Buka Dengan" untuk meluncurkannya di peramban web. Pilih browser Anda dari daftar program tertentu.

CSS

Menggunakan lembar gaya berjenjang memungkinkan Anda untuk menyempurnakan pengaturan font Anda. Dengan bantuan kode, Anda dapat mengubah pengaturan tampilan untuk seluruh teks yang ditampilkan pada halaman, dan untuk elemen individual (misalnya, judul). CSS dapat ditentukan di badan dokumen (), tetapi paling mudah untuk menulis arahan yang diperlukan ke dalam deskriptor dengan melampirkan perintah dalam tag.

Atribut font-size bertanggung jawab untuk mengubah parameter ukuran font. Nilai yang dijelaskan dapat ditentukan dalam piksel (px), poin (pt) dan persentase (%). Sebagai contoh:

Mengubah ukuran font

tubuh {ukuran font: 13pt; }

h1 {ukuran font: 200%; }

p {ukuran font: 15px; }

Dalam contoh ini, ukuran teks yang dimasukkan di badan halaman adalah 13 poin. Setiap huruf di antara tag akan diperbesar 2 kali (100% dari ukuran aslinya). Teks yang ditentukan di antara deskriptor akan menjadi 15 piksel. Perlu dicatat bahwa parameter yang ditetapkan untuk setiap elemen halaman secara terpisah akan lebih diutamakan daripada nilai yang lebih umum. Sebagai contoh:

Font paragraf biasa

Paragraf yang diubah

Sebagai aturan, teks di antara tag harus berukuran 15px. Namun, font di paragraf kedua akan berukuran 18, karena kode di badan dokumen biasanya lebih diutamakan daripada pengaturan umum di.

Direkomendasikan: