วันเสาร์ที่ 13 กันยายน พ.ศ. 2557

ข้อสอบHTML

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

การเเต่งตัวกษรHTML


1.การกำหนดแบบอักษร 

รูปแบบ tag code คือ
<font face="รูปแบบตัวอักษร">ข้อความ</font>
code ที่เขียนใน Notepad 




ผลที่แสดงได้
Panisara 
Earng


2.ขนาดตัวอักษร


รูปแบบ tag code คือ
<font size="ตัวเลข">ข้อความ</font>
code ที่เขียนใน Notepad 


ผลที่แสดงได้
Panisara
Earng


 3.สีตัวอักษร

รูปแบบ tag code คือ
<font  color="สี/โค้ดสี">ข้อความ</font>
code ที่เขียนใน Notepad 




ผลที่แสดงได้
Panisara
Earng 


4.ตัวเอียง ตัวหนา ขีดเสีนใต้

รูปแบบคำสั่ง :<B>...ข้อความ..... </B> :คำสั่งตัวหนา
<I>...ข้อความ..... </I> :คำสั่งตัวเอียง<U>...ข้อความ..... </U> :คำสั่งขีดเส้นใต้
ตัวอย่างแสดง
ข้อความตัวหนา
ข้อความตัวไม่หนา


ตัวอย่างแสดง
จะเห็นว่า<B></B>ค่อม"ข้อความตัวหนา" อยู่ นั้นคือหากเราให้ข้อความใดมีตัวหนาเราก็นำแทค B ไปใส่ค่อมไว้นั้นเอง


ทำตัวเอียงด้วยแทค i


<HTML>
<Head>
<Title> ดูผลลัพท์ตัวอย่าง </Title>
</Head>
<Body>
<i>ข้อความตัวเอียง</i> ข้อความตัวไม่เอียง
</Body>
</HTML>


ตัวอย่างแสดง
ข้อความตัวเอียง
ข้อความตัวไม่เอียง




จากตัวอย่างจะเห็นว่า<i></i>ค่อม"ข้อความตัวเอียง" อยู่ นั้นคือหากเราให้ข้อความใดมีตัวเอียงเราก็นำแทค i ไปใส่ค่อมไว้นั้นเอง


ทำตัวขีดเส้นใต้ด้วยแทค U


<HTML>
<Head>
<Title> ดูผลลัพท์ตัวอย่าง</Title>
</Head>
<Body>
<U>ข้อความตัวขีดเส้นใต้</U> ข้อความตัวไม่ขีดเส้นใต้
</Body>
</HTML>


ตัวอย่างแสดง
ข้อความตัวขีดเส้นใต้
ข้อความตัวไม่ขีดเส้นใต้


จากตัวอย่างจะเห็นว่า<U></U>ค่อม"ข้อความตัวขีดเส้นใต้" อยู่ นั้นคือหากเราให้ข้อความใดมีตัวขีดเส้นใต้เราก็นำแทค U ไปใส่ค่อมไว้นั้นเอง


5.ตัวขีดฆ่า ตัวยก ตัวห้อย

รูปแบบ tag code คือ

ตัวขีดฆ่า<del> ข้อความที่ต้องการขีดฆ่า </del>                                                                                                 
ตัวยก       <sup> ข้อความหรือตัวเลข<sup>ข้อความหรือตัวเลขที่ต้องการยก</sup>                       
  
ตัวห้อย    <sub> ตัวอักษร,ตัวเลข,ข้อความ<sub>ตัวอักษร,ตัวเลขที่ต้องการห้อย</sub>

ตัวอักษรวิ่ง ตัวอักษรกระพริบ

รูปแบบ tag code คือ

<BLINK></BLINK>


code ที่เขียนใน Notepad
<HTML>
<HEAD>
<TITLE>การกำหนดตัวอักษรกระพริบ</TITLE>
</HEAD>
<BODY> <BLINK>Welcome</BLINK>
</BODY>
</HTML>


ผลที่แสดง







6.ตัวอักษรวิ่่ง

          
นอกจากเราจะใช้ตัวอักษรปกติที่กำหนดให้วางไว้ตำแหน่งใด ๆ ของเว็บเพจ 
ซึ่งก็อยู่ตรงนั้นตลอดเวลา เราสามารถกำหนดให้ตัวอักษรเคลื่อนที่ได้
อีกด้วย ทั้งเคลื่อนจากซ้ายไปขวา เคลื่อนที่จากขวาไปซ้าย เคลื่อนที่จากข้างล่างขึ้นข้างบน หรือเคลื่อนที่จากข้างบนลงข้างล่าง ซึ่งเทคนิคนี้มีหลาย ๆ เว็บไซต์
นำไปใช้ในการตกแต่งเวบเพจนำไปใช้ในการตกแต่งเวบเพจ
รูปแบบคำสั่ง HTML ที่ใช้ในการทำตัวอักษรวิ่ง
          <MARQUEE direction="ทิศทางการวิ่ง" width="ความกว้าง"   height="ความสูง"
          scrollamount=ความเร็วในการวิ่ง  scrolldelay="เวลาหน่วง">ข้อความ</MARQUEE>
ทิศทางการวิ่ง
ทิศทาง
คำอธิบาย
UP
วิ่งจากด้านล่างขึ้นด้านบน
DOWN
วิ่งจากด้านบนลงด้านล่าง
LEFT
วิ่งจากด้านขวาไปด้านซ้าย
RIGHT
วิ่งจากด้านซ้ายไปด้านขวา


ตัวอย่างโปรแกรม <HTML>
<HEAD>
<TITLE>การทำตัวอักษรวิ่ง</TITLE>
</HEAD>
<BODY>
      <marquee><font size=4 color="red">ราชธานีเก่า เมืองอู่ข้าว อู่น้ำ เลิศล้ำกานต์์กวี คนดีศรีอยุธยา </marquee>
</BODY>
</HTML>
ผลที่แสดงได้

ราชธานีเก่า เมืองอู่ข้าว อู่น้ำ เลิศล้ำกานต์กวี คนดีศรีอยุธยา



7.การจัดตำแหน่งข้อความ


ในการกำหนดตำแหน่งในภาษา HTML สามารถกำหนดได้หลายรูปแบบค่ะ ทั้งแบบกำหนดเป็นแท็ก และการกำหนดเป็น Attribute ของแท็กค่ะ โดยมีรูปแบบดังนี้ค่ะ

1..การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center  <center> ...ข้อความ...</center>
           

2. การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ 
Attribute align รูปแบบดังนี้
                       
<p align = "ตำแหน่ง"> ...ข้อความ...</p>
               ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right


รูปแบบการจัดตำแหน่งข้อความ


  <html>
  <head><title>   <head><title>   <head><title>   <head><title>   <head><title> ....การจัดตำแหน่งข้อความ....</title></head>
       <body>
               <center><font size = "2"> ข้อความนี้อยู่กึ่งกลาง</font></center><br>
               <p align = "left"><font size = "2"> ข้อความชิดซ้าย </font></p><br>
               <p align = "center"><font size = "2"> ข้อความนี้อยู่กึ่งกลาง </font></p><br>
               <p align = "right"><font size = "2"> ข้อความนี้ชิดขวา </font></p><br>
        </body>
         <body>               <center><font size = "2"> ข้อความนี้อยู่กึ่งกลาง</font></center><br>               <p align = "left"><font size = "2"> ข้อความชิดซ้าย </font></p><br>               <p align = "center"><font size = "2"> ข้อความนี้อยู่กึ่งกลาง </font></p><br>               <p align = "right"><font size = "2"> ข้อความนี้ชิดขวา </font></p><br>        </body>  
  
ที่มา

http://www.twebmaster.com/
http://www.thainextstep.com/
เขียนโดย ที่ ไม่มีความคิดเห็น:

คำศัพท์พื้นฐานHTML

HTML คืออะไร

HTML ย่อมาจากคำว่า HyperText Markup Language เป็นภาษาที่ใช้ในการแสดงผลของเอกสารบน website







โปรแกรมเท็กเอดิเตอร์ (Text Editor) คืออะไร   

 คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความ

ในการสร้างเว็บเพจด้วยภาษา HTML นั้นต้องมีเครื่องมือ
ที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่าง ๆ
ปัจจุบันมี โปรแกรม Text Editor หลายโปรแกรม เช่น 
NotePad, EditPlus หรือโปรแกรม Dreamweaver 
ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้าง
เว็บเพจด้วย

องค์ประกอบพื้นฐานของ HTML

รูปแบบของโครงสร้างพื้นฐานของไฟล์ HTML จะประกอบไปด้วยส่วนที่สำคัญ 2 ส่วนคือ
           1. ส่วนของหัวโปรแกรม (HEAD) เป็นการกำหนดข้อความในส่วนที่เป็นชื่อเรื่องซึ่งจะปรากฎอยู่บนไตเติลบาร์ของโปรแกรมเว็บบราวเซอร์เท่านั้น
           2. ส่วนเนื้อหาของโปรแกรม (BODY) เป็นส่วนที่สำคัญที่สุดในการแสดงผลทั้งหมด ไม่ว่าจะเป็นหัวเรื่อง เนื้อหาต่าง ๆ การนำรูปภาพต่าง ๆ ลงในเว็บเพจ การนำเสียงเพื่อทำให้เว็บเพจที่น่าสนใจยิ่งขึ้น



เว็บเบราว์เซอร์ (อังกฤษ: web browser)
 เบราว์เซอร์ หรือ โปรแกรมค้นดูเว็บ คือโปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์หรือระบบคลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ

HTML พื้นฐาน

คำสั่งเริ่มต้น
        รูปแบบคำสั่ง <HTML>........</HTML> คำสั่ง <HTML> ซี่งจะถือเป็นคำสั่งเริ่มต้นของการเขียน HTML และคำสั่ง </HTML> จะเป็นส่วนของการจบ

การเขียน HTML
        รูปแบบคำสั่ง <HEAD>..........</HEAD> คำสั่ง <HEAD> เป็นคำสั่งที่ใช้ในการกำหนดข้อความส่วนที่เป็นชื่อเรื่องซึ่งภายใต้ของคำสั่งนี้จะมีคำสั่งย่อย อีกคำสั่งหนึ่งคือ คำสั่ง <TITLE>........</TITLE>
รูปแบบคำสั่ง
        <TITLE>.........</TITLE>
        คำสั่ง <TITLE>.....</TITLE> จะเป็นส่วนของการแสดงชื่อของเอกสาร จะปรากฎในขณะที่ไฟล์ HTML ทำงานการแสดงผลจะแสดงในส่วนของไตเติลบาร์ ( Title Bar )
        <body>...</body> คำสั่ง <BODY> คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์ ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น
         <BR> มาจากคำว่า BREAK ซึ่งหมายถึง การขึ้นบรรทัดใหม่
         <P> มาจากคำว่า Paragraph ซึ่งหมายถึง การขึ้นย่อหน้าใหม่

ตัวอย่าง



ผลของhtml

what's html ? อะไรคือ html?

html (ชื่อเต็มคือ hypertext Markup Language ภาษามาร์กอัปข้อความหลายมิติ) คือภาษามาร์กอัปออกเเบบมาเพื่อใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านมางเว็บเบราว์เซอร์


     แหล่งที่มา :

http://alaska.reru.ac.th/text/html.pdf
เขียนโดย ที่ ไม่มีความคิดเห็น:
สมัครสมาชิก: บทความ (Atom)