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:

  1. “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).
  2. 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.
  3. 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

...
. Mengapa tag terpisah berguna? Berbeda dengan atributnya, atribut ini berfungsi dengan konten apa pun, termasuk foto, video, flash, dll.

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.

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 penutuptidak 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.


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

sebelum judul, dan tutup dengan
di akhir seluruh teks. Ya, di dalam
setel align="center" , tetapi hanya sekali. Menurut saya ini jauh lebih cepat dan nyaman dan pada akhirnya hal yang sama terjadi.

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





tanda FONT


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 (YAITU.2 dan lebih tinggi)

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

Teks

Pilihan

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 -.

Publikasi tentang topik tersebut