Pemformatan teks HTML

HTML boleh mentakrifkan banyak elemen output yang diformatkan Contohnya: tebal, condong, arah teks, dll. Tag pemformatan ini boleh dibahagikan daripada dua aspek

Mengikut fungsi teg , ia boleh dibahagikan kepada:

Teg pemformatan teks

teg 'Computer output'

Petikan dan definisi istilah Teg


boleh dibahagikan kepada:


Berasaskan kandungan teg gaya

Teg berasaskan gaya fizikal


Pertama lihat pemformatan teks dari perspektif pelaksanaan fungsi teg .

1. Teg gaya berasaskan kandungan

Gaya berasaskan kandungan memberitahu penyemak imbas bahawa teks yang terkandung di dalamnya mempunyai makna atau penggunaan yang istimewa penyemak imbas akan menggunakan format yang konsisten dengan makna, konteks atau penggunaan pada teks

Teg gaya berasaskan kandungan adalah seperti berikut:

1) < ;abbr> 🎜>

2) <akronim> mentakrifkan singkatan yang hanya mengambil huruf pertama

3) <kod> digunakan untuk mewakili kod sumber komputer atau kod lain yang boleh dibaca oleh mesin.

4) <dfn> Menandai takrif istilah atau frasa khas.

5) <em> Memberitahu pelayar bahawa teks yang terkandung di dalamnya adalah untuk penekanan.

6) <kbd> mewakili teks untuk dimasukkan daripada papan kekunci dan penyemak imbas menggunakan fon lebar tetap untuk memaparkan teks

7) Teg <strong> teg em> menunjukkan pengubahsuaian teks tetapi nada <strong> lebih kuat.

8) <var> >

Gaya berasaskan kandungan ialah menggunakan berbeza Fon dan format yang digunakan untuk memaparkan teks yang dikelilingi oleh teg mempunyai makna istimewa Jika anda hanya ingin menghasilkan kesan paparan teks yang berbeza tanpa makna istimewa ini, sebaiknya jangan gunakan ini teg. Contohnya: <strong> ; dan teks yang terkandung di dalamnya dipaparkan dalam huruf tebal dan tebal teg <b>

2. Teg berdasarkan gaya fizikal


gaya berasaskan kandungan memberitahu penyemak imbas bahawa ini tag mewakili makna istimewa, yang boleh menjadikan penyemak imbas lebih baik Teks realistik Pada masa yang istimewa, teks mungkin perlu dipaparkan dengan cara yang istimewa, yang memerlukan penggunaan gaya fizikal 9 gaya berasaskan fizikal: huruf tebal (bold) italik < Italic) monospace (monospace), garis bawah (garis bawah), coret (coret) besarkan (lebih besar), kurangkan (lebih kecil), superscript (superscripted), subskrip (dilanggan)

bold<b>

fon besar <besar>

Italik<i>

<s>Padam, ia tidak lagi biasa digunakan, sebaliknya anda boleh menggunakan <del> ><kecil>Fon kecil

<strike>Gariskan

<sub>Superskrip

<sup>Subskrip

<tt>Fon Monospace.

Itu sahaja untuk bahagian fungsian Tiada teg di atas.

Teg pemformatan teks.


Teg                                     <🎜 fon

<besar> Tentukan fon besar

<kecil> Takrifkan fon kecil

<em> ;i> Tentukan fon italik

<strong> Tentukan penekanan yang lebih kuat

<sub> ;ins> Takrifkan perkataan sisipan

<del> sudah tidak digunakan.

<kbd>

<samp> Mentakrifkan sampel kod komputer.

<tt> Tentukan kod mesin taip.

<var>

<pra> Tentukan teks yang dipraformat.

<penyenaraian> Gunakan <pra>

<teks biasa> Gunakan <pra>

<xmp> Gunakan <pra>

Petikan, petikan dan takrifan istilah


Teg                       

<ab;

<akronim>


<alamat>

<bdo>

<blockquote>

<q>

<cite> Tentukan petikan dan petikan.

<dfn> Tentukan item definisi.

Instance:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<b>This text is bold</b>  
  
<br />  
  
<strong>This text is strong</strong>  
  
<br />  
  
<big>This text is big</big>  
  
<br />  
  
<em>This text is emphasized</em>  
  
<br />  
  
<i>This text is italic</i>  
  
<br />  
  
<small>This text is small</small>  
  
<br />  
  
This text contains   
<sub>subscript</sub>  
  
<br />  
  
This text contains   
<sup>superscript</sup>  
  
</body>
</html>

Instance 2:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>
<code>Computer code</code>  
<br />  
<kbd>Keyboard input</kbd>  
<br />  
<tt>Teletype text</tt>  
<br />  
<samp>Sample text</samp>  
<br />  
<var>Computer variable</var>  
<br />  
  
<p>  
<b>注释:</b>这些标签常用于显示计算机/编程代码。   
</p>  
  
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <b>这个文本是加粗的</b> <br /> <strong>这个文本是加粗的</strong> <br /> <big>这个文本字体放大</big> <br /> <em>这个文本是斜体的</em> <br /> <i>这个文本是斜体的</i> <br /> <small>这个文本是缩小的</small> <br /> 这个文本包含 <sub>下标</sub> <br /> 这个文本包含 <sup>上标</sup> </body> </html>