วันเสาร์ที่ 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
เขียนโดย ที่ ไม่มีความคิดเห็น:

วันพฤหัสบดีที่ 3 กรกฎาคม พ.ศ. 2557

คำศัพท์ที่เกี่ยวข้องกับการสร้างเว็บ

คำศัพท์ที่เกี่ยวข้องกับการสร้างเว็บ

  Internet
          เครือข่ายคอมพิวเตอร์นานาชาติ ที่มีสายตรงเชื่อมต่อไปยังสถาบันหรือหน่วยงานต่าง ๆ เพื่ออำนวยความสะดวกให้แก่ผู้ใช้ทั่วโลก ผู้ใช้เครือข่ายนี้สามารถสื่อสารถึงกันได้ทางอีเมล์ สามารถสืบค้นข้อมูลและสารสนเทศ รวมทั้งคัดลอกแฟ้มข้อมูลและโปรแกรมมาใช้ได้
 

     WWW
          หมายถึง บริการค้นหรือเรียกดู ข้อมูลแบบหนึ่ง ในอินเทอร์เน็ต ข้อมูลในเวิลด์ไวด์เว็บ จะอยู่ในแบบสื่อผสม หรือ มัลติมีเดีย (multimedia) ที่มีทั้งตัวอักษร รูปภาพ เสียง ภาพเคลื่อนไหวแบบวิดีโอ ข้อมูลจะถูกแบ่งเป็นหน้า ๆ แต่ละหน้าสามารถ เชื่อมโยงถึงกันได้เป็นแบบเครือข่ายคล้ายใยแมงมุม จากแหล่งต่าง ๆ ที่กระจายอยู่ทั่วโลก  


     Webpage
         หมายถึง หน้าไฟล์เว็บไซต์หน้าต่างๆ จะมีเนื้อหา ภาพ เสียง และองค์ประกอบอื่นๆ ที่สามารถสร้างขึ้นมาได้ เปรียบเสมือนหนังสือเล่มหนึ่ง ที่สามารถเปิดอ่านได้หลายๆ หน้า เว็บเพจแต่ละหน้าจะถูกระบุเชื่อมโยงด้วยที่อยู่ของเว็บเพจที่เรียกว่า URL (Uniform Resource Locator) และในเว็บเพจยังมีจุดเชื่อมโยง (Links) หรือ ไฮเปอร์ลิงค์ (Hyperlink) ที่เป็นข้อความ หรือภาพที่ให้คลิกเม้าส์เพื่อเชื่อมโยงไปยังที่อยู่ของเว็บเพจอื่นๆ โดยการระบุด้วย URL นั่นเอง    


   Website
          หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ หน้าแรกของเว็บไซต์ที่เก็บไว้ที่ชื่อหลักจะเรียกว่า โฮมเพจ เว็บไซต์โดยทั่วไปจะให้บริการต่อผู้ใช้ฟรี แต่ในขณะเดียวกันบางเว็บไซต์จำเป็นต้องมีการสมัครสมาชิกและเสียค่าบริการเพื่อที่จะดูข้อมูล ในเว็บไซต์นั้น ซึ่งได้แก่ข้อมูลทางวิชาการ ข้อมูลตลาดหลักทรัพย์ หรือข้อมูลสื่อต่างๆ ผู้ทำเว็บไซต์มีหลากหลายระดับ ตั้งแต่สร้างเว็บไซต์ส่วนตัว จนถึงระดับเว็บไซต์สำหรับธุรกิจหรือองค์กรต่างๆ การเรียกดูเว็บไซต์โดยทั่วไปนิยมเรียกดูผ่านซอฟต์แวร์ในลักษณะของ เว็บเบราว์เซอร์


   Homepage
           หมายถึง หน้าแรกของเว็บไซต์ เปรียบเสมือนหน้าบ้านของเรานั่นเอง ยกตัวอย่างเช่น หากท่านเข้าเว็บไซต์ด้วยชื่อ www.faodoo.com ท่านก็จะเห็นหน้าแรก หรือ โฮมเพจ ทันที ซึ่งจะประกอบไปด้วยรายละเอียดโดยรวมเกี่ยวกับเว็บไซต์นั้นๆ และไฟล์ที่ใช้แสดงหน้าโฮมเพจ โดยปกติจะตั้งชื่อเป็น index.html


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


   HTML
           หมายถึง ภาษาที่ใช้ในการเขียนเว็บเพจ ย่อมาจากคำว่า Hypertext Markup Language โดย Hypertext หมายถึง ข้อความที่เชื่อมต่อกันผ่านลิ้ง (Hyperlink) Markup หมายถึง วิธีในการเขียนข้อความ language หมายถึงภาษา ดังนั้น HTML จึงหมายถึง ภาษาที่ใช้ในการเขียนข้อความ ลงบนเอกสารที่ต่างก็เชื่อมถึงกันใน cyberspace ผ่าน Hyperlink นั่นเอง


   URL 

          หมายถึง ตัวบ่งบอกข้อมูล หรือ ที่อยู่ (Address) ของไฟล์หรือเว็บไซต์บนอินเตอร์เน็ต เช่น  URL ของกูเกิลประเทศไทย  คือ http://www.google.co.th




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