วันเสาร์ที่ 11 สิงหาคม พ.ศ. 2555

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


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




การกำหนดแบบตัวอักษร (Font)


ในเอกสาร HTML ถ้าเราไม่ได้กำหนดแบบตัวอักษร เมื่อแสดงบนบราวเซอร์ จะแสดงตัวอักษรที่เป็น ค่าพื้นฐาน (Default) หากเราต้องการกำหนดแบบตัวอักษรเอกสามารถทำได้โดยใช้ Tag<font>
 
     เราจะใช้ <FONT FACE> เป็นการกำหนดชนิดของตัวอักษร    ชื่อชนิดของตัวอักษรจะใช้ตามชื่อของโปรแกรม Word  เมื่อเราพิมพ์ข้อความเสร็จจะจบด้วย </FONT> เสมอ


อธิบายคำสั่ง 


<FONT FACE="ชื่อฟ้อนต์ที่ใช้"> เป็นคำสั่งที่ใช้กำหนดฟ้อนต์ที่จะใช้ในเว็บเพจ
</FONT> เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ


รูปแบบการใช้คำสั่ง
<font face="ชื่อแบบตัวอักษรที่ต้องการ">.............ข้อความ............</font>

ตัวอย่าง


การแสดงผล




การกำหนดขนาดตัวอักษร


เราสามารถกำหนดขนาดของมันเองได้ถึง 7 ระดับ โดยกำหนดได้ด้วยตัวเลขเลยหรือแบบที่2 กำหนดโดยใส่ค่า +/- แล้วกำหนดระดับอีกที 


รูปแบบการใช้คำสั่ง
<FONT Size="......">......</FONT>

ตัวอย่าง


การแสดงผล



การกำหนดสีตัวอักษร

การกำหนดสีตัวอักษร  สามารถกำหนดให้เป็นสีเดียวกันทั้งเวบเพจ  หรือกำหนดให้มีสีที่แตกต่างกันในเว็บเพจเดียวกันก็ได้




เราสามารถกำหนดค่าสีได้ 2 แบบ คือ

1. สี="#xxxxxx" ระบุเป็นเลขฐาน 16 (0-9 หรือ A-F โดย 0 มีค่าสีน้อยที่สุด และ F มีค่าสีมากที่สุด)      ทั้งหมด 3 ชุด 1 ชุดแทนด้วยตัวอักษร 2 ตัว
แสดงค่าของแม่สี แดง เขียว นํ้าเงิน (RGB)โดยเขียนตามหลังเครื่องหมาย #
เช่น"#FFFFFF" จะให้ สีขาว ,"#000000" จะให้ สีดำ

2. สี=color ระบุสีลงไปเลย เช่น white,black,blue,red

อธิบายคำสั่ง
<FONT COLOR="ชื่อสี"> เป็นคำสั่งที่ใช้กำหนดสีให้กับตัวอักษรที่จะใช้ในเว็บเพจ
</FONT> เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ

รูปแบบการใช้คำสั่ง
<font color="#0000FF">Thanasarun</font> 

ตัวอย่าง


การแสดงผล


การกำหนดลักษณะและแบบของตัวอักษร
        
เป็นการกำหนดลักษณะตัวอักษรแบบเจาะจงไม่ว่าจะแสดงบนบราวเซอร์ใด ก็จะแสดงผลเหมือนกัน เช่น การกำหนดให้ตัวอักษรเป็นตัวหนา ตัวเอียง ตัวขีดฆ่า ตัวขีดเส้นใต้ แสดงแบบเลขยกกำลังในสูตรทางคณิตศาสตร์ หรือแสดงแบบตัวห้อยในสูตรทางวิทยาศาสตร์ เป็นต้น




อธิบายคำสั่ง
<B>...</B>
เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวเข้ม
<I>...</I>
เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวเอียง
<S>...</S>
เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวขีดฆ่า
<U>...</U>
เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวขีดเส้นใต้
<STRIKE>.....</STRIKE>
เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวขีดฆ่า
<SUP>...</SUP>
เป็นคำสั่งที่ใช้กำหนดรูปแบบ Super Script
<SUB>...</SUB>
เป็นคำสั่งที่ใช้กำหนดรูปแบบ Sub Script


รูปแบบการใช้คำสั่ง

แบบตัวอักษร                                  โค้ท

ตัวอักษรปกติ                         ไม่ต้องใส่โค้ท
ตัวหนา                                 <B>.....</B>
ตัวเอียง                                 <i>.....</i>
ตัวขีดเส้นใต้                         <U>.....</U>
ตัวอักษรขีดฆ่า                         <STRIKE>.....</STRIKE>
ตัวอักษรยกกำลัง                 <SUP>.....</SUP>
ตัวอักษรห้อย                         <SUB>.....</SUB>

ตัวอย่าง แบบ  ตัวอักษรปกติ,ตัวหนา,ตัวเอียง, ,ตัวอักษรขีดฆ่า,ตัวอักษรยกกำลัง,ตัวอักษรห้อย

การแสดงผล


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

รูปแบบคำสั่ง HTML ที่ใช้ในการทำตัวอักษรวิ่ง
 <MARQUEE direction="ทิศทางการวิ่ง" width="ความกว้าง"   height="ความสูง"
  scrollamount=ความเร็วในการวิ่ง  scrolldelay="เวลาหน่วง">ข้อความ</MARQUEE>

หมายเหตุ  ใช้ได้เฉพาะ Internet Explorer

ตัวอย่าง

การแสดงผล


การทำตัวอักษรกระพริบ

      ใช้กำหนดแสดงข้อความแบบกระพริบ จะมีลักษณะการแสดงผลเป็นแบบติด - ดับ สลับกันไป

หมายเหตุ ในการกำหนดตัวอักษรกระพริบนั้น เราไม่สามารถเปิดในโปรแกรมเว็บเบราเซอร์ที่เป็น Internet Explorer ได้ (สามารถใช้ได้กับ Netscape )
  
รูปแบบคำสั่ง
<BLINK>..........</BLINK>

ตัวอย่าง


การแสดงผล


การขึ้นย่อหน้าใหม่ และกำหนดตำแหน่งข้อความ (Paragraph)

ในการจัด Paragraph ของข้อความ จะใช้ tag <p> สามารถกำหนดการจัดวางตำแหน่งข้อความว่าจะชิดซ้าย / ขวา / กึ่งกลาง ด้วย attribute align  และเมื่อแสดงผลแล้วจะขึ้นบรรทัดใหม่ให้อัตโนมัติ

รูปแบบคำอธิบาย

LEFT จัดชิดซ้าย

CENTER จัดกึ่งกลาง

RIGHT จัดชิดขวา
รูปแบบการใช้คำสั่ง
<p align="left | center | right |justify">...</p>

ตัวอย่าง


การแสดงผล
เขียนเมื่อวันที่11 08 2012
แหล่งที่มา

http://www.pyayam.com/html/font_blink.php
http://html-language.blogspot.com/2009/05/html.html   
เขียนโดย ที่ ไม่มีความคิดเห็น:

วันเสาร์ที่ 14 กรกฎาคม พ.ศ. 2555

HTML tag พื้นฐาน



HTML   tag   พื้นฐาน


HTML ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาหลักที่ใช้ในการสร้างโฮมเพจ
การสร้างไฟล์   HTML  เราสามารถสร้างจาก Text  Editor เช่นจาก Notepad หรือ  Wordpad ก็ได้แต่สำหรับการ Save ไฟล์ เราจำเป็นต้องใส่  " ชื่อไฟล์ . html "   ซึ่งถ้าหากคุณไม่ใส่  " " จะ กลายเป็นไฟล์   .TXT แทน  ในปัจจุบัน มีโปรแกรมต่าง ๆ มากมายที่พัฒนาขึ้นมาเพื่อช่วยอำนวยความสะดวกในหารเขียนโค้ด html เช่นโปรแกรม Macromedia Dreamweaver ปัจจุบันเวอร์ชั่น CS4 แล้ว มีความง่ายและสะดวกในการสร้าง html ขึ้นมา ด้วย Tool ต่าง ๆ ของโปรแกรม




  ใช้โปรแกรม Notepad ในการสร้างและเปิดเอกสารหรือเปิดทาง Internet

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


 องค์ประกอบของเอกสาร html  คือ  HTML จะมีอยู่สองส่วน ส่วนแรกเรียกว่าส่วนหัว (head) และส่วนที่สองเรียกว่า ส่วนตัว(body) และทั้งสองส่วนจะต้องอยู่ภายใต้คู่แท็ก <HTML>....</HTML> เสมอ

struct



  Body Section เป็นส่วนเนื้อหาหลักของหน้าเว็บ ซึ่งการแสดงผลจะต้องใช้ Tag จำนวนมาก ขึ้นอยู่กับลักษณะของข้อมูล เช่น ข้อความ, รูปภาพ, เสียง, วีดิโอ หรือไฟล์ต่างๆส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่ส่วนใหญ่จะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag <BODY> … </BODY





วันที่15 ก.ค. 2555

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

วันศุกร์ที่ 15 มิถุนายน พ.ศ. 2555

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

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



 -Homepage
          โฮมเพจ คือคำที่ใช้เรียกหน้าแรกของเว็บไซต์ โดยเป็นทางเข้าหลักของเว็บไซต์  นอกจากนี้ ภายในโฮมเพจก็อาจมีเอกสารหรือข้อความที่เชื่อมโยงต่อไปยังเว็บเพจอื่นๆอีก ด้วย








-WWW
          World Wide Web, WWW, W3 ; หรือที่เรียกกันสั้นๆ ว่า "เว็บ") คือพื้นที่ที่เก็บข้อมูลข่าวสารที่เชื่อมต่อกันทางอินเทอร์เน็ต โดยการกำหนด URL คำว่าเวิลด์ไวด์เว็บมักจะใช้สับสนกับคำว่า อินเทอร์เน็ต โดยจริงๆแล้วเวิลด์ไวด์เว็บเป็นเพียงแค่บริการหนึ่งบนอินเทอร์เน็ต



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





-Webpage
           หมายถึง หน้าหนึ่ง ๆ ของเว็บไซต์ ที่เราเปิดขึ้นมาใช้งาน โดยทั่วไป เว็บเพจส่วนใหญ่จะอยู่ในรูปของเอกสาร HTML หรือ XHTML (ซึ่งมักมีนามสกุลไฟล์เป็น htm หรือ html)


-HTML
          HTML (ชื่อเต็มคือ Hypertext Markup Language ภาษามาร์กอัปข้อความหลายมิติ) คือภาษามาร์กอัปออกแบบมาเพื่อใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์ เริ่มพัฒนาโดย ทิม เบอร์เนอรส์ ลี (Tim Berners Lee)



-Website
           (website, web site, หรือ Web site) หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ 



-URL
          URL ย่อมาจากคำว่า Uniform Resource Locator คือ ที่อยู่ (Address) ของข้อมูลต่างๆในInternet เช่น ที่อยู่ของไฟล์หรือเว็บไซต์บนอินเตอร์เน็ต
         






แหล่งที่มา


-http://www.mindphp.com/modules.php?name=News&file=article&sid=121


-http://www.zazana.com/babnee/webpage-id4676.aspx


-http://panyaras.blogspot.com/2010/05/web-site-web-page-home-page-links-www.htm   


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

วันจันทร์ที่ 4 มิถุนายน พ.ศ. 2555

แนะนำตัว



ชื่อ  น.ส.สุภนิช  ตีวรชีวิน

ชื่อเล่น  เบียร์

อายุ  17 ปี

เกิดวันที่ 27 พฤศจิกายน  พ.ศ. 2537

ศึกษาอยู่  ร.ร ธนบุรีวรเทพีพลารักษ์

ชั้น  ม. 6/4   เลขที่  37

สาย ไทย สังคม  อังกฤษ

งานอดิเรก  ฟังเพลง

สีที่ชอบ  ทุกสี (ยกเว้นสีส้ม)



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