วันพฤหัสบดีที่ 18 กันยายน พ.ศ. 2557

ข้อสอบ HTML

เขียนโดย ที่ ไม่มีความคิดเห็น:

วันจันทร์ที่ 1 กันยายน พ.ศ. 2557

การแต่งตัวอักษร

                                                          Font ตัวอักษร
<FONT FACE="รูปแบบตัวอักษรที่ต้องการ" >..........</FONT>
                                                                                       ตัวอย่างการใช้คำสั่ง   

<html>
<head>
<title>การกำหนดขนาดตัวอักษร</title>
</head>
<body>
<font face="Cordiaupc">HTML</font><br>
<font face="Ms sans serif">HTML</font><br>
<font face="AngsanaUPC">HTML</font><br>
<font face="arial">HTML</font><br>
</body>
</html>
ผลลัพธ์
HTML
HTML
HTML
HTML
ขนาดตัวอักษร
<FONT SIZE="ค่ากำหนดขนาดของตัวอักษร">..........</FONT>
                                                                         ตัวอย่างการใช้คำสั่ง    

<HTML>
<HEAD>
<TITLE>FONT SIZE </TITLE>
</HEAD>
<BODY >
<FONT SIZE="1">Computer</Font>
<FONT SIZE="2">Computer</Font>
<FONT SIZE="3">Computer</Font>
<FONT SIZE="4">Computer</Font>
<FONT SIZE="5">Computer</Font>
<FONT SIZE="6">Computer</Font>
<FONT SIZE="7">Computer</Font>
</BODY>
</HTML>
ผลลัพธ์
Computer Computer Computer Computer Computer Computer
Computer

 สีอักษร
<FONT COLOR="#RGB" หรือ กำหนดชื่อสีที่ต้องการ">..........</FONT>
                                                                         ตัวอย่างการใช้คำสั่ง

<HTML>
<HEAD>
<TITLE>FONT COLOR </TITLE>
</HEAD>
<BODY >
<FONT COLOR="Red">Computer</FONT>
<FONT COLOR="Green">Computer</FONT>
<FONT COLOR="Black">Computer</FONT>
</BODY>
</HTML>
ผลลัพธ์
Computer Computer Computer

ตัวหนา
<B>..........</B>
                                                                                       ตัวอย่างการใช้คำสั่ง

<HTML>
<HEAD>
<TITLE>การกำหนดตัวหนา</TITLE>
</HEAD>
<BODY>
การกำหนดตัวหนาให้กัตัวอักษร<BR>
ตัวอักษรปรกติ COMPUTER <BR>
ตัวอักษรหนา <B>COMPUTER</B>
</BODY>
</HTML>
ผลลัพธ์
การกำหนดตัวหนาให้กัตัวอักษร
ตัวอักษรปรกติ COMPUTER
ตัวอักษรหนา COMPUTER

ตัวเอียง
<I>..........</I>
                                                                                          ตัวอย่างการใช้คำสั่ง

<HTML>
<HEAD>
<TITLE>กำหนดอักษรตัวเอน </TITLE>
</HEAD>
<BODY>
การกำหนดอักษรตัวเอน <BR>
ตัวอักษรปรกติ COMPUTER <BR>
ตัวอักษรตัวเอน  <I>COMPUTER</I>
</BODY>
</HTML>

ผลลัพธ์
การกำหนดอักษรตัวเอน
ตัวอักษรปรกติ COMPUTER
ตัวอักษรตัวเอน COMPUTER

ขีดเส้นใต้
<U>..........</U>
      ตัวอย่างการใช้คำสั่ง

<HTML>
<HEAD>
<TITLE>การกำหนดการขีดเส้นใต้</TITLE>
</HEAD>
<BODY>
การกำหนดการขีดเส้นใต้ <BR>
ตัวอักษรปกติ COMPUTER<BR>
ตัวอักษรขีดเส้นใต้ <U> COMPUTER </U>
</BODY>
</HTML>

ผลลัพธ์


การกำหนดการขีดเส้นใต้
ตัวอักษรปกติ COMPUTER
ตัวอักษรขีดเส้นใต้ COMPUTER

อักษรวิ่ง
<MARQUEE> .......... </MARQUEE>                      
                                                                                          ตัวอย่างการใช้คำสั่ง    
<html>
<head>
<title>marque</title>
</head>
<body>
<center>
<marquee scrolldelay="100" direction="Right">WEBTHAIDD</marquee>
<marquee scrolldelay="100" direction="Left">WEBTHAIDD</marquee>
<marquee scrolldelay="100" direction="Up">WEBTHAIDD</marquee>
<marquee scrolldelay="100" direction="Down">WEBTHAIDD</marquee>
</body>
</html>


 ตัวอักษรกระพริบ
                <BLINK>..........</BLINK>                    
    ตัวอย่างการใช้คำสั่ง

<HTML>
<HEAD>
<TITLE>กำหนดอักษรตัวกระพริบ </TITLE>
</HEAD>
<BODY>
การกำหนดอักษรตัวกระพริบ <BR>
<Blink>COMPUTER</Blink>
</BODY>
</HTML>


 ตัวขีดฆ่า
<S>..........</S>
     ตัวอย่างการใช้คำสั่ง
<HTML>
<HEAD>
<TITLE> การกำหนดอักษรขีดเส้นใต้ </TITLE>
</HEAD>
<BODY>
กำหนดอักษรขีดเส้นใต้ <BR>
<S>Microsoft Windows 7</S>
</BODY>
</HTML>
ผลลัพธ์
กำหนดอักษรขีดเส้นใต้
Microsoft Windows 7


 ตัวยก ตัวห้อย
ข้อความแบบฟังก์ชั่นทางคณิตศาสตร์ <SUP>.....</SUP>
ข้อความแบบสูตรทางวิทยาศาสตร์ <SUB>.....</SUB>
                                                                       ตัวอย่างการใช้คำสั่ง    

<HTML>
<HEAD>
<TITLE>แบบอักษรตัวห้อยและแบบอักษรตัวยก </TITLE>
</HEAD>
<BODY >
Computer<SUP>2</SUP> <P>
H<SUB>2</SUB>O<P>
</BODY>
</HTML>
ผลลัพธ์
Computer2
H2O



เขียนโดย ที่ ไม่มีความคิดเห็น:
สมัครสมาชิก: บทความ (Atom)