Halo, para pembaca blog yang budiman! Artikel ini akan membahasnya tag pemformatan teks. Contoh utama termasuk membuat teks menjadi tebal atau miring. Kami juga akan melihat dampak beberapa tag pada optimasi situs web internal dan aturan penulisannya. Anda dapat membacanya di artikel yang diberikan. Omong-omong, Anda dapat menemukan elemen desain teks serupa di banyak editor teks, misalnya di Word.
Tag dibagi menjadi 2 jenis: blok dan inline. Saat menggunakan yang pertama, Anda dapat mengubah konten bagian teks (baris, fragmen atau kata individual), dan yang terakhir adalah . Tag pemformatan yang akan kita lihat di artikel ini sebagian besar menggunakan huruf kecil.
Aturan dan urutan penulisan tag
Anda pasti sudah tahu apa itu tag pembuka dan tag penutup. Jika belum, maka bacalah artikel di awal materi ini. Singkatnya, ada dua jenis tag: tunggal (misalnya, baris baru) dan wadah (berpasangan). Jadi, semua tag pemformatan teks adalah berpasangan. Ini berarti bahwa setiap elemen memiliki tag pembuka dan penutup, dan sorotan harus ditempatkan di antara keduanya. Misalnya, pemilihan frasa yang benar akan terlihat seperti ini: Fragmen yang dipilih
Saat browser memproses fragmen ini, Anda akan melihat teks berikut: Fragmen yang dipilih. Omong-omong, semua tag tidak ditampilkan di RSS feed().
Hal utama saat menulis tag adalah ingat untuk menutupnya. Jika tidak, semua teks pada halaman akan disorot dalam huruf tebal (dalam contoh dengan tag ). Namun ada kalanya Anda perlu menyorot bagian tertentu dalam huruf tebal dan miring secara bersamaan. Namun tidak ada tag yang melakukan tindakan ini. Hanya ada satu jalan keluar dari situasi ini: gunakan dua tag secara bersamaan. Tidak masalah dalam urutan apa Anda menggunakannya. Oleh karena itu, tulislah teks dengan tag seperti ini:
Fragmen yang dipilih
atau seperti ini:
Fragmen yang dipilih
Anda akan tetap menerima Fragmen yang dipilih miring dan tebal secara bersamaan. Namun, lebih baik menggunakan opsi pertama, karena pada awalnya itu adalah satu-satunya pilihan yang benar. Selain itu, jangan lupa bahwa setiap browser dapat memproses tag secara berbeda (), bergantung pada pengaturannya. Sekarang mari beralih ke tag pemformatan itu sendiri.
Teks tebal dan miring - tag , , Dan
Tag pemformatan teks paling populer adalah menyorotnya berani Dan huruf miring. Mereka biasanya digunakan untuk memberi arti penting pada sebuah fragmen. Kasus pertama berfungsi untuk menyorot sebuah fragmen yang berisi informasi atau kata kunci yang berguna. Huruf miring memiliki tujuan yang sama dengan teks tebal, namun informasinya kurang penting karena huruf miring kurang terlihat di latar belakang teks isi dibandingkan teks tebal.Mari kita pertimbangkan dulu membuat teks menjadi tebal. Ada dua tag yang digunakan untuk tindakan ini - Dan . Tidak ada perbedaan dalam penampilan. Meskipun, mengingat setiap browser dapat menafsirkan setiap elemen secara berbeda, Anda mungkin dapat melihat perbedaannya. Seperti inilah tampilan teks dalam tag Dan dalam bentuk yang sudah diproses oleh browser:
Teks dalam tag kuat
Teks dalam tag b
Dan inilah tampilan kedua baris ini pada kode sumber halaman:
Teks dalam tag kuat Teks dalam tag b
Kita dapat mengamati situasi yang sama dalam kasus tag miring Dan . Coba temukan perbedaan antara kedua contoh tersebut:
Teks dalam tag em
Teks dalam tag I
Dan berikut ini source codenya:
Teks dalam tag em Teks dalam tag I
Jadi, tag yang dianggap tebal dan miring sebenarnya tidak ada bedanya, tapi mengapa kita membutuhkan, misalnya, tag tersebut jika ada ? Lagi pula, yang terakhir hanya berisi satu karakter (tidak termasuk tanda kurung) dan karenanya lebih mudah untuk ditulis. Dan intinya adalah tag itu Dan pengaruh . Jika Anda mengelilingi kata kunci dengan tag ini, ini akan memiliki efek menguntungkan pada promosi situs web. Hal utama adalah jangan berlebihan - teks harus mengandung maksimal 5% teks tebal di dalam tag , dan jumlah huruf miring yang sama pada tag .
Jika Anda hanya ingin menyorot suatu titik dalam teks, gunakan tag atau . Secara umum, menurut saya mesin pencari juga menganggap teks dalam tag ini lebih penting, tapi optimalisasi internal mereka masih memiliki pengaruh yang lebih kecil dibandingkan Dan .
Tag untuk menyorot teks dengan garis - , Dan
Sekarang mari kita lihat beberapa tag yang menggunakan tanda hubung dalam desain teks. Editor teks paling terkenal yang Anda tahu adalah menandai
atau garis bawah. Tag ini tidak berdampak pada peringkat (sejauh yang saya tahu), tetapi menyorot beberapa teks dan memfokuskan perhatian padanya akan membantu. Saya memberikan contoh penggunaan tag ini tepat di atas. Dua tag lagi yang memiliki tujuan serupa - Dan . Keduanya menjalankan fungsi mencoret teks. Anda dapat menggunakan tag ini dalam situasi apa pun: jika Anda memperbarui dokumen (atau lebih tepatnya, sebagian darinya), Anda dapat mencoret dokumen lama dan menambahkan yang baru; jika Anda akan menulis sesuatu yang melenceng dari topik materi; sesuatu yang tidak sesuai dengan standar moral dan etika.
Perbedaan kedua tag ini hanya terletak pada nya saja menulis, oleh karena itu lebih baik menggunakan yang pertama, karena pertama, lebih nyaman untuk menulis, dan kedua, halaman Anda akan berisi lebih sedikit kode HTML, dan mesin pencari menyukainya.
Menandai dan atribut - parameter font teks
Sekarang perhatikan sebuah tag yang tidak digunakan tanpa atribut. Dengan menggunakannya, Anda dapat mengatur parameter untuk bagian teks tertentu. Secara umum, sekarang lebih baik menggunakan (cascading style sheet), karena... menggunakannya Anda dapat mengurangi keseluruhan kode HTML halaman. Jadi, mari kita lihat tag yang sama . Semuanya ada untuknya tiga atribut:
- menghadapi- font itu sendiri. Misalnya Arial, Kurir atau Verdana. Anda dapat membuat daftar beberapa, karena tidak semua pengguna memiliki kumpulan font yang banyak, dan dengan menulis beberapa font di atribut wajah, browser akan dapat memilih font mana yang akan digunakan, atau lebih tepatnya, font mana yang ada di sistem;
- ukuran— atribut yang menunjukkan ukuran teks. Dapat dinyatakan dalam satuan konvensional dan piksel;
- warna- warna teks. Atribut ini dapat digunakan baik dalam kode warna HTML maupun dalam kode kata. Yang pertama berbentuk #FFFFFF (di mana F adalah angka atau huruf apa saja dari A sampai F), dan yang kedua ditulis dengan kata-kata sederhana (misalnya merah).
Seperti inilah tampilan teks di dalam tag menggunakan setiap atribut:
Teks ini berukuran 6px
Teks ini berwarna merah Teks ini dalam font Arial Teks ini berwarna merah dan berukuran 5pxDan inilah yang akan Anda lihat setelah memproses kode tertulis: 
Blokir elemen desain teks - judul -, gugus kalimat
, gugus kalimat
Terakhir, kita akan melihat elemen blok, yang digunakan di hampir setiap dokumen. Ini adalah tag judul dan paragraf. Mari kita pertimbangkan yang pertama. Ada 6 jenis heading dan masing-masing memiliki tag tersendiri. Setiap jenis hanya memiliki nomor serinya sendiri dan dicatat menggunakan tag
, ,..., . Berikut tampilan semua header saat diproses:
. Berikut tampilan semua header saat diproses:
Nomor setelah judul kata sesuai dengan nomor pada tag
Sekarang mari kita bicara tentang tag highlight paragraf
Fungsi dari tag ini adalah untuk memisahkan teks antara teks lain yang identik dan sebuah baris kosong. Jika Anda melihat kode sumber suatu dokumen, Anda dapat melihat yang berikut:
Persegi panjang hijau berisi satu paragraf, persegi panjang merah berisi paragraf lainnya. Dan inilah tampilan kode ini setelah diproses oleh browser (panah menunjuk ke baris kosong):
Hasilnya, kami mendapatkan pemisahan yang cukup mencolok antara satu paragraf dengan paragraf lainnya, yang bermanfaat - membaca menjadi lebih nyaman.
Ini adalah akhir dari artikel tentang tag pemformatan dokumen. Masih banyak lagi daripada yang saya jelaskan di materi ini. Hanya saja banyak hal yang perlu dikatakan tentang beberapa di antaranya, oleh karena itu artikel terpisah dengan ulasan lengkap akan dikhususkan untuk mereka!
Untuk membuat halaman WEB kami terlihat lebih rapi, kami akan membagi teks menjadi beberapa paragraf dan menyorot judulnya. HTML memiliki 6 level judul bagian dokumen, diberi nomor 1 sampai 6. Judul dideklarasikan dengan sepasang tag dengan nomor yang sesuai dengan levelnya, misalnya,
- judul bagian tingkat pertama, dan - judul bagian tingkat keenam. Judul berbeda dari teks biasa dalam ukuran dan lebar huruf. Heading tingkat pertama h1 biasanya ditampilkan dalam font yang sangat besar, sedangkan heading tingkat keenam h6 biasanya ditampilkan dalam font yang sangat kecil.Judul
Jangan bingung antara judul bagian dokumen dengan judul dokumen yang telah dibahas sebelumnya, yang ditentukan oleh elemen
.Kami menggunakan kalimat pertama sebagai judul teks - Untuk melakukan ini, cukup membatasinya dengan tag
Dan
.Masukkan tag ke dalam teks file other.html
Dan
sehingga membatasi kalimat pertama teks, dan potongan kode ini berbentuk sebagai berikut:Selamat datang di halaman perusahaan SD!
Mari kita lihat hasil yang diperoleh.
Simpan file dengan memilih perintah menu Notepad File - Simpan.
Operasi penyimpanan harus selalu dilakukan sebelum melihat dokumen, karena ini membuka file untuk dilihat dengan memuatnya ke dalam RAM komputer dari disk. Jika Anda tidak menyimpan file setelah mengedit kode HTML, Anda tidak akan melihat konfigurasi apa pun di browser.
Pulihkan jendela browser dengan mengklik tombolnya di Taskbar.
Tekan tombol F5 atau tombol Refresh pada toolbar jendela kerja program. File other.html akan dimuat ulang dan Anda akan melihat seperti apa header tingkat pertama di jendela browser Anda.
Lihat tampilan judul 5 level lainnya dengan mengubah angka di tag: h2, h3, dan seterusnya.Setelah setiap konfigurasi, jangan lupa untuk menyimpan file dan memperbarui gambar di jendela browser.
Saat Anda menyelesaikan eksperimen, pulihkan kembali tag di file other.html
.Dengan menggunakan 6 tingkat judul yang disediakan HTML, Anda dapat membuat dokumen yang mudah dibaca dengan struktur intuitif. Ingatlah bahwa dokumen Anda akan selalu lebih baik dibaca jika dibagi dengan jelas menjadi beberapa bagian dan subbagian.
Penyelarasan Pos
Secara default, judul disejajarkan dengan tepi kiri halaman. Namun bisa juga disejajarkan ke kanan atau ke tengah. Untuk perataan yang tepat dalam sebuah tag
Atribut align="right" digunakan, dan untuk pemusatan - align="center". Indikasi jelas perataan sisi kiri juga diperbolehkan - align="left".
Tambahkan ke tanda
atribut align="center" untuk memusatkan judul. Elemen ini akan terlihat seperti ini:
Selamat datang di halaman perusahaan SD!
Di masa mendatang, kami tidak akan mengingatkan Anda tentang perlunya menyimpan file dengan kode awal dan menyegarkan gambar di browser sebelum melihatnya.
Cara membuat teks disorot (tebal) dalam HTML
Sekarang mari kita beralih ke teks lainnya. Mari kita perbesar ukurannya dan buat teks menjadi miring tebal. Untuk mengatur gaya tebal, tag berpasangan digunakan .
Masukkan yang pembuka ke file other.html dan penutupan tag sehingga membatasi teks. Di sini Anda akan mengetahuinya... Elemen ini harus berbentuk berikut:
Cara membuat teks menjadi miring di HTML
Gaya miring diatur menggunakan tag .
Masukkan tag HTML ke dalam kode awal Dan sehingga elemen yang diedit mengambil bentuk berikut:
Di sini Anda akan mempelajari tentang aktivitas kami, tentang produk perangkat lunak perusahaan kami, dan tentang peralatan yang kami produksi
Elemen markup dapat disarangkan, seperti dalam struktur ini, di mana elemen tersebut … bersarang di dalam sebuah elemen …. Browser modern mampu menangani tag bersarang dengan benar. Oleh karena itu, Anda perlu memastikan bahwa urutan investasi tidak dilanggar. Browser akan sulit dioperasikan jika nestingnya rusak. Misalnya, entri ini salah: …. Kepatuhan terhadap sarang adalah bagian yang sangat penting dari budaya umum penulisan kode HTML.
Cara membuat teks bergaris bawah pada HTML
Menggunakan beberapa tag Anda dapat mengatur gaya garis bawah pada potongan teks yang dibatasi oleh tag ini, dan menggunakan sepasang tag - tampilkan teks dalam font teletype.
Perlu dicatat bahwa baru-baru ini tag tersebut disederhanakan dan ditekankan menggunakan gaya. setara . Ya, analog baru terlihat lebih rumit, tapi sayangnya ini lebih benar. Hal utama yang mendukung hal ini adalah bahwa versi besarnya bersifat lintas-browser, dengan kata lain, cocok untuk semua browser, ketika Tidak semua browser mendukungnya.
Cara menambah teks dalam HTML
Sekarang mari kita tingkatkan ukuran font teks. Hal ini dapat dilakukan dengan menggunakan berbagai metode.
Tag menambah ukuran font teks yang diapit di antaranya.
Tambahkan tag masing-masing ke awal dan akhir potongan kode di atas Dan sehingga elemen tersebut berbentuk sebagai berikut:
Di sini Anda akan mempelajari tentang aktivitas kami, tentang produk perangkat lunak perusahaan kami, dan tentang peralatan yang kami produksi
Menggunakan tag Anda dapat memperkecil ukuran font teks dibandingkan dengan yang awal.
Metode lain untuk menentukan ukuran font adalah dengan menggunakan tag dengan atribut ukuran. Nilai atribut ini digunakan sebagai bilangan bulat dari 1 hingga 7. Dalam hal ini, nilai 1 menunjukkan ukuran font terkecil, dan nilai 7 menunjukkan ukuran font terbesar.
Menggunakan alih-alih tag lihat tag , lihat bagaimana ukuran font teks berubah untuk nilai atribut ukuran yang berbeda - dari 1 menjadi 7.
Anda juga dapat menggunakan angka 1 sampai 7 dengan tanda + (plus) atau - (minus) sebagai nilai atribut size. Dalam hal ini, ukuran font bertambah atau berkurang, dibandingkan dengan ukuran awal, misalnya tag Ukuran font akan bertambah satu tingkat dibandingkan saat ini. Coba lihat.
Tetapkan 5 sebagai nilai atribut ukuran untuk potongan teks yang dimaksud: . Kode HTML untuk bagian ini harus seperti ini:
Di sini Anda akan mempelajari tentang aktivitas kami, tentang produk perangkat lunak perusahaan kami, dan tentang peralatan yang kami produksi.
Dalam tag Atribut warna juga dapat digunakan untuk menentukan warna font yang dibatasi oleh tag teks. Arti dari atribut ini sama dengan atribut yang telah dibahas sebelumnya yaitu menggambarkan warna background dan teks dokumen.
Secara default, paragraf dengan teks Di sini Anda akan mengetahui... disejajarkan ke kiri. Pusatkan secara horizontal menggunakan tag
Sisipkan tag
Harap dicatat bahwa kami menggunakan tag untuk memusatkan paragraf
Perhatian! Untuk tag 2010 ,
=
=
Ada juga sejumlah besar tag usang lainnya yang tidak dapat dijelaskan dalam artikel ini, jadi lebih baik segera membiasakan diri dengan situs WEB khusus mengenai masalah ini. Tapi saya memposting yang utama di sini sedikit lebih tinggi
Kode alokasi
Bahasa HTML memungkinkan dua pendekatan untuk pemilihan font pada fragmen teks. Di satu sisi, Anda dapat secara langsung menunjukkan bahwa font pada bagian tertentu dari teks dapat dicetak tebal atau miring; dengan kata lain, Anda dapat dengan jelas menunjukkan gaya font teks, seperti yang kami lakukan dalam percobaan ini. Di sisi lain, Anda dapat menandai bagian teks mana pun yang memiliki gaya logis yang berbeda dari biasanya, sehingga menyerahkan interpretasi gaya ini kepada browser. Dengan demikian, gaya logis menunjukkan peran sebuah potongan teks, misalnya, signifikansinya yang sangat besar dibandingkan dengan teks biasa, atau fakta bahwa potongan tersebut adalah kutipan. Dalam karya Anda sendiri, Anda dapat menggunakan tag berikutnya yang menentukan gaya logis. Periksa cara kerjanya di berbagai browser.
- digunakan untuk mendefinisikan sebuah kata. Teks ditampilkan dalam huruf miring secara default.
- untuk menyorot kata-kata dan memperkuatnya. Teks ditampilkan dalam huruf miring secara default.
- untuk menyorot judul buku, film, pertunjukan, dan sebagainya, ditampilkan dalam huruf miring secara default.
- untuk potongan kode program. Ditampilkan di layar dalam font lebar tetap.
- digunakan untuk teks yang dimasukkan pengguna dari keyboard. Mungkin muncul dalam font berbeda di browser berbeda. Tag sudah usang.
- berfungsi untuk menampilkan pesan program. Ditampilkan dalam font dengan lebar tetap. Tag sudah usang.
- untuk fragmen yang sangat penting. Biasanya disorot dengan huruf tebal.
- digunakan untuk menunjukkan bahwa sepotong teks atau kata merupakan variabel simbolik, dengan kata lain teks yang dapat diganti dengan ekspresi berbeda. Ditampilkan dalam huruf miring secara default. Tag sudah usang.
Spesifikasi HTML 4.0 menawarkan metode yang lebih canggih dalam menentukan gaya untuk teks dan bagian lainnya - menggunakan bahasa khusus yang disebut CSS (Cascading Style Sheets). Style sheet adalah pencapaian besar di bidang desain WEB, memperluas kemampuan untuk meningkatkan tampilan halaman. Style sheet memudahkan untuk menentukan spasi baris, padding, warna yang digunakan untuk teks dan latar belakang, ukuran dan gaya font, dan sebagainya.Sebagian besar bagian HTML dapat ditata menggunakan atribut style, yang ditempatkan di dalam tag pembuka elemen. Pasangan bentuk “property: value” digunakan sebagai nilai atribut style. Misalnya, dalam sepotong kode yang mendeskripsikan header bagian,
atribut style="color: blue" menentukan bahwa properti warna memiliki nilai biru, dengan kata lain, teks judul tingkat pertama harus ditampilkan dengan warna biru.
Keselarasan dengan gaya
Mari kita lihat bagaimana menggunakan bahasa Cascading Style Sheets untuk menentukan gaya potongan teks yang dimulai dengan kata-kata. Di sini Anda akan belajar...
Untuk menentukan ketebalan font, gunakan properti font-weight dengan nilai lebih ringan (narrow), tebal (semi-bold), lebih tebal (bold), misalnya style="font-weight: bold".
Untuk menentukan gaya miring, gunakan properti font-style dengan nilai miring. Oleh karena itu, untuk memberikan teks gaya miring tebal, Anda harus mencari atribut style seperti ini: style="font-weight: bold; font-style: italic". Harap diperhatikan: karakteristik dapat ditempatkan dalam urutan apa pun dan harus dipisahkan dengan titik koma.
Jika Anda perlu menentukan ukuran font, Anda harus menggunakan properti font-size, yang nilainya dapat ditentukan dalam nilai relatif atau absolut. Nilai relatif adalah persentase, dan titik (pt), piksel (px), sentimeter (cm), milimeter (mm) digunakan sebagai nilai absolut. Misalnya:
style="ukuran font: 200%"
style="ukuran font: 16pt"
style="ukuran font: 100 piksel"
Dengan menentukan ukuran absolut, bukan ukuran relatif, Anda menghilangkan kemampuan pengguna yang melihat halaman Anda untuk menambah atau mengurangi ukuran font menggunakan perintah menu browser sesuai dengan visi dan resolusi monitor mereka. Font hanya akan ditampilkan dalam ukuran yang Anda tentukan. Oleh karena itu, lebih baik menentukan ukuran font sebagai persentase. Dalam hal ini, ukuran font akan lebih kecil atau lebih besar dengan persentase tertentu dibandingkan saat diformat menggunakan tag HTML default.
Untuk menentukan cara perataan teks horizontal, gunakan properti text-align dengan nilai left (ke kiri), right (ke kanan), center (tengah), justify (lebar). Jadi, untuk menunjukkan bahwa teks Di sini Anda akan belajar... harus diformat dalam gaya miring tebal dengan ukuran 150% dari aslinya dan rata tengah, gayanya harus ditemukan sebagai berikut:
style="font-weight: bold; font-style: italic; ukuran font: 150%; perataan teks: tengah"
Kami akan menggunakan atribut ini dalam tag<р>, yang memungkinkan Anda menyajikan teks sebagai paragraf terpisah.
Mengedit elemen HTML yang menyertakan teks Anda akan belajar di sini... dengan menghapus tag
<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Di sini Anda akan mempelajari tentang aktivitas kami, tentang produk perangkat lunak perusahaan kami, dan tentang peralatan yang kami produksi
Soalnya, HTML memungkinkan berbagai teknik penataan gaya. Namun, penggunaan bahasa CSS cascading style sheet lebih diinginkan.
Opsi penyelarasan dan penataan gaya lainnya
Kami hanya melihat satu kasus penggunaan untuk bahasa stylesheet, di mana definisi gaya ditempatkan secara spesifik dalam tag elemen yang Anda jelaskan.
Hal ini dilakukan dengan menggunakan atribut style, yang digunakan dengan sebagian besar tag HTML standar. Namun ada kegunaan lain untuk CSS.
Dalam HTML standar, tanpa memperkenalkan style sheet, untuk menetapkan parameter tertentu ke elemen apa pun, seperti warna, ukuran, posisi pada halaman, dan sejenisnya, Anda harus menguraikan karakteristik ini untuk setiap elemen setiap saat, meskipun 10 halaman harus ditempatkan pada satu halaman ki bagian-bagian yang tidak berbeda satu sama lain. Anda harus memasukkan potongan kode HTML yang sama ke dalam halaman puluhan kali, sehingga meningkatkan ukuran file dan waktu yang diperlukan untuk mendownloadnya dari Internet.
Style sheet bekerja dengan cara yang berbeda, lebih nyaman dan ekonomis. Untuk menetapkan karakteristik tertentu pada suatu elemen, Anda harus menguraikan elemen ini satu kali dan menemukan deskripsi ini sebagai gaya, lalu cukup tunjukkan bahwa elemen yang ingin Anda desain dengan tepat harus sesuai dengan karakteristik gaya yang Anda gambarkan. Nyaman, bukan?
Selain itu, Anda dapat menyimpan deskripsi gaya bukan di teks halaman WEB Anda, tetapi di file terpisah - ini memungkinkan Anda menggunakan deskripsi gaya di sejumlah halaman WEB mana pun. Dan keuntungan terkait lainnya adalah kemampuan untuk mengubah desain sejumlah halaman, hanya mengoreksi deskripsi gaya dalam satu file terpisah.
Selain itu, bahasa style sheet memungkinkan Anda bekerja dengan desain font halaman pada tingkat yang lebih tinggi daripada HTML standar.
Saat ini, bahasa CSS memiliki jumlah parameter yang cukup besar untuk bagian-bagian HTML yang dapat dikontrolnya. Dengan menggunakan "aman", dengan kata lain, kompatibel dengan sebagian besar browser, elemen CSS - karakteristik font, warna bagian dan latar belakang, karakteristik teks dan batas - Anda dapat sangat memudahkan pekerjaan Anda dan membuat halaman WEB Anda lebih menarik dari segi desain teks.
Menandai dalam HTML digunakan untuk menyorot sepotong teks yang dicetak miring.
tanda HTML mengacu pada tag pemformatan fisik. Mengubah gaya font menggunakan tag bersifat stilistika.
Anda juga dapat membuat teks HTML menjadi miring menggunakan tag. Dalam hal ini, teks akan dianggap disorot secara logis (dalam arti), “digarisbawahi”.
Spesifikasi HTML5 merekomendasikan untuk memberikan prioritas pada tag pemformatan logis: fragmen teks penting - tag, penekanan - tag, subjudul - tag, penyorotan teks - tag. Miringkan teks menggunakan tag hanya boleh digunakan jika pola pemilihan tidak cocok dengan tag pemformatan logis apa pun.
Semua jenis pemilihan teks dijelaskan dalam artikel :.
Sintaksis
teks dalam huruf miringTampilan peramban
Contoh penggunaan dalam kode HTML
Teks sederhana yang dapat ditempatkan di situs web mana pun. Dan ini teks yang dicetak miring (
atau pelajari tag yang memformat teks HTML
Kami mempersembahkan kepada Anda salah satu pelajaran utama dan paling sederhana dari tutorial ini.
- teks HTML adalah komponen utama dari sebagian besar halaman Internet.
- Dengan frase kunci dalam teks halaman HTML pengguna dapat menemukan situs Anda.
- teks HTML Dapat berupa ukuran dan warna apa pun sesuai kebijaksanaan Anda. Anda juga dapat menentukan jenis font dan volumenya.
- Ukuran huruf HTML biasanya diatur dalam piksel.
- Pemformatan teks HTML banyak digunakan, tag pemformatan digunakan.
Lihat di bawah tag yang memformat teks HTML:
- Tag → berani teks HTML(Huruf tebal).
- Tag → tebal teks HTML(Huruf tebal).
- Tag → ruang tunggal teks HTML(font monospasi).
- Tag
- Tag → ruang tunggal teks HTML(font monospasi).
- Tag → teks HTML, lebih besar dari ukuran biasanya (font besar).
- Tag → teks HTML, ukurannya lebih kecil dari biasanya (font kecil).
- Tag → miring teks HTML(Huruf miring).
- Tag → miring teks HTML(Huruf miring).
- Tag → miring teks HTML(Huruf miring).
- Tag → digarisbawahi teks HTML(font yang digarisbawahi).
- Tag
- Tag → teks HTML(font) dalam subskrip.
- Tag → teks HTML(font) dalam superskrip.
Pemformatan teks HTML: teks yang dicoret dan digarisbawahi
Hasil: ... font monospace
Hasilnya: ...ukuran font lebih besar dari biasanya
Hasil: ... font miring
Hasil: teks yang dicoret (font yang dicoret)
Hasil: superskrip
Teknik pemformatan yang disajikan di atas sebaiknya hanya digunakan untuk sebagian kecil teks. Gunakan CSS jika Anda ingin menyetel font tertentu untuk seluruh halaman, atau untuk beberapa baris, misalnya.
Salam kenal teman.
Setelah istirahat panjang lagi, saya teringat bahwa saya sudah lama tidak menulis satu baris pun. Tentu saja ada alasannya, karena selalu ada alasan untuk mengemukakan alasan, bukan? Faktanya, saya melakukan Kursus Video setiap hari, yang telah saya sebutkan beberapa kali, tetapi untuk saat ini saya tidak akan mengatakan apa-apa lagi, Anda akan segera mengetahui semuanya.
Jadi, karena tidak ada yang terlintas dalam pikiran untuk ditulis. Saya memutuskan untuk melihat statistik untuk melihat minat pengguna RuNet mengenai HTML, WordPress, DLE, dan topik serupa. Dan coba tebak? Masih ada sesuatu untuk ditulis. Semua pertanyaan yang saya temukan sepertinya memiliki jawaban, namun tidak selalu dalam bentuk yang dapat dimengerti. Dan secara umum menjadi menarik untuk menulis hal seperti itu.
Hari ini kita akan berbicara tentang HTML. Yaitu, kita akan berbicara tentang cara menyorot teks dalam huruf tebal dan miring, dan kita juga akan berbicara tentang menyorot dengan warna.
Membuat teks menjadi tebal.
Untuk membuat teks tebal, Anda tidak perlu melakukan sesuatu yang mewah dengan gaya CSS atau membuat komplikasi lainnya. HTML sudah memiliki fitur ini. Pada saat yang sama, kita tidak hanya dapat menyorot teks yang dicetak tebal, tetapi juga memberi penekanan pada teks tersebut menggunakan penyorotan. Penekanannya dapat ditempatkan pada mesin pencari atau browser atau program khusus apa pun. Hal utama adalah jangan berlebihan dengan penekanan pada teks dalam artikel atau halaman dengan beberapa informasi, karena ini dapat berdampak buruk, setidaknya pada promosi halaman HTML ini.
Jadi, untuk sekadar membuat teks menjadi tebal, kita bisa menggunakan tag . Tag ini mengacu pada elemen markup fisik, sambil mengatur teks menjadi tebal tanpa memberikan penekanan apa pun padanya. Tag ini merupakan tag berpasangan yang artinya memiliki tag pembuka dan tag penutup. Selain itu, karena elemennya inline, elemen tersebut harus berada di beberapa elemen blok, misalnya
Kode sampel:
gambar kecil
Hasil:
gambar kecil
Dalam hal ini, kami cukup menyorot teks yang dicetak tebal dan selesai.
Tapi itu terjadi, jadi kita tidak hanya perlu menyorot teksnya, tapi fokus padanya. Untuk ini kita dapat menggunakan tag markup logis . Teks yang disorot dengan tag ini tidak hanya memiliki bobot lebih untuk mesin pencari. Namun secara teori seharusnya berbeda dengan tag di browser ucapan, misalnya dengan intonasi. Namun, saya tidak dapat mengkonfirmasi atau menyangkal informasi ini, apakah benar?
Dalam hal ini, semuanya sama persis seperti dalam kasus penyorotan sederhana yang dicetak tebal, hanya saja kita membuat penekanan, dan bukan hanya menyorot.
Kode sampel:
Hasil:
Semuanya cukup sederhana, bukan?
Cetak miring teks.
Dalam hal ini, semuanya tidak lebih rumit dari yang pertama. Dan situasi kita sama saja. Kita dapat menyorot teks dengan dua opsi dalam HTML. Sekali lagi, menggunakan tag markup fisik atau tag logis, yang dengannya kita kembali fokus pada teks yang dipilih.
Untuk membuat teks menjadi miring kita akan menggunakan tag . Elemen ini berpasangan dan sejajar, yang memberitahu kita bahwa kita harus menggunakan tag pembuka dan tag penutup. Mereka juga harus menggunakannya di dalam elemen blok. Dan dalam hal ini, elemen blok yang paling cocok adalah tag paragraf
Kode sampel:
teks dalam huruf miring
Hasil:
teks dalam huruf miring
Dan tentu saja, kita dapat sekaligus menekankan teks dengan menyorotnya dalam huruf miring menggunakan tag . Barang ini sama dengan , hanya saja teksnya dicetak miring dan tidak dicetak tebal.
Kode sampel:
teks yang kami fokuskan
Hasil:
teks yang kami fokuskan
Dan hal terakhir yang ingin saya bicarakan hari ini adalah menyorot teks dengan warna.
Sayangnya, kami tidak memiliki tag untuk menyorot teks dengan warna dalam HTML. Tapi tetap saja, tidak ada yang rumit dalam cara ini.
Jadi, untuk menyorot bagian teks tertentu dengan warna, kita bisa membungkus bagian teks yang diinginkan dengan tag , yang merupakan tag umum dan digunakan di dalam elemen blok. Dalam kasus kami, elemen blok adalah tag Tapi tambahkan tidak cukup. Anda juga perlu menentukan parameter gaya, yang memungkinkan Anda menambahkan properti CSS ke teks yang diperlukan, dan menentukan properti itu sendiri (warna), yang akan membantu Anda mengatur warna tertentu. Terakhir, berikan nilai untuk properti warna. Namun mungkin timbul pertanyaan: “Apa yang harus saya tunjukkan?” Anda perlu menentukan kode HTML warna yang ingin kita "lukiskan" teksnya. Kode warna HTML dapat ditemukan. Nah biar lebih jelas mari kita lihat contohnya. Kode contoh.
teks untuk disorot warna
Dalam hal ini, kami menyorot satu kata: dengan warna. Saya juga ingin mencatat tag itu dipasangkan dan kita harus menutupnya di tempat properti harus berakhir.
Hasil:
teks yang akan disorot
Dengan cara sederhana ini kita dapat memanipulasi teks di halaman kita. Saya juga ingin mencatat bahwa semua yang baru saja kita bicarakan berfungsi di WordPress dan DLE, karena mesin apa pun menggunakan HTML untuk menampilkan halaman. Itulah sebabnya HTML dapat disebut sebagai dasar situs web mana pun, apa pun CMS yang Anda miliki.
Saya harap saya menjelaskan semuanya dengan jelas.
Semoga berhasil, Teman. Sebentar lagi... Akan ada kabar menarik...
