Friday, August 19, 2011

Html part 2

Yang sangat berguna jenis efek teks adalah font mono-spasi, atau Teks mesin ketik.
 <body>
 <tt> Sesuatu benar-benar keren </ tt>
 </ Body>
Sesuatu yang benar-benar keren
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>
Sesuatu yang benar-benar keren

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>
Sesuatu yang benar-benar keren
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>
Sesuatu yang benar-benar keren
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>
Sesuatu yang benar-benar keren

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>
Sesuatu yang benar-benar keren

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>
Sesuatu yang benar-benar keren

Saya merasa perlu untuk menunjukkan sekali lagi bahwa beberapa tag harus bersarang ...
Nesting contoh 1 - <tag3> <tag2> <tag1> Hooha </ tag1> </ tag2> </ tag3>
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 ...
Contoh bersarang 2 -! <tag2> <tag1> <tag3> Hooha </ tag3> </ tag1> </ tag2>
Cara tercepat membingungkan browser, belum lagi diri sendiri adalah tumpang tindih tag ...
Contoh bersarang 3 -! <tag3> <tag2> <tag1> Hooha </ tag3> </ tag1> </ tag2>
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>

Sesuatu yang benar-benar keren

Sesuatu yang benar-benar keren

Sesuatu yang benar-benar keren

Sesuatu yang benar-benar keren

Sesuatu yang benar-benar keren
Sesuatu yang benar-benar keren

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>

Sesuatu yang benar-benar keren

Sesuatu yang benar-benar keren

Sesuatu yang benar-benar keren


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?
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>
Sesuatu yang benar-benar keren
Saya tahu bahwa kita belum masuk ke bagaimana membuat link, sehingga informasi yang tidak ditampilkan di atas (mengapa lumpur air?) Ini hanya untuk menunjukkan Anda bagaimana untuk membuat perubahan warna ketika anda belajar bagaimana membuat link.
Anda dapat melihat bahwa latar belakang sekarang hitam dan teks sekarang berwarna kuning.
Link yang sekarang hijau neon
Link yang dikunjungi adalah hijau gelap
Dan link aktif langit biru
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

Iklan