Atribut tag font mana yang memungkinkan Anda mengatur warna. Cara membuat font cantik di html: ukuran, warna, tag font html
Tampaknya, mengapa mengetahui tag HTML untuk teks, jika sekarang hampir semua panel admin memiliki panel admin yang nyaman yang mengaturnya secara otomatis?
Faktanya adalah memformat konten di situs web pada dasarnya berbeda dengan bekerja di aplikasi perkantoran. Di sini tidak cukup hanya memberikan tampilan yang menarik pada teks, karena desain yang benar Tidak hanya tampilan suatu halaman web yang bergantung, tetapi juga promosinya di mesin pencari.
Tag dan Atribut HTML: Sintaks Dasar
Teks apa pun punya kode tersembunyi, yang “menjelaskan” kepada komputer apa dan bagaimana yang ditampilkan di layar. Semua informasi dicatat menggunakan seperangkat elemen universal.
Pada dasarnya, tag teks HTML adalah perintah yang menambah atau mengubah blok tertentu pada suatu halaman. penampilan. Format rekaman yang benar terlihat seperti ini:
Harap dicatat bahwa tidak semua tag dipasangkan. Misalnya,
(lewati baris) atau
(menambahkan garis horizontal) tidak perlu ditutup sama sekali.
Mengapa Anda tidak dapat menyalin artikel dari Word dan program lain ke editor situs web
Meskipun modern program perkantoran gunakan tag HTML yang sama untuk teks, dalam 99% kasus kode asli tidak dapat digunakan untuk halaman web. Meskipun dokumen ditampilkan secara normal di aplikasi itu sendiri, saat dimasukkan ke situs web, formatnya mungkin hilang. Selain itu, karena banyaknya tag dan atribut yang tidak perlu, mesin pencari tidak dapat menganalisis konten halaman secara memadai. Hal ini, pada gilirannya, mempersulit promosi sumber daya Anda.
Untuk mendapatkan kode yang bersih dan relevan, Anda harus terlebih dahulu menghapus teks dari tag HTML yang dibuat oleh editor biasa. Ada beberapa cara untuk melakukan ini:
- “Jalankan” artikel melalui Notepad dan baru kemudian masukkan ke situs. Aplikasi ini menghapus semua HTML, jadi setelah itu Anda harus memformat teks lagi (menggunakan alat editor atau secara manual).
- Tulis dan publikasikan artikel menggunakan LiveWriter. Editor blog populer segera menghasilkan kode yang benar. Dan di tab terpisah Anda dapat melihat bagaimana teks di situs tersebut akan terlihat.
- Gunakan Pembersih HTML. Layanan online ini tidak menghancurkan seluruh kode, tetapi hanya bagian yang tidak perlu. Dengan menggunakan filter, Anda memilih tag mana yang ingin Anda simpan. Ada juga editor pemformatan visual yang kuat yang menambahkan perintah yang sudah dioptimalkan ke dalam kode.
Paragraf
Elemen ini hadir di hampir semua artikel. Setiap paragraf harus ditempatkan di dalam wadah seperti itu - ini menyederhanakan pemformatan dan memungkinkan Anda mempertahankan gaya yang konsisten di semua halaman situs. Untuk kenyamanan, tag
Selalu menulis dengan garis baru.
Penyelarasan
Tag HTML terpisah "Perataan Teks" sudah lama tidak digunakan. Sebaliknya, atribut ALIGN generik telah dibuat. Untuk mengubah posisi blok teks pada halaman, Anda harus memilih salah satu dari 3 nilai - PUSAT, KANAN atau KIRI. Anda dapat mengatur perataan elemen lain, seperti judul, dengan cara yang sama.
Dalam beberapa situasi, tag lain digunakan untuk penyelarasan, misalnya, Anda dapat memposisikan menggunakan elemen
Judul dan subjudul
Sistem subjudul memungkinkan Anda membuat struktur konten yang logis. Ketika teks dibagi menjadi blok-blok yang bermakna, pembaca akan lebih mudah berkonsentrasi dan menyerap informasi baru. Mesin pencari juga menganalisis berita utama untuk memahami kueri apa yang ingin dipromosikan halamannya. Inilah sebabnya mengapa pakar SEO merekomendasikan penggunaan kata kunci topikal di dalamnya.
HTML menggunakan enam tingkat subpos - dari
sebelum . Ada hierarki yang jelas dalam sistem ini:...
. Artikel utama, produk di toko online, dll). Hanya ada satu di dalam teks . Biasanya, ini berisi kata kunci utama.
...
. Subjudul tingkat kedua memecah teks menjadi blok-blok yang bermakna. Misalnya, jika Anda menilai laptop, Anda dapat melakukan beberapa hal dengan nama model yang berbeda.
...
. Level ketiga diperlukan jika teks berada di antara dua juga dipecah menjadi blok-blok kecil. Dalam contoh kita, ini dapat berupa kriteria evaluasi - “Kinerja”, “Memori”, “Kartu video”, dll. untuk setiap model.
, ,
. Dalam praktiknya, hal ini sangat jarang terjadi. Namun prinsip umumnya sama - mereka harus "bersarang" di blok dengan subjudul tingkat atas.
...
. Artikel utama, produk di toko online, dll). Hanya ada satu di dalam teks. Biasanya, ini berisi kata kunci utama.
...
. Subjudul tingkat kedua memecah teks menjadi blok-blok yang bermakna. Misalnya, jika Anda menilai laptop, Anda dapat melakukan beberapa haldengan nama model yang berbeda.
...
. Level ketiga diperlukan jika teks berada di antara duajuga dipecah menjadi blok-blok kecil. Dalam contoh kita, ini dapat berupa kriteria evaluasi - “Kinerja”, “Memori”, “Kartu video”, dll. untuk setiap model.
,
. Dalam praktiknya, hal ini sangat jarang terjadi. Namun prinsip umumnya sama - mereka harus "bersarang" di blok dengan subjudul tingkat atas.,
Pastikan untuk mempertahankan hierarki yang benar. Kembali ke contoh kita, ini berarti Anda tidak dapat langsung memasukkan nama model sebagai
atau . Terlebih lagi, gunakan subjudul dari tingkat yang berbeda untuk blok makna yang homogen (misalnya, sorot laptop yang menempati peringkat terakhir menggunakan ).
).
Berikut adalah diagram yang akan membantu Anda langsung memahami dan mengingat struktur judul yang benar dalam HTML.
Daftar
Lebih baik memformat daftar dan instruksi apa pun dalam bentuk daftar, menggunakan tag HTML khusus untuk teks ( kesalahan tipikal- hanya beberapa paragraf
Yang dimulai dengan tanda hubung atau angka).
Struktur blok tersebut sangat sederhana. Pertama, kita menentukan jenis daftar - berpoin atau bernomor.
Semua elemen berada di antara tag pembuka dan penutup. Setiap item daftar dimulai pada baris baru dan memiliki format . Jumlah elemen tidak dibatasi.
Pilihan dan atributnya
Apa yang bisa diubah menggunakan font dan warna ini - dan tanpa menambahkan kelas baru ke CSS. Ini sangat berguna ketika Anda hanya perlu menyorot satu kalimat atau bagian.
memiliki beberapa atribut:
- Menghadapi. Memungkinkan Anda mengubah font teks. Anda dapat membuat daftar beberapa opsi yang dipisahkan dengan koma (Tahoma, Verdana). Jika pengguna tidak menginstal font pertama, sistem hanya menggunakan font alternatif.
- Ukuran. Untuk memperbesar atau memperkecil teks, masukkan nilai antara 1 dan 7 dalam tanda kutip.
- Warna. Tergantung pada desainnya, Anda dapat memilih salah satu warna standar (merah, hijau, biru) atau memasukkan kode untuk warna pilihan Anda.
Jangan gunakan paragraf yang diformat dengan , bukan subjudul. Lebih baik mengatur parameter desain yang sama dengan tag yang benar.
Cara menyorot teks
Teks yang monoton memang melelahkan, bahkan dipecah menjadi beberapa paragraf. Untuk menarik perhatian dan membangkitkan minat pembaca, disarankan untuk menyorot poin-poin penting secara grafis. Berikut beberapa perintah yang akan membantu Anda mengatasi tugas ini.
... . Tag HTML yang sangat populer. Teks tebal langsung menarik perhatian, sehingga nyaman digunakan untuk menyorot poin dan fakta penting.
Banyak orang bingung membedakan tag Dan . Tidak ada perbedaan visual, tetapi cara kerjanya berbeda. Yang pertama hanya mengubah tampilan teks, dan yang kedua berfungsi sebagai "indeks" dan menyoroti fragmen yang paling penting (tematik kata kunci dan frase untuk SEO).
... . Huruf miring yang elegan dan ketat sangat ideal untuk desain istilah ilmiah, kata-kata asing, dan berbagai kutipan. Dalam publikasi serius, nama karya seni juga dicetak miring.
... . Mungkin tidak ada tag HTML lain yang menimbulkan begitu banyak kontroversi. Teks yang digarisbawahi jarang digunakan, karena metode penyorotan ini secara historis ditugaskan ke hyperlink. Jika Anda menggunakan dalam artikel, harap dicatat bahwa ini hanya cocok untuk fragmen pendek - tidak lebih dari 1 baris.
...
. Tag menarik yang memungkinkan Anda membuat bagian. Sangat relevan dalam periklanan - misalnya, untuk menekankan kontras antara harga lama dan baru.
... . Cara termudah untuk memperbesar ukuran font tanpa opsi tambahan apa pun.
... . Ia bekerja dengan prinsip yang sama seperti tag sebelumnya. Teks di dalamnya diperkecil dibandingkan dengan teks utama.
... . Nama yang benar untuk format ini adalah superskrip. Tag ini terutama ditujukan untuk gelar matematika dan catatan kaki. Ini mengurangi ukuran font dan memindahkan teks yang dipilih ke atas.
... . Subskrip sering ditemukan dalam berbagai rumus. Fragmen yang dipilih terletak di bawah teks utama.
Wadah yang bermakna
Karena beberapa blok ditemukan di banyak teks, tag khusus mulai dibuat untuknya. Ini menyederhanakan pemformatan, karena jika setiap jenis konten memiliki kumpulan gayanya sendiri, Anda hanya perlu menyorot sepotong teks dan menunjukkan informasi apa yang dikandungnya.
...
. Tag untuk menambahkan kode komputer. Sangat diperlukan dalam artikel tentang pemrograman dengan contoh - perintah tidak dijalankan, tetapi ditampilkan sebagai teks biasa.
... . Dirancang untuk memformat kutipan - misalnya, kutipan penting dari sebuah wawancara.
. Tempatkan bagian teks ke dalam blok terpisah. Secara default, pilihannya memiliki lebih banyak padding kiri, namun Anda juga dapat mengubah ukuran, gaya font, dan warna teks dalam CSS.
... . Tag tambahan yang berisi informasi tentang penulis, termasuk link.
Garis demarkasi
Garis sederhana dapat digunakan untuk menandai akhir logis dari suatu bagian besar.
tidak berlaku untuk tag berpasangan. Artinya elemen format penutup…>tidak dibutuhkan.
Dengan menggunakan atribut WIDTH, Anda dapat memperpendek pemisah dengan menentukan ukuran yang sesuai dalam piksel atau persentase lebar jendela.
Dengan mempelajari cara menggunakan tag dengan benar untuk memformat teks dalam HTML, Anda tidak hanya akan membuat artikel Anda lebih mudah dibaca, tetapi juga meningkatkan efektivitas SEO Anda.
Di artikel terakhir saya memberi tahu Anda tentang cara menggunakannya, dll. Dan hari ini saya akan bercerita tentang bagian integral lainnya dalam pembuatan website yaitu tentang atribut tag html. Dan tentu saja, menurut tradisi, kami akan melihatnya menggunakan contoh langsung dan mencobanya di situs web kami dengan Lukomorye, yang kami perkenalkan di artikel terakhir.
Atribut adalah tambahan khusus pada tag yang memperluas kemampuannya dan dapat mengubah properti konten. Dan jika tagnya selalu tetap, maka atribut tersebut dapat memiliki banyak nilai. Misalnya saja pada tag kita dapat meletakkan atribut warna teks, ukuran teks, font, dll. Namun kita akan melihat font lebih detail di artikel lain.
Ada atribut universal dan non-universal. Yang universal cocok untuk hampir semua tag, dan yang non-universal cocok untuk satu atau lebih, tetapi tidak semua...
Atribut ditulis di dalam tag setelah nilainya, tetapi sebelum tanda kurung siku penutup. Pertama, atribut itu sendiri ditempatkan, lalu tanda sama dengan, dan kemudian nilai itu sendiri dalam tanda kutip. Ini terlihat seperti ini:
Teks
Apa yang berikut dari contoh ini? Kami membuka sebuah paragraf, dan di dalam tag kami mengatur atribut align, yang bertanggung jawab untuk menyelaraskan teks. Selanjutnya kita beri tanda “=” yang artinya kita memberikan nilai pada atribut tersebut. Selanjutnya dalam tanda kutip kami menulis nilai ini. Dalam hal ini adalah "pusat". Artinya, teks dalam paragraf ini (dan hanya ini!) akan berada di tengah. Cobalah sendiri.
Tapi jangan lupa untuk memeriksa situs webnya htmlbuku. Di sana Anda pasti akan menemukan apa yang cocok dengan apa. Ini hanyalah referensi desktop untuk pengembang web mana pun, terutama pemula.
Meluruskan
Seperti yang sudah Anda pahami, atribut ini berarti perataan teks. Biasanya ditempatkan di tag yang bertanggung jawab atas konten itu sendiri (teks, gambar, dll.). Secara umum, Anda dapat meletakkannya di judul (
,...,), dalam paragraf (
), foto-foto , elemen blok (
Nilai atribut yang mungkin:
- kiri — perataan kiri (default)
- kanan — perataan kanan
- tengah - perataan tengah
- justify - perataan lebar penuh
Cobalah berlatih dan lihat bagaimana susunan elemen Anda berubah.
Judul
Nama yang familiar, bukan? Benar-benar. Ada tag seperti itu, dan kami meletakkannya di antaranya Dan . Namun sekarang saya berbicara secara khusus tentang atribut, dan atribut ini cocok untuk hampir semua tag, karena bersifat universal. Dan itu diperlukan sebagai petunjuk saat melayang. Dan intinya adalah Anda sendiri yang menulis petunjuk ini. Ini terlihat seperti ini:
Apa itu 5-3?
Apa yang kita lihat di sini? Pertama kita buka paragrafnya, lalu kita tulis atributnya sendiri dan beri nilai “Kenapa kamu bodoh? Akan ada 2." Selanjutnya kita menulis teks yang ditampilkan, dan pada akhirnya kita menutup tag
.Apa yang terjadi setelah ini? Simpan dokumen dan lihat sendiri. Saat Anda mengarahkan kursor ke teks, keterangan alat akan muncul.
Berbagai nilai
Satu tag dapat berisi sejumlah atribut. Yang utama adalah mereka cocok dengan label ini. Berikut ini contohnya:
Isi
Seperti yang Anda lihat, semuanya cukup sederhana di sini, Anda hanya perlu menulis semua atribut dengan dipisahkan spasi dalam satu tag. Dari contoh ini, kita melihat bahwa konten akan disejajarkan ke kanan, dan ketika kita mengarahkan kursor mouse ke atasnya, tooltip akan muncul. Itu mudah. Saya harap semuanya jelas?
Baiklah, sekarang mari kita kembali ke Lukomorye yang kita lakukan pada pelajaran terakhir.
Contoh hidup
- Sejajarkan semua teks dalam dokumen dengan “Lukomorye” ke tengah (bersama dengan judulnya),
- Pada judul tingkat pertama, beri petunjuk “Penulis karya ini adalah A.S. pushkin"
Jika Anda belum memiliki file lengkap dari pelajaran sebelumnya, ambillah dan masukkan semua atribut yang diperlukan agar semuanya berfungsi sesuai tugas.
Dan menurut tradisi, pada awalnya, lakukan semuanya sendiri. Dan jika masih belum berhasil, maka simak langkah-langkah yang saya tulis dibawah ini.
![](https://i1.wp.com/koskomp.ru/wp-content/uploads/2016/06/Screenshot_6-3.jpg)
Setelah itu simpan dokumen html dan jalankan. Mari kita periksa apa yang kita punya. Apakah semuanya benar? Saya pikir semuanya akan berhasil untuk Anda. Tapi tetap saja, saya merasa banyak dari Anda yang bosan mencantumkan atribut di setiap syair. Saya akan menunjukkan cara membuat proses ini lebih mudah.
Jika Anda perlu meletakkan atribut yang sama ke beberapa segmen besar, maka tag akan membantu kami dalam hal ini . DIV hanyalah sebuah elemen blok kosong yang berfungsi sebagai semacam wadah untuk pengelompokan. Anda dapat menempatkan berbagai atribut di sini untuk tujuan menerapkannya pada fragmen umum. Dan jika biasanya Anda ingin menerapkan atribut ke seluruh dokumen, biasanya Anda dapat menuliskannya di tag utama .
Secara umum, dalam hal ini Anda tidak perlu memasang atribut align="center" di setiap tag. Anda hanya perlu meletakkannya
Jadi bagaimana? Apakah Anda memahami prinsip umum? Kami hanya akan terus belajar lebih banyak lagi. Yang penting Anda memahami prinsip penataan tag dan atribut. Jika perlu, ajukan pertanyaan Anda. Saya akan dengan senang hati menjawabnya.
Nah, untuk pelatihan lengkap tentang prinsip membuat situs web, saya sarankan menonton kursus video yang luar biasa " HTML5 dan CSS3 dari awal hingga profesional". Di sana Anda akan belajar HTML, CSS, mempelajari cara menata situs kartu nama, blog, dan bahkan toko online. Kursus ini sungguh luar biasa untuk pengembang web pemula.
Baiklah, aku sudah selesai untuk hari ini. Saya harap Anda menyukai artikel ini dan merasakan manfaatnya. Jangan lupa berlangganan pembaruan blog saya untuk selalu mengetahui hal-hal paling menarik dan tidak ketinggalan pelajaran baru. Baiklah, aku mengucapkan selamat tinggal padamu untuk hari ini. Saya berharap Anda sukses dalam menguasai materi. Sampai jumpa!
Hormat kami, Dmitry Kostin.
Peramban | Internet Explorer | Netscape | Opera | Safari | Mozilla | Firefox | |||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Versi: kapan | 5.5 | 6.0 | 7.0 | 6.0 | 7.0 | 8.0 | 7.0 | 8.0 | 9.0 | 1.0 | 1.7 | 1.0 | 2.0 |
Didukung | Ya | Ya | Ya | Ya | Ya | Ya | Ya | Ya | Ya | Ya | Ya | Ya | Ya |
Keterangan
Menandai merupakan wadah untuk mengubah karakteristik font seperti ukuran, warna dan jenis huruf. Meskipun tag ini masih didukung oleh semua browser, tag ini dianggap sudah usang dan disarankan untuk mengabaikan penggunaannya demi gaya.
Sintaksis
Teks
Tag penutup
Diperlukan.
Pilihan
color Mengatur warna teks. face Menentukan jenis huruf font. size Mengatur ukuran font dalam satuan konvensional.Contoh 1: Menggunakan tag
P Huruf pertama kalimat ini ditulis dengan font Arial, disorot dengan warna merah dan diperbesar ukurannya.
Deskripsi parameter tag
Parameter WARNA
Keterangan
Mengatur warna teks di dalam wadah .
Sintaksis
...
Argumen
Nilai warna dapat diatur dengan dua cara.
1. Berdasarkan namanya
Browser mendukung beberapa warna berdasarkan namanya.
2. Dengan nilai heksadesimal
Angka heksadesimal digunakan untuk menentukan warna. Sistem heksadesimal, tidak seperti sistem desimal, seperti namanya, didasarkan pada angka 16. Angka-angkanya adalah sebagai berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Angka 10 sampai 15 diganti dengan huruf latin. Bilangan yang lebih besar dari 15 pada sistem heksadesimal dibentuk dengan menggabungkan dua bilangan menjadi satu. Misalnya, angka 255 dalam desimal sama dengan angka FF dalam heksadesimal. Untuk menghindari kebingungan dalam menentukan sistem bilangan, simbol hash # diletakkan sebelum bilangan heksadesimal, misalnya #666999. Masing-masing dari tiga warna - merah, hijau dan biru - dapat mengambil nilai dari 00 hingga FF. Jadi, simbol warna dibagi menjadi tiga komponen #rrggbb, dimana dua simbol pertama menunjukkan komponen warna merah, dua simbol di tengah menunjukkan komponen hijau, dan dua simbol terakhir menunjukkan komponen warna biru.
Mirip dengan CSS
Nilai bawaan
Warna default browser.
Parameter WAJAH
Keterangan
Parameter wajah digunakan untuk menentukan jenis huruf yang digunakan untuk teks. Anda dapat mencantumkan beberapa nama font, dipisahkan dengan koma. Dalam hal ini, jika font pertama yang ditentukan tidak ditemukan, browser akan menggunakan font berikutnya dalam daftar.
Sintaksis
...
Argumen
Sejumlah nama font dipisahkan dengan koma. Keluarga font universal:
serif - font serif (antik), seperti Times;
sans-serif - font sans-serif (font tanpa serif atau sans serif), perwakilan tipikalnya adalah Arial;
kursif - font kursif;
fantasi - font dekoratif;
monospace - font monospace, lebar setiap karakter dalam keluarga ini sama.
Mirip dengan CSS
Nilai bawaan
Font default di browser.
Parameter UKURAN
Keterangan
Menentukan ukuran font dalam satuan sembarang dari 1 hingga 7. Ukuran rata-rata yang digunakan secara default adalah 3. Ukuran font dapat ditentukan sebagai nilai absolut (misalnya, size="4" ) atau sebagai nilai relatif (misalnya , ukuran="+1" , ukuran="-1" ). Dalam kasus terakhir, ukurannya berubah relatif terhadap ukuran dasar. Ukuran font tidak hanya dipengaruhi oleh parameter ukuran yang ditentukan, tetapi juga oleh pilihan jenis font. Dengan demikian, font Arial terlihat lebih besar dari font Times, dan font Verdana sedikit lebih besar dari font Arial. Pertimbangkan fitur ini saat memilih font dan ukurannya.
Sintaksis
...
Argumen
Bilangan bulat dari 1 hingga 7, atau mengubah nilainya ke atas atau ke bawah menggunakan simbol + dan -.
< FONT UKURAN=… WARNA=... MENGHADAPI=...> teks FONT>
UKURAN- set ukuran huruf, yang akan digunakan oleh teks yang terdapat dalam elemen FONT. Anda dapat menentukan ukuran font absolut dengan menentukan bilangan bulat dari 1 hingga 7. Untuk font, Anda juga dapat menentukannya ukuran relatif, menetapkan atribut bilangan bulat bertanda (misalnya, ini bisa berupa SIZE="+1" atau SIZE="-2").
WARNA- menunjukkan warna, yang akan menyorot bagian teks ini. Warna ditentukan sebagai nilai RGB dengan notasi heksadesimal, atau nilai simbolis dari salah satu warna standar dipilih.
MENGHADAPI- set jenis huruf, misalnya WAJAH=ARIAL.
teks - teks teletype (monospace).
teks - gaya dengan font miring ( huruf miring).
teks- gaya dengan berani font.
teks kamu>- gaya dengan garis bawah teks.
teks BESAR>- mencetak teks dalam font peningkatan ukuran(lebih besar dari teks di sekitarnya).
teks KECIL>- mencetak teks dalam font ukuran yang diperkecil(lebih kecil dari teks di sekitarnya).
teks SUB>- mencetak teks dengan pergeseran ke bawah ( subskrip atau interlinier).
teks SUP>- mencetak teks dengan pergeseran ke atas ( superskrip atau superskrip).
teks
SERANGAN> atau <
S>
…
S>
- gaya dengan teks dicoret.
Tag html khusus
Menandai< ALAMAT> digunakan untuk menyorot penulis dokumen dan alamatnya (misalnya, email).
Beberapa karakter adalah karakter kontrol dalam HTML dan ditambahkan ke teks hanya menggunakan urutan ESC:
tanda kurung siku kiri"<" - <
tanda kurung siku ">" ->
simbol untuk 'dan "&" - &
tanda kutip ganda """ - "
Ada sejumlah besar rangkaian ESC untuk karakter khusus, seperti " " untuk dan "®" untuk . Salah satu fiturnya adalah penggantian karakter pada bagian ke-2 tabel simbol (setelah karakter ke-127) dengan escape sequence untuk transmisi file teks dengan bahasa nasional melalui saluran 7-bit.
Urutan ESC hal - hal sensitif: TIDAK DAPAT digunakan sebagai gantinya<.
Tag yang paling umum digunakan ditunjukkan pada Tabel 2.
Tabel 1.2 - Tag dasar untuk mendesain dokumen HTML
Atribut |
Fungsi |
|
versi= garis |
Menunjukkan versi HTML yang digunakan untuk membuat dokumen ini |
|
Teks yang diapit tag akan ditampilkan dalam huruf miring |
||
Tag HEAD – tag awal dan akhir dari bagian kepala dokumen HTML |
||
menandaiJUDUL– tag judul awal dan akhirHTML-dokumen |
||
menandaiA– tag awal dan akhir yang memungkinkan Anda membuat hyperlink (atributhref) atau pengidentifikasi fragmen (atributnama) tajukHTML-dokumen |
||
href= url |
Menentukan URL dokumen target hyperlink (diperlukan jika itu bukan jangkar nama) |
|
metode= daftar |
Menentukan daftar metode tampilan khusus browser (dipisahkan dengan koma) |
|
nama= garis |
Menentukan nama pengidentifikasi fragmen (diperlukan jika ini bukan jangkar tautan hiperteks) |
|
rel= koneksi |
Hubungan dokumen ini dengan dokumen target ditentukan |
|
putaran= koneksi | ||
sasaran= Nama |
Menentukan nama bingkai atau jendela tampilan dokumen yang ditunjukkan oleh tautan. |
|
judul= garis | ||
Menentukan nama sumber daya seragam yang tidak bergantung pada lokasi untuk hyperlink ini |
||
menandaiALAMAT– teks yang terlampir dalam tag ini adalah alamat |
||
menandaiB– teks yang diapit dalam tag ini akan ditampilkan dalam huruf tebal |
||
menandaiBASIS– yang dasar ditunjukkanURLuntuk semua relatifURLdalam dokumen ini |
||
Atribut |
Fungsi |
|
href= url |
Tentukan URL dasar |
|
sasaran= Nama |
Menetapkan jendela target default untuk semua tautan dalam dokumen. Ditujukan terutama untuk mengarahkan tautan ke frame lain. Ada empat nilai khusus: _blank, _parent, _self, dan _top |
|
menandaiDASAR– menentukan ukuran font untuk teks berikutnya |
||
Atribut |
Fungsi |
|
ukuran= arti | ||
menandaiBESAR– teks yang diapit tag akan ditampilkan dalam ukuran font yang lebih besar |
||
menandaiTUBUH– tag awal dan akhir badan dokumen |
||
tautan= warna |
Mengatur warna tautan hiperteks aktif dalam dokumen |
|
latar belakang= url |
Menentukan URL gambar latar belakang |
|
bgwarna= warna |
Mengatur warna latar belakang dokumen |
|
properti bg= arti |
Jika arti sama dengan diperbaiki, mencegah gambar latar belakang bergulir bersama dengan konten dokumen (YAITU.2 dan lebih tinggi) |
|
margin kiri=rata-rata N TIDAK |
Atur ukuran (dalam piksel) margin kiri dokumen (YAITU.2 dan lebih tinggi) |
|
tautan= warna |
Mengatur warna link hypertext yang "belum dikunjungi" dalam dokumen |
|
teks= warna |
Mengatur warna teks biasa dalam dokumen |
|
margin atas= arti |
Tetapkan ukuran (dalam piksel) margin atas dokumen (YAITU.2 dan lebih tinggi) |
|
tautan v= warna |
Mengatur warna link yang "dikunjungi" dalam dokumen |
|
menandaiBr– hentikan aliran teks saat ini dan lanjutkan dari awal baris berikutnya |
||
Atribut |
Fungsi |
|
Menyetel "bungkus" suatu objek, yang lokasinya ditunjukkan oleh nilai atribut ini (kiri, kanan, atau semua). Saat Anda membungkus pada baris baru, teks akan ditempatkan sehingga objek tetap terlihat |
||
menandaiTENGAH– menempatkan teks yang diapit tag di tengah |
||
menandaiMENGUTIP– teks yang diapit tag mewakili kutipan |
||
menandaiKOMENTAR– Komentar di teks dokumen. Komentar akan terlihat di browser apa pun. Untuk semua browser, komentar direpresentasikan sebagai |
||
menandaiDD– mengatur bagian deskriptif untuk elemen daftar definisi |
||
menandaiDFN– teks yang diapit tag diformat sebagai definisi |
||
menandaiD.L.– membuat daftar definisi yang berisi tag< dt> dan< DD> |
||
menandaiD.T.– bagian deskriptif-kondisional ditentukan untuk elemen daftar definisi |
||
menandaiMENANAMKAN– tag awal dan akhir yang memungkinkan Anda mendeskripsikan objek yang disematkan dalam dokumen. Tergantung pada tipe objek yang disematkan, parameter tambahan mungkin disertakan selain yang tercantum di bawah |
||
Atribut |
Fungsi |
|
Menentukan URL objek yang disematkan. Atribut ini diperlukan |
||
tinggi= N |
Menentukan ketinggian zona yang akan ditempati oleh objek bawaan |
|
nama= Nama |
Menentukan nama objek yang disematkan |
|
Menentukan lebar zona yang akan ditempati oleh objek bawaan |
||
menandaiFONT– mengatur ukuran, warna atau jenis huruf teks yang diapit tag |
||
Atribut |
Fungsi |
|
Mengatur warna teks yang diapit tag |
||
wajah=daftar |
Mengatur jenis huruf teks yang diberi tag (menetapkan nama font pertama yang tercantum dalam daftar yang dipisahkan koma) |
|
ukuran= arti |
Atur ukuran font dasar. Rentang – dari 1 hingga 7 |
|
menandaiHn– teks yang diapit tag mewakili judul levelN. Nilai yang mungkinN– dari 1 hingga 6 |
||
Atribut |
Fungsi |
|
sejajarkan= jenis |
Menentukan bagaimana judul harus disejajarkan: kiri (default), tengah, atau kanan (kanan) |
|
menandaiSDM– memutus aliran teks saat ini. Penggaris horizontal akan disisipkan pada titik putus. |
||
Atribut |
Fungsi |
|
sejajarkan= jenis |
Menentukan bagaimana penggaris harus disejajarkan: kiri, tengah (default), atau kanan |
|
Jangan gunakan penetasan volumetrik saat menampilkan penggaris |
||
Mengatur ketebalan penggaris ke jumlah piksel bilangan bulat |
||
lebar= arti | ||
menandaiSAYA– teks yang diapit tag akan ditampilkan dalam huruf miring |
||
menandaiIMG– gambar dimasukkan ke dalam aliran teks saat ini |
||
Atribut |
Fungsi |
|
alternatif= teks |
Menetapkan teks alternatif untuk browser yang tidak mendukung gambar |
|
Perbatasan= N |
Mengatur ketebalan (dalam piksel) batas gambar yang terdapat dalam hyperlink |
|
Menambahkan kontrol pemutaran untuk klip video yang disematkan (YAITU.2 dan lebih tinggi) |
||
Dinasti= url |
MengaturURL-alamat klip video yang akan dicitrakan( YAITU. 2 dan lebih tinggi) |
|
Tinggi= N |
Mengatur tinggi gambar dalam piksel |
|
Hspasi= N |
Mengatur penempatan di kiri dan kanan gambar pada area ruang kosong dengan lebar N piksel |
|
Menunjukkan bahwa saat menggunakan tag ini dalam sebuah tag gambar dipilih menggunakan mouse |
||
lingkaran= arti |
Atur jumlah pengulangan pemutaran video. Arti dapat berupa bilangan bulat atau tak terbatas (YAITU.2 dan lebih tinggi) |
|
RC rendah= url |
Ditentukan oleh gambar beresolusi rendah yang harus dimuat browser terlebih dahulu. Ini diikuti oleh gambar yang ditentukan oleh atribut |
|
Menentukan URL sumber gambar yang akan diputar. Atribut ini diperlukan |
||
mulai= Awal |
Menentukan waktu memutar klip video (pilihan: buka file atau gerakkan mouse) |
|
Peta penggunaan= url |
Menentukan area gambar yang sensitif terhadap pergerakan mouse |
|
Vspasi= N |
Menentukan penempatan area ruang kosong npiksel di atas dan di bawah gambar |
|
Menentukan lebar gambar dalam piksel |
||
menandaiKBD– teks yang diapit tag dimasukkan karakter demi karakter (seperti saat mengetik dari keyboard) |
||
menandaiTAUTAN- dalam judul (< kepala >) suatu dokumen, tautan dari dokumen ini ke dokumen lain ditentukan |
||
Atribut |
Fungsi |
|
href= url | ||
metode= daftar |
Menetapkan daftar metode tampilan untuk tautan ini, bergantung pada browser (dipisahkan dengan koma) |
|
rel= koneksi |
Hubungan dokumen ini dengan dokumen target ditentukan. Untuk Internet Explorer 3.0, rel=style berarti adanya style sheet eksternal |
|
putaran= koneksi |
Umpan balik dari dokumen target dengan data ditentukan |
|
Menentukan URL style sheet eksternal yang akan digunakan untuk memformat dokumen ( YAITU.2 dan lebih tinggi) |
||
judul= garis |
Menetapkan judul dokumen target |
|
tipe= teks/css | ||
Nama sumber daya universal ditentukan untuk dokumen target, terlepas dari lokasinya |
||
menandaiPETA– area gambar yang sensitif terhadap pergerakan mouse ditentukan |
||
Atribut |
Fungsi |
|
nama= garis |
Menentukan nama area ini. Atribut ini diperlukan |
|
menandaiNOBR– jeda tidak diperbolehkan dalam teks yang diapit tag |
||
menandaiP– tag awal dan akhir paragraf |
||
sejajarkan= jenis |
Mengatur perataan teks dalam paragraf: kiri, tengah, atau kanan |
|
menandaiTEKS PLAINT– menentukan bahwa sisa dokumen harus ditampilkan belum diproses, sebagai teks yang telah diformat sebelumnya |
||
menandaiPRA– teks yang diapit tag akan ditampilkan seperti ini. bagaimana dokumen tersebut diformat sebelumnya, tanpa pemrosesan, dengan jeda baris dan spasi yang tepat |
||
Browser akan menempatkan teks sehingga (jika memungkinkan) n karakter muat pada baris |
||
menandaiS |
||
menandaiSAMP– teks yang diapit tag adalah templat |
||
menandaiKECIL– teks yang diapit tag akan ditampilkan dalam ukuran font yang lebih kecil |
||
menandaiPENGURUS– masukkan pemisah ke dalam dokumen(HanyaN3) |
||
tipe= jenis |
Jenis pemisah ditentukan: vertikal – area ruang kosong dengan ukuran tertentu ditempatkan di antara dua baris teks; horizontal – area ruang kosong dengan ukuran tertentu ditempatkan di antara kata atau blok karakter – penyisipan area persegi panjang |
|
Menentukan (dalam piksel) lebar pemisah horizontal atau tinggi pemisah vertikal |
||
Menentukan lebar pemisah blok |
||
tinggi= N |
Menentukan ketinggian pemisah blok |
|
sejajarkan= arti |
Menentukan bagaimana pembatas blok disejajarkan dengan teks di sekitarnya. |
|
menandaiMENJANGKAU– teks yang diapit tag akan diformat menggunakan style sheet(HanyaYAITU.3 ke atas) |
||
Atribut |
Fungsi |
|
gaya= elemen |
Elemen style sheet ditentukan untuk teks dalam spasi tertentu |
|
menandaiMEMUKUL– teks yang diapit tag akan ditampilkan dengan garis horizontal melewatinya |
||
menandaiSUB– teks yang diapit tag akan ditampilkan sebagai subskrip |
||
menandaiSUP– teks yang diapit tag akan ditampilkan sebagai superskrip |
||
menandaiTT– teks yang diapit tag akan ditampilkan dalam font monospace |
||
menandaiVAR– teks yang diapit tag mewakili nama variabel |
Menandai merupakan wadah untuk mengubah karakteristik font seperti ukuran, warna dan jenis huruf. Meskipun tag ini masih didukung oleh semua browser, tag ini dianggap sudah usang dan disarankan untuk mengabaikan penggunaannya demi gaya.
Sintaksis
TeksPilihan
Deskripsi parameter tag
Parameter WARNA
Mengatur warna teks di dalam wadah .
Sintaksis
...Analog dari CSS -warna
Parameter WAJAH
Parameter wajah digunakan untuk menentukan jenis huruf yang digunakan untuk teks. Anda dapat mencantumkan beberapa nama font, dipisahkan dengan koma. Dalam hal ini, jika font pertama yang ditentukan tidak ditemukan, browser akan menggunakan font berikutnya dalam daftar.
Sintaksis
...Argumen adalah sejumlah nama font yang dipisahkan dengan koma. Keluarga font universal:
- serif— font serif (antik), seperti Times;
- Sans Serif— font sans-serif (font tanpa serif atau sans serif), perwakilan tipikalnya adalah Arial;
- kursif— font miring;
- fantasi— font dekoratif;
- ruang tunggal- Font monospace, lebar setiap karakter dalam keluarga ini sama.
Analog CSS - keluarga font
Parameter UKURAN
Menyetel ukuran font dalam satuan sembarang dari 1 hingga 7. Ukuran rata-rata yang digunakan secara default adalah 3. Ukuran font dapat ditentukan sebagai nilai absolut (misalnya, ukuran = 4), atau sebagai nilai relatif (untuk contoh, ukuran = "+1" ukuran = "-1"). Dalam kasus terakhir, ukurannya berubah relatif terhadap ukuran dasar. Ukuran font tidak hanya dipengaruhi oleh parameter ukuran yang ditentukan, tetapi juga oleh pilihan jenis font. Dengan demikian, font Arial terlihat lebih besar dari font Times, dan font Verdana sedikit lebih besar dari font Arial. Pertimbangkan fitur ini saat memilih font dan ukurannya.
Sintaksis
...Argumennya berupa bilangan bulat dari 1 hingga 7 atau kenaikan atau penurunan nilainya menggunakan simbol + dan -.