<body> <tt> Sesuatu benar-benar keren </ tt> </ Body>
Setiap surat menggunakan jumlah yang sama ruang horisontal ...
Ini adalah jenis biasa -> | iiiiiiiiii oooooooooo mmmmmmmmmm |
Ini adalah jenis monospace -> | iiiiiiiiii oooooooooo mmmmmmmmmm |
Kita dapat mengubah f o n t s i z e t o o ... Ini cukup mudah!
Pertama menambahkan tag <font> ...
<body> Sesuatu benar-benar <font> keren </ font> </ Body>
Kemudian tentukan atribut ukuran.
<body> Sesuatu benar-benar <font size="6"> keren </ font> </ Body>
Font datang dalam 7 ukuran:
kecil mungil | kecil | reguler | ekstra media | besar | nyata besar & | berteriak! |
1 | 2 | 3 | 4 | 5 | 6 | 7 |
Dua hal yang ingin saya bahas sekarang. Pertama, <tag> mengatakan kepada browser untuk melakukan sesuatu. Atribut masuk ke dalam <tag> dan memberitahu browser bagaimana untuk melakukannya.
Poin kedua adalah tentang default. Seperti mungkin Anda ketahui, nilai default adalah nilai yang browser mengasumsikan jika Anda belum mengatakan sebaliknya. Sebuah contoh yang baik adalah ukuran font. Ukuran font default adalah 3 (biasanya). Jika Anda mengatakan tidak akan 3. Jika Anda membuat wajah di komputer Anda masih akan 3.
Setiap Browser memiliki pengaturan font default - nama font, ukuran dan warna.
Kecuali Anda telah mengacaukan dengan itu, default mungkin Times New
Roman atau Verdana 12pt (yang diterjemahkan ke 3 untuk tujuan kita) dan
itu hitam. Tentu saja kita dapat menentukan nama font selain default. Seperti Arial dan Comic Sans MS.
<body> Sesuatu benar-benar <font face="arial"> keren </ font> </ Body>
Font hanya akan ditampilkan jika pengunjung Anda memiliki font yang terinstal pada komputer mereka. Mari saya ulangi ...
Jika orang melihat halaman tidak telah terinstal di komputer mereka
font yang Anda tentukan, maka mereka hanya akan melihat font standar . Jadi sangat bijaksana dalam penggunaan font Arial dan Comic Sans MS cukup luas dengan Windows.. Jadi adalah Dampak. Anda dapat melakukan lindung nilai taruhan Anda sedikit dengan menentukan lebih dari satu font. (Ya! Anda bisa melakukannya!). Hanya melakukan sesuatu seperti ini ...
<font face="arial,helvetica,lucida sans"> Hidee Ho </ font>
Untuk lunkheads seperti saya yang mungkin tidak mengerti bahwa segera, inilah apa yang terjadi ... Browser mencari arial. Jika menemukan itu, menggunakan itu. Jika tidak, ia pergi ke Helvetica. Jika tidak dapat menemukan itu, lucida sans mencari. Dan jika tidak dapat menemukan bahwa itu menggunakan default font.
Apa adalah beberapa font umum yang ada di komputer * * kebanyakan dan taruhan cukup aman?
Arial Arial Black Arial Narrow Bookman Old Style Century Gothic | Comic Sans MS Courier New Georgia Dampak | Lucida Console Tahoma Times New Roman Trebuchet MS Verdana |
Untuk melihat bagaimana berbagai font mungkin terlihat melalui browser Anda, Anda mungkin ingin bermain dengan Widget Font Sederhana .
Sekarang saya kira adalah waktu yang baik untuk yap sedikit tentang sintaks. Anda akan melihat di sana-sini saya menggunakan tanda kutip. Mereka adalah penting. Kapanpun Anda memiliki atribut = "nilai", nilai benar-benar harus dalam tanda kutip. Ini adalah kebiasaan yang baik untuk masuk ke dalam.
Anda tidak tahu berapa kali saya membuat halaman dan semua itu kacau ... Maksud saya semua kacau karena hilang tunggal atau tanda kutip salah atau ruang hilang atau tanda besar dari (>) hilang. Suatu hari nanti kita dapat dipisahkan dari jenis coding, tapi untuk sekarang kita hanya harus berhati-hati.
Juga, mengenai kasus, sebagian besar HTML case insensitive. Anda bisa juga menggunakan <FONT> bukan <font>. Namun, untuk beberapa alasan, yang satu lebih mudah, itu ide bagus untuk menjaga semua kasus lebih rendah.
Baiklah, kembali ke hal-hal yang menyenangkan ...
Sebuah berguna cara untuk membuat teks besar atau kecil adalah tag besar dan tag kecil.
<body> <big> Sesuatu </ big> benar-benar <small> keren </ small> </ Body>
benjolan besar teks satu ukuran, benjolan kecil itu turun satu ukuran.
Anda dapat mengubah warna font jika Anda suka.
<body> Sesuatu benar-benar <font color="#ff0000"> keren </ font> </ Body>
Kita bisa, tentu saja menggunakan lebih dari satu atribut dalam tag <font> ...
<body> Sesuatu benar-benar <font face="arial" color="#ff0000" size="7"> keren </ font> </ Body>
Wah kita pada roll sekarang!
<body bgcolor="#ccffcc"> Sesuatu benar-benar <u> <i> <b> <font face="arial" color="#ff0000" size="7"> keren </ font> </ b> </ i> </ u> </ Body>
Saya merasa perlu untuk menunjukkan sekali lagi bahwa beberapa tag harus bersarang ...
Dalam kebanyakan kasus, tidak peduli yang tag pertama. Ini tidak seperti jika Anda ingin membuat sesuatu yang merah dan tebal Anda harus melakukan satu atau yang pertama lainnya. Anda dapat melakukannya dalam urutan apapun yang Anda inginkan. Seperti ...
Cara tercepat membingungkan browser, belum lagi diri sendiri adalah tumpang tindih tag ...
Lain kadang-kadang berguna tag layak disebut adalah judul bagian.
Sementara mereka yang kuno kecil di web hari ini sangat grafis, mereka
masih hal kecil yang berguna untuk ada di kotak peralatan Anda. Mereka datang dalam ukuran 1-6.
<h1> Sesuatu benar-benar keren </ h1> Sesuatu <h2> benar-benar keren </ h2> <h3> Sesuatu benar-benar keren </ h3> Sesuatu <h4> benar-benar keren </ h4> <h5> Sesuatu benar-benar keren </ h5> Sesuatu <h6> benar-benar keren </ h6>
Sebuah atribut yang berguna adalah menyelaraskan pos. Ini cukup jelas diri ...
<h2 align="left"> Sesuatu yang benar-benar keren </ h2> <h2 align="center"> Sesuatu yang benar-benar keren </ h2> <h2 align="right"> Sesuatu yang benar-benar keren </ h2>
Satu hal lagi dan kita akan menyelesaikan pelajaran ini.
Browser memiliki pengaturan default untuk teks, warna warna warna link,
link aktif dan mengunjungi warna link di samping warna latar belakang. Default adalah ...
Latar Belakang biasanya putih Teks biasanya hitam Link biasanya biru Link yang dikunjungi biasanya ungu Link aktif sering merah |
Anda dapat mengubah ini jika Anda perlu untuk (perhatikan saya mengatakan perlu). Seluruh dunia telah terbiasa dengan link yang berwarna biru. Mengapa membingungkan kita?
FAQ: Apa itu "link aktif"?
J: Mari kita kembali sedikit dan biarkan aku memberikan jawaban yang lengkap ...
Sebuah link yang biasa (biasanya biru) adalah link ke halaman atau file yang Anda belum dikunjungi belum.
Sebuah link yang dikunjungi (biasanya ungu) adalah link ke halaman atau file yang baru saja Anda kunjungi.
Link aktif (kadang-kadang merah, kadang ungu ... tergantung pada browser) adalah warna link ketika memiliki fokus, baik dengan mengklik atau tabbing untuk itu.
J: Mari kita kembali sedikit dan biarkan aku memberikan jawaban yang lengkap ...
Sebuah link yang biasa (biasanya biru) adalah link ke halaman atau file yang Anda belum dikunjungi belum.
Sebuah link yang dikunjungi (biasanya ungu) adalah link ke halaman atau file yang baru saja Anda kunjungi.
Link aktif (kadang-kadang merah, kadang ungu ... tergantung pada browser) adalah warna link ketika memiliki fokus, baik dengan mengklik atau tabbing untuk itu.
Anda dapat mengubah default untuk seluruh dokumen pada tag body.
<body bgcolor="#000000" text="#ffff66" link="#00ff33" vlink="#00bb33" alink="#00ddff"> Sesuatu yang benar-benar keren </ Body>
Saya telah menulis HTML kecil yang rapi & JavaScript widget disebut Color Picker yang membuatnya mudah (dan jenis menyenangkan) untuk bereksperimen dengan pengaturan warna yang berbeda.
Dengan itu, Anda tidak hanya dapat memilih warna, tetapi Anda dapat
memilih berbagai font dan ukuran font, beralih ke tebal atau miring, dan
bahkan dengan mudah bereksperimen dengan gambar latar belakang yang
berbeda. Tag <body> adalah otomatis dihasilkan untuk Anda.
Ada! Anda sekarang tahu persis tentang segala sesuatu yang ada hubungannya dengan memanipulasi teks dalam dokumen Anda. Sekarang Anda dapat membuat huruf merah besar atau huruf tebal kecil. Anda dapat menggunakan Font lain, atau font monospace.
Anda bahkan bisa membuat ar o l e r c o s t e r!
Atau R A N B O Aku W
(Markup untuk roller coaster dan pelangi adalah di sini jika Anda ingin check it out.)
Sebelum kita membungkus pelajaran ini, ada satu hal kecil saya ingin membawa perhatian Anda.
Anda dapat melihat kode HTML dari setiap halaman yang Anda kebetulan
melihat dengan memilih View / Document Source di browser Anda. Browser Anda mungkin kata ini sedikit berbeda, tapi hampir semua browser memiliki fasilitas ini.
Jadi, saat Anda surfing bersama dan Anda mengalami sebuah halaman
benar-benar rapi dan Anda menemukan diri Anda berpikir "Bagaimana mereka
melakukan itu?", Jawabannya mungkin hanya beberapa klik saja.
No comments:
Post a Comment