แท็กที่เกี่ยวกับตัวอักษร ใน HTML พื้นฐาน
<Hn> ข้อความ </Hn> | กำหนดขนาดของหัวเรื่อง (Heading) เมื่อ n แทนระดับของหัว เรื่องโดยมีระดับ H1 ใหญ่สุด ถึง H6 เล็กสุด |
<FONT COLOR="รหัสสีหรือชื่อสี ">ข้อความ</FONT> | กำหนดสีของข้อความโดยกำหนดรหัสสี หรือ ชื่อสี |
<FONT FACE="ชื่อฟอนต์">ข้อความ</FONT> | กำหนดชื่อฟอนต์ที่ต้องการใช้ สามารถใส่ชื่อฟอนต์ได้หลายฟอนต์ พร้อมๆกัน |
<FONT SIZE="3" >ข้อความ</FONT> | กำหนดขนาดของฟอนต์ กำหนด ได้จาก 1 ถึง 7 โดยที่ 1 ขนาดเล็กสุด 7 ใหญ่สุด |
<B>ข้อความ</B>หรือ <strong>ข้อความ</strong> | ทำข้อความให้เป็นตัวหนา |
<I>ข้อความ</I> หรือ <em>ข้อความ</em> | ทำข้อความให้นอนเป็นตัวเอน |
<u>ข้อความ</u> ขีดเส้นใต้ข้อความ | <strike>ข้อความ</strike> ขีดฆ่าข้อความ |
<big>ข้อความ</big> | เพิ่มขนาดอักษรขึ้นอีก 1 ระดับ |
<small>ข้อความ</small> | ลดขนาดตัวอักษรลง 1 ระดับ |
<blink>ข้อความ</blink> | ข้อความกระพริบ ใช้ได้ กับ เบราว์เซอร์บางตัว |
<sub>ข้อความ</sub> | แสดงข้อความแบบตัวห้อย |
<sup>ข้อความ</sup> | แสดงข้อความแบบตัวยกกำลัง |
<comment>ข้อความ</comment> | ใส่ข้อความหมายเหตุเมื่อไม่ต้องการให้ข้อความแสดง |
��á�˹��ٻẺ | ��á�˹���Ҵ | ��á�˹��� | ��˹��ѡɳо���� | ��á�˹����˹� |
��èѴ��áѺ����ѡ��
����ѡ��(Font)����ѡ�ö������繵����ѡ㹡����¹���ྨ (Home page) �������ö�� ���� HTML ��˹���ҵ�ҧ � ���Ѻ����ѡ�� (Font) �ͧ����� �� �ٻẺ����ѡ�� (Face) ��Ҵ����ѡ�� (Size) �բͧ����ѡ�� (Color) �ѡɳо���� ��� �ѧ���仹��
��á�˹���������ѡ�âͧ��ͤ���
�¡���� Tag ����� <font> ��ͤ��� </font> ��觨Ѵ�繤������ѡ �¢�ͤ�������ҡ�������ʴ��ź����ྨ (Web page) �ж١��˹��¤�Ҿ�鹰ҹ�ͧ���� HTML ����� Notepad �����纺������� (Web Browser)
��õ�駤�����Ѻ����ѡ���¡������������ (Attribute)��á�˹��ٻẺ����ѡ��
�¡���� Tag ����� <font face="����Ẻ�ѡ��"> ŧ仢�ͤ�������ҹ�鹡������¹��Ẻ������͡
<font face="AngsanaUPC">���ʴը�� ���������á�ͧ�ѹ</font>
<font face="CordiaUPC">���ʴը��
���������á�ͧ�ѹ</font>
<font face="MS sans serif">���ʴը�� ���������á�ͧ�ѹ</font>
��á�˹���Ҵ����ѡ��
��á�˹���Ҵ����ѡ�ô��¤���� Size
��á�˹���Ҵ�ͧ����ѡ������ྨ��� �������ö��˹���Ҵ�ͧ����ѡ�������� 2 �ٻẺ���
��˹��繵���Ţ��觨��դ�� 1 - 7 �¤���ҵðҹ���դ�Ҩ������� 3 ��ҵ���Ţ����� 1 ��� 2 ��鹨��繡����͢�Ҵ�ͧ����ѡ�� ��Ф�ҵ���Ţ 4 �֧ 7 ��鹨��繡�â��¢�Ҵ�ͧ����ѡ�� �¡���� Tag ����� <font size=� 1 �֧ 7�> �á��ͨҡ <font face="AngsanaUPC">
���������� size=� 1 �֧ 7� �á��ͨҡ <font face="AngsanaUPC">
��� <font face="AngsanaUPC" size=�7�>
��˹���������ͧ���ºǡ�������ͧ����ź ������ö��˹���ѧ��� ����繡����͢�Ҵ�ͧ����ѡ�ù�鹨�������ͧ����ź ��觨�������Թ - 2 ����� ��â��¢�Ҵ�ͧ����ѡ�ù�鹨�������ͧ���ºǡ��觨�������Թ + 4
��á�˹���Ҵ����ѡ��Ẻ Heading
�繡�á�˹���Ҵ����ѡ�÷������������ͧ ����� Tag ŧ� ���������ͧ� 6 �дѺ ��� ����� h2 �֧ h6
<h2><font face="AngsanaUPC">���ʴը�� ���������á�ͧ�ѹ</font></h2>
<h2><font face="CordiaUPC">���ʴը�� ���������á�ͧ�ѹ</font></h2>
<h6><font face="MS sans
serif">���ʴը�� ���������á�ͧ�ѹ</font></h6>
��á�˹��յ���ѡ��
�� Tag ����� color="������" ���� color="#��������շ�����Ţ�ҹ 16" ��ͤ����������� Tag ��������ǹ��������¹�� ��������շ���ͧ���
<font face="AngsanaUPC" color="#ff0000">���ʴը�й��������á�ͧ�ѹ</font>
��������١����ѡɳо���ɵ���ѡ��
���˹� | �մ����� | ���� | Ŵ��Ҵ | ������Ҵ | ���¡ | ������� | ������� |
�硷���鵡�觢�ͤ��������鹤� ���͢�ͤ������� ����������§�� �ҵðҹ HTML 4.0 ��������Ѻ�鵡�觢�ͤ����ҡ��� ����᷺�Фú�ء�ٻẺ �������ö���͡�� 2 ������˭� ���
Logical Format - ���� (Tag) ����ժ��ͷ�����ͤ������� ��觺������ (Browser) ����������ͨ���������ҹ���ҧ�ѹ ������������ྨ�����˹�ҵҵ�ҧ�ѹ ���ᵡ��ҧ�ѹ����ҡ�ѡ ���ѧ�����������§�Ѻ���ͧ͢�硹�� �
�� <EM> ���¶֧��ͤ�������ͧ������繾���� �����纺��������Ҩ���ʴ��繵��˹� ���͵�����§���� ��鹡Ѻ����������е�� ��С�á�˹�����շ
Fixical Format - �硷���˹��ѡɳе�µ�� �ء����������Ť�������������ҹ�������ѹ��� ���ྨ�����֧�����ѹ �� <B> ���¶֧��ͤ���Ẻ���˹�
�� Tag ����� <B>.��ͤ���..</B> ���͡�˹���ͤ�������������㹤���� ����ʴ��Ŵ��µ���ѡ��Ẻ���˹� (bold) �ըش���ʧ�������鹢�ͤ���㹻���¤���
<HTML>
<HEAD>
<TITLE>��á�˹����˹�</TITLE>
</HEAD>
<BODY>
����ѡ�ûá�� ���ʴ� ��� ��������ྨ�ͧ�ѹ
����ѡ��˹� <B>���ʴ� ���
��������ྨ�ͧ�ѹ</B>
</BODY>
</HTML>
��á�˹�����ѡ�����մ����� (Underline)
�� Tag ����� <u>��ͤ���</u> ����͵�ͧ����ʴ���ͤ���Ẻ�մ����� (underline) ��駹�������鹢�ͤ���㹻���¤���
<HTML>
<HEAD>
<TITLE>��á�˹���âմ�����</TITLE>
</HEAD>
<BODY>
����ѡ�û��� ���ʴ� ��� ��������ྨ�ͧ�ѹ
����ѡ�÷��մ����� <U>���ʴ� ��� ��������ྨ�ͧ�ѹ</U>
</BODY>
</HTML>
�����˵� �硹�������������ͧ�ҡ�Ҩ�������Դ�����Ѻʹ�Ѻ��ͤ�������繨ش�ԧ����
��á�˹�����ѡ������ա��� (Italic)
�� Tag ����� <i>..��ͤ���..</i> ���˹���ͤ�������������㹤��������ʴ��Ŵ��µ���ѡ��Ẻ� (Italic) �ըش���ʧ�������鹢�ͤ���㹻���¤���
<HTML>
<HEAD>
<TITLE>��á�˹��ѡ���</TITLE>
</HEAD>
<BODY>
����ѡ�û��� ���ʴ� ��� ��������ྨ�ͧ�ѹ
����ѡ��� <i>���ʴ� ��� ��������ྨ�ͧ�ѹ</i>
</BODY>
</HTML>
�����Ŵ��Ҵ����ѡ��ŧ 1 �дѺ
�� Tag ����� < small> �繤���觷������öŴ��Ҵ�ͧ����ѡ��ŧ 1 �дѺ�ҡ��Ҵ�ͧ�ѡ�ûѨ�غѹ��ѹ�� ������ͧ��кش��¤���� < font size >
<HTML>
<HEAD>
<TITLE>���Ŵ��Ҵ����ѡ�� 1 �дѺ</TITLE>
</HEAD>
<BODY>
<FONT SIZE="5" color="#ff0000"
>���ʴ� ��� ��������ྨ�ͧ�ѹ</Font><br>
<Small>���ʴ� ��� ��������ྨ�ͧ�ѹ</Smaii><br>
<FONT SIZE="5" color="#0000ff">���ʴ� ��� ��������ྨ�ͧ�ѹ</Font>
</BODY>
</HTML>
�����������Ҵ�ͧ����ѡ�� 1 �дѺ
�� Tag ����� <big> �繤���觷������ö������Ҵ�ͧ����ѡ�â�� 1 �дѺ�ҡ����ѡ�ûѨ�غѹ��ѹ�� ������ͧ������ <font size>
<HTML>
<HEAD>
<TITLE>���������Ҵ����ѡ��</TITLE>
</HEAD>
<BODY>
<FONT SIZE="2" color="#0000ff" >���ʴ� ��� ��������ྨ�ͧ�ѹ</Font><br>
<Big>���ʴ� ��� ��������ྨ�ͧ�ѹ</Big><br>
<FONT SIZE="2"
color="#ff0000">���ʴ� ��� ��������ྨ�ͧ�ѹ</Font>
</BODY>
</HTML>
����觷���˹�����ѡ��¡�дѺ
�� Tag ����� < sup> ����Ҩҡ (superscript) �繤���觷��С�˹�������ѡ�� ���͢�ͤ���¡�дѺ�٧��� �����дѺ��������բ�Ҵ���
<HTML>
<HEAD>
<TITLE>����ѡ��¡�дѺ</TITLE>
</HEAD>
<BODY>
<FONT SIZE="4" color="#0000ff" >���ʴ� ��� ��������ྨ�ͧ�ѹ</Font><br>
���ʴ� ��� <Sup>��������ྨ�ͧ�ѹ</Sup><br>
<FONT SIZE="4"
color="#ff0000">���ʴ� ��� ��������ྨ�ͧ�ѹ</Font>
</BODY>
</HTML>
����觷���˹�����ѡ�þ�ǧ���� (�������)
�� Tag ����� < sub> ����Ҩҡ (subscript) �繤���觷��С�˹�������ѡ�� ���͢�ͤ�����ǧ���¨����ѡɳе�ӡ��� �дѺ��������բ�Ҵ���
<HTML>
<HEAD>
<TITLE>SUBSCRIPT</TITLE>
</HEAD>
<BODY>
<FONT SIZE="4" color="#00ff00" >���ʴ� ��� ��������ྨ�ͧ�ѹ</Font>
���ʴ� ��� <Sub>��������ྨ�ͧ�ѹ </Sub><br>
<FONT
SIZE="4" color="#ff0000">���ʴ� ��� ��������ྨ�ͧ�ѹ</Font>
</BODY>
</HTML>
��á�˹�����ѡ���������
�� Tag ����� < marquee> ���͡�˹�����������ͧ����ѡ����Т�ͤ����з�������ྨ�ͧ����繷����ʹ� �»��ԡ���������ͧ����ѡ�ù�鹨��������ҡ����ҫ��� ����觹������ö�ʴ��������ҧ�١��ͧ�������������� Internet Explorer ��ҹ��
<HTML>
<HEAD>
<TITLE>MARQUEE</TITLE>
</HEAD>
<BODY>
<Marquee><FONT SIZE="4" color="#0000ff" >���ʴ� ��� ��������ྨ�ͧ�ѹ</Font></Marquee> </BODY>
</HTML>
������ҧ������������� (Attribute) �ͧ Marquee |
<marquee>���ʴ� ��� ��������ྨ�ͧ�ѹ</marquee> |
<marquee direction="right">���ʴ� ��� ��������ྨ�ͧ�ѹ</marquee> |
<marquee behavior="alternate">���ʴ� ��� ��������ྨ�ͧ�ѹ</marquee> |
<marquee direction="up">���ʴ� ��� ��������ྨ�ͧ�ѹ</marquee> |
<marquee direction="down">���ʴ� ��� ��������ྨ�ͧ�ѹ</marquee> |
<marquee direction="up" behavior="alternate">���ʴ� ��� ��������ྨ�ͧ�ѹ</marquee> |
<marquee behavior="alternate" direction="up" width="80%"> <marquee direction="right">���ʴ� ��� ��������ྨ�ͧ�ѹ</marquee></marquee> |
<font color="#FFFFFF"><marquee direction="left" style="background:BLUE">���ʴ� ��� ��������ྨ�ͧ�ѹ</marquee></font> |
<marquee style="border:BLUE 2px SOLID">���ʴ� ��� ��������ྨ�ͧ�ѹ</marquee> |
<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1,freq=1,strength=15,color=.FFFFFF)"><center>���ʴ� ��� ��������ྨ�ͧ�ѹ<br>���ʴ� ��� ��������ྨ�ͧ�ѹ</center></marquee> |
��èѴ���˹觵���ѡ��
���� HTML ���������㨡�������ä �����鹺�÷Ѵ ��������� Tag ����觡ӡѺ��� ����� Web browser ����������ö�ʴ��ŵ������ͧ�����
����觡�â�鹺�÷Ѵ����
�ͧ�ٵ�����ҧ��ҧ��ҧ ����;�����ͤ������ŧ�
<b><i><u><font face="AngsanaUPC"color="#ff0000"> ���ʴը�� ���������á�ͧ�ѹ �Թ�յ��Ѻ��� ��红ͧ�ѹ </font></u></i></b>
������ʴ��ź� web browser ���������� ��ͤ���������鹺�÷Ѵ������� �����������¹����觺͡��� Web browser �ʴ��� �Ըա�â�鹺�÷Ѵ�����鹡������ Tag <br> ŧ�˹�Ң�ͤ������Т�鹺�÷Ѵ���� �ѧ���
<b><i><u><font face="AngsanaUPC"color="#ff0000"> ���ʴը�� ���������á�ͧ�ѹ <br> �Թ�յ��Ѻ��� ��红ͧ�ѹ </font></u></i></b>
����� < BR > �繤���觷���˹��ش����ش�ͧ��÷Ѵ (Break rule) ���Ƿӡ�â�鹺�÷Ѵ���� �����ʴ���ͤ�����ǹ��������㹺�÷Ѵ�Ѵ� ����觹��֧����������á����� ENTER ��������촹���ͧ
����ѧࡵ
- ����� <BR> ��ǹ�˭��ѡ�������ҧ���㹵��˹��ش���¢ͧ����¤ �µ�ͧ�������ʴ��Ż���¤����㹺�÷Ѵ�����
- ����� <BR> ���繤���觷������ͧ�դ���觻Դ (Single Tag)
����觡����鹺�÷Ѵ
�����¡����� Tag <p> ŧ�˹�Ң�ͤ������������鹺�÷Ѵŧ�� �ѧ������ҧ���
<b><i><u><font face="AngsanaUPC"color="#ff0000"> ���ʴը�� ���������á�ͧ�ѹ <p> �Թ�յ��Ѻ��� ��红ͧ�ѹ </font></u></i></b>
����� < P > �繤���觷����������������������������˹������ (Paragraph)
����ѧࡵ
��è��������ҡ�â�鹺�÷Ѵ����ͧ����� < BR > ��� < P > ��� ��������ҧ�����ҧ��÷Ѵ�ͧ����ͧ�դ���ᵡ��ҧ�ѹ �·������ < BR > ��ͧ��ҧ�����ҧ��÷Ѵ�й��¡��Ҥ���� < P >
��èѴ�Դ����,�Ѵ��ҧ˹��,�Ѵ�Դ���
�·�� tag <div align="left"> ��� ��èѴ�Դ����
tag
<center> ��� ��èѴ��������觡�ҧ˹��
tag <div align="right"> ��� ��èѴ�Դ���
<div align="left">���ʴը�� ���������á�ͧ�ѹ</div>
<center>�Թ�յ��Ѻ��� ��红ͧ�ѹ</center>
<div align="right">�ѹ��餧���ʹ���������ҹ�� �ͺ�س</div>