KomputerPengaturcaraan

Menghias halaman web dan saiz fon dalam HTML

pereka web baru akan menjadi berguna untuk mengetahui tentang bagaimana untuk mereka bentuk teks halaman web. Ia termasuk penjajaran, warna, saiz fon, dan banyak lagi.

Dalam format berbilang tag yang berkaitan. Yang paling biasa digunakan "p" - perenggan. Ia mempunyai parameter pilihan yang menentukan penampilan teks.

Yang pertama dan utama parameter - ini "align". Ia menentukan penjajaran teks dan boleh sama ada "kiri", "betul", "pusat" dan "justify" - penjajaran di sebelah kiri, kanan, tengah, dan seluruh lebar blok masing-masing. Ambil perhatian bahawa kedudukan teks yang diberikan tidak di sempadan skrin, dan dalam perenggan.

Ini diikuti oleh parameter "kelas" dan "id". Mereka menentukan mana kelas tergolong dalam objek ini dan pengecamnya. Ia juga merangkumi atribut dan "gaya" - dia meminta blok gaya sebaris. Semua sifat-sifat ini adalah berkaitan dengan CSS, yang kita akan pergi sedikit lebih rendah.

Di tag "p" ada satu kelemahan - ia gagal untuk menetapkan luaran memandangkan fon, seperti warna atau saiz. Untuk tujuan ini adalah tag yang lain - "font". Semua pilihan yang menentukan bagaimana teks akan kelihatan seperti.

Sifat pertama tag - "warna". Seperti yang anda mungkin telah meneka, ada diberikan warna. parameter ini boleh diambil sebagai nama-nama ( "putih", "kuning", "magenta"), dan nilai-nilai dalam sistem RGB. Ini dilakukan seperti berikut: pertama meletakkan # tanda, dan kemudian mengenal pasti tiga nombor dalam tatatanda perenambelasan dari 00 hingga ff atau 0-255 - perpuluhan - jumlah merah, hijau dan biru dalam warna yang akhir. Sebagai contoh, untuk menggunakan warna merah untuk menulis "# ff0000", kuning - "# FFFF00".

Sifat berikut - "muka". Ia mentakrifkan muka taip. Sebagai contoh, ia boleh ditetapkan kepada "Times New Roman" atau "Tahoma".

Dan akhirnya, untuk saiz fon dalam HTML respons pilihan "size". Ia mengambil nilai berangka - font.

Sebagai contoh, untuk memaparkan teks dalam biru dan fon "Comic Sans MS" pin kelima belas, ia adalah perlu untuk menentukan tag "p" dengan parameter berikut:

color = "# 6666ff" muka = "Comic Sans MS" size = "15"

Juga, terdapat beberapa tag yang membolehkan untuk menentukan satu jenis tertentu format: "b" - Tebal, "i" - huruf condong, "u" - garis bawah. Kesemua mereka tidak mempunyai parameter.

Menetapkan teks atribut dalam HTML - saiz font headset - agak tidak selesa. Bayangkan bahawa anda perlu ganti dengan blok reka bentuk yang berbeza daripada teks. Kemudian, bagi setiap tag yang anda perlu menentukan sifat-sifat yang sama. Lebih mudah ia boleh dilaksanakan dengan bantuan gaya CSS-Cascading Helaian. Sebagai contoh, untuk mencipta kelas gambar dipanggil "myclass" dengan reka bentuk seperti dalam contoh sebelum ini, anda perlu menambah tag "gaya" talian ini:

#myclass {font: rgb (102.102.255) "Comic Sans MS" 15pt;}

Di sini "rgb (102.102.255)" menetapkan warna, "Comic Sans MS" - alat dengar dan "15pt" - saiz font. Warna juga boleh menentukan nama dan fon - seperti Skittles, dan piksel (untuk ini anda perlu untuk menulis, contohnya, "20px").

Untuk menggunakan pendaftaran ini adalah perlu untuk "p" tag menulis:

class = "myclass"

Dengan cara yang sama, anda boleh membuat apa-apa teks lain. Ia sudah cukup untuk menetapkan "kelas" parameter dari kelas nilai yang anda ingin gunakan.

Dan untuk mewujudkan ID dengan nama "MyID", perlu "gaya" rekod:

#myid {font: rgb (102.102.255) "Comic Sans MS" 15pt;},

dan tag "p" menetapkan "id" atribut dengan nilai "MyID".

Kelas dan ID - ia boleh dikatakan perkara yang sama. Dalam kes ini satu tag boleh diisytiharkan sebagai yang pertama dan kedua:

class = "myclass" id = "MyID"

Terdapat dua cara untuk menukar rupa teks - HTML dan CSS. Jika anda perlu mengeluarkan satu atau dua blok, menggunakan HTML. Sebilangan besar perenggan dengan sama pemformatan CSS lebih selesa.

Seperti yang anda lihat, menukar saiz fon dalam HTML adalah cepat. Pengaturcaraan utama - amalan, jadi cuba untuk melaksanakan lebih, dan anda akan berjaya!

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ms.delachieve.com. Theme powered by WordPress.