วันจันทร์ที่ 9 พฤศจิกายน พ.ศ. 2558

HTML

1.HTML ย่อมาจาก HTML ย่อมาจาก Hyper Text Markup Language
HTML หมายถึง ข้อความที่เชื่อมกันผ่านลิงค์ (Hyper Text Markup Language) ภาษา HTML เป็นภาษาพื้นฐานที่จำเป็นในการสร้างเว็บไซต์ โดยการสร้าง Tag คำสั่งเพื่อกำหนดรูปแบบการแสดงผลบนเว็บเพจ ถูกพัฒนาและกำหนดมาตรฐานโดยองค์กร World Wide Web Consortium (W3C) ปัจจุบันมีโปรแกรมประเภท Web Editor จำนวนมากที่อำนวยความสะดวกให้ผู้ที่ต้องการสร้างเว็บไซต์สามารถสร้างเว็บไซต์ได้โดยไม่ต้องจำ Tag ของภาษา HTML เช่น Dream weaver, Front page เป็นต้น

2.รูปแบบคำสั่งของ HTML เป็นอย่างไร

< !-- ข้อความ -->คำสั่ง หมายเหตุ ใช้อธิบายความหมาย ขื่อผู้เขียนโปรแกรม และอื่นๆ
<br>คำสั่งขึ้นบรรทัดใหม่
<p> ข้อความ </p>คำสั่งย่อหน้าใหม่
<hr width="50%" size = "3">คำสั่ง ตีเส้น, กำหนดขนาดเส้น
&nbsp;คำสั่ง เพิ่มช่องว่าง
<IMG SRC = "PHOTO.GIF">คำสั่งแสดงรูปภาพชื่อ Photo.gif
<CENTER> ข้อความ </CENTER>คำสั่งจัดให้ข้อความอยู่กึ่งกลาง
<HTML> </HTML>คำสั่ง <HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง </HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม
<HEAD> </HEAD>คำสั่ง <HEAD> คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง โดยมีคำสั่งย่อย <TITLE> อยู่ภายใน
<TITLE> </TITLE>คำสั่ง <TITLE> คือคำสั่งบอกชื่อเรื่อง จะไปปรากฏที่ Title Bar
<BODY> </BODY>คำสั่ง <BODY> คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์ ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น

3.ตัวอย่างคำสั่งของ HTML 10ข้อ
หัวเรื่อง
รูปแบบ <Hx>ข้อความ</Hx>
ตัวอย่าง <H1>หัวข้อใหญ่สุด</H1>
ในการกำหนดขนาดให้หัวเรื่องนั้นมีการกำหนด ไว้ 6 ระดับตั้งแต่ 1 - 6 โดย x แทนตัวเลขแต่ละลำดับโดย H1 มีขนาดใหญ่ที่สุด H6 เล็กที่สุดเมื่อต้องการใช้หัวเรื่องที่มีขนาดตัวอักษรเท่าใดเขียนอยู่ระหว่าง <Hx>....</Hx>


ขนาดตัวอักษร
รูปแบบ <FONT SIZE=x>ข้อความ</FONT>
ตัวอย่าง <FONT SIZE=2>bcoms.net</FONT>
เราสามารถกำหนดขนาดของตัวอักษรให้แตกต่างกันได้ ภายในบรรทัดเดียวกัน โดยเราใช้ <FONT SIZE=value> มากำหนด โดยที่ value เป็นตัวเลขแสดงขนาด ตัวอักษร 7 ขนาด ตัวเลขยิ่งมาก ยิ่งมีขนาด ใหญ่ ตั้งแต่ -7 ไปจนถึง +7

ตัวหนา (Bold)
รูปแบบ <B>ข้อความ</B>
ตัวอย่าง
 <B>bcoms.net</B>
จะทำให้ข้อความที่อยู่ใน <B>....</B> มีความหนาเกิดขึ้น เช่น bcoms.net

ตัวเอน (Itatic)
รูปแบบ <I>ข้อความ</I>
ตัวอย่าง
 <I>bcoms.net</I>
ทำให้ข้อความที่อยู่ใน<I>....</I> เกิดเป็นตัวเอนขึ้น เช่น bcoms.net

ตัวขีดเส้นใต้ (Underline)
รูปแบบ <U>ข้อความ</U>
ตัวอย่าง
 <U>bcoms.net</U>ทำให้ข้อความที่อยู่ใน <U>.....<U> มีเส้นขีดอยู่ใต้ตัวอักษรเกิดขึ้น เช่น bcoms.net

ตัวอักษรมีขนาดคงที่ (Typewriter text)
รูปแบบ <TT>ข้อมความ</TT>
ตัวอย่าง
 <TT>bcoms.net</TT>ทำให้ ข้อความ ที่อยู่ใน<TT>.....</TT> มีลักษณะเป็น fixed space เกิดขึ้น เช่น bcoms.net

แบบของตัวอักษร
รูปแบบ <FONT FACE="font name>ข้อความ</FONT>
c
 <FONT FACE="AngsanaUPC">bcoms.net</FONT>Font name เป็นชื่อของ Font ที่เราต้องการให้เป็น เช่น <FONT FACE="AngsanaUPC"> bcoms.net</FONT> และเราสามารถใส่ชื่อ Font หลาย ๆ ตัวได้เพื่อบางครั้ง Browser ไม่มี Font ตามต้องการโดยให้คั้นด้วยตัว (,)

ขนาด Font ทั้งเอกสาร
รูปแบบ Basefont size="X">
ตัวอย่าง
 <Basefont size=3>
เป็นการกำหนดขนาดของตัวอักษรในโฮมเพจให้มีขนาด เท่ากันทั้งเอกสาร เพื่อสะดวกเราจะได้ไม่ต้องกำหนดบ่อย ๆ ปกติแล้วจะกำหนดขนาดเป็น 3 โดยไม่ต้องมีตัวปิดเหมือนคำสั่งอื่น ๆ (X แทนตัวเลข)

ตัวอักษรแบบพิเศษ
รูปแบบ
          <      แทนด้วย     &lt;
          >      แทนด้วย     &gt;
          &     แทนด้วย     &amp;
          "      แทนด้วย     &quot;

เว้นวรรค แทนด้วย &nbsp;

ตัวอย่างเช่น &quot;bcoms.net&quot; จะเป็น "bcoms.net"

















ไม่มีความคิดเห็น:

แสดงความคิดเห็น