Loading ...โหะๆ ตั้งชื่อมาซะอลังการกับบทความแรก แต่มันคือความจริง!
html มันคือภาษาแรกของการทำเว็บเลยนะ ควรจะรู้เอาไว้ซะ
แล้วมันไปเกี่ยวกับดอสยังไงเหรอ? มันจะไปทำบนดอสได้ยังไงเหรอ?
ที่จริง มันทำกับอะไรก็ได้! ที่มีโปรแกรมแก้ไขข้อความ
ถ้าบนวินโดวส์ มันก็จะมี notepad มาให้ แต่คนส่วนใหญ่ มักจะใช้ EditPLUS กัน
แต่ก็ยังมีคนใช้อีกหลายโปรแกรมบนวินโดวส์ ในการเขียนภาษา HTML
แต่บนดอส DOS มันจะมีโปรแกรมที่ชื่อว่า EDIT ให้ สำหรับใช้บันทึกข้อความ
หรืออะไรต่างๆนาๆห่าเหวได้ การเข้าใช้งาน EDIT ของ DOS
ถ้ารันวินโดวส์แล้ว(แต่สะเออะอยากไปเขียนบนดอส)ก็เข้าที่
Start > run แล้วพิมพ์ว่า cmd แล้ว OK ซะ
จากนั้นจะขึ้นหน้าจอมืดๆตามคอนเซปดอสให้พิมพ์ว่า edit
มาจะวิ่งปรึ๊ดๆเข้าหน้าจอโปรแกรม edit ทันที แล้วก็ใส่โค๊ตตามต้องการ
เขียนเว็บได้ตามใจ…
ซึ่งหลังจากนั้นจะขอโดดมาขั้นตอนการเซฟ นี่แหละ ที่สำคัญ!
ขั้นตอนนี้สำคัญที่สุด เพราะมันเป็นไฮไลท์ของโปรแกรมแก้ไขข้อมูลที่ว่ามา
ทั้งหมดทั้งปวง ก็คือการบันทึก เมื่อเข้าสู่วาระฤกงามยามดีในการเสร็จสิ้น
ของการเขียนเว็บในไฟล์นั้นๆของท่าน การบันทึกครั้งแรก
ท่านจะต้องใส่”นามสกุล”ของไฟล์ท่านด้วย
ซึ่งนามสกุลของเว็บมันจะมีเยอะมากมายเช่น
.html .htm .asp .php .jsp .pl .cgi และ โอย ฯลฯ
ทีนี้เราได้รู้แล้วว่าทำอย่างไรถึงเขียนเว็บในดอสได้
สิ่งที่ขาดไม่ได้คือ การเขียนเว็บบนดอส หรืออาจจะเป็นโปรแกรมอื่นๆ
ที่”ไม่ได้เกิดมาเพื่อไว้ทำเว็บ” ท่านก็ต้องรู้จักกับภาษาเขียนเว็บต่างๆ
ซึ่งภาษาที่จะแนะนำในนี้ก็คือ HTML ซึ่งเป็นภาษาในการเขียนเว็บแบบ “เบสิกมั๊กๆ”
อาจจะแปลไม่ออกว่าคืออะไร - -” เอาง่ายๆ Basic หรือ more basic แล้วกัน(เริ่มนอกเรื่อง)
ภาษาที่จำเป็นต่อ HTML ก็จะมีดังนี้นะ
<html> <<< โคตรจำเป็นเลย มันเป็นการประกาศนะ ว่านี่แหละกู เอ้ย HTML
<head> <<< เป็นส่วนของหัวไฟล์เลยหละ
<body> <<< เป็นส่วนของข้อมูลที่จะนำเสนอเลยหละ
<title> <<< นี่คือที่กำหนดหัวเรื่อง
<b> <<< นี่คือตัวหนา
<i> <<< นี่คือตัวเอียง
<u> <<< นี่คือขีดเส้นใต้
<center> <<< จัดกลาง
&bsp; <<< นี่คือเว้นวรรค
<br> <<< นี่คือเว้นวรรค
<font> <<< นี่คือการกำหนดฟ้อนต์
ลองทำดู!
โจทย์ : ให้ชื่อหัวเรื่องว่า "ฉันรักคุณจังเลย" พื้นหลังสีชมพู ข้อความในเว็บเขียนว่า
บรรทัดที่๑เขียนว่า "อยากบอกกับเธอมาตั้งนานแล้ว" ให้เป็นตัวหนา และอยู่ตรงกลางหน้า
บรรทัดที่๒เขียนว่า "อยากบอกกับเธอ มากจริงๆ" ให้เป็นตัวหนา และอยู่ตรงกลางหน้า คำว่า "มากจริงๆ" ให้เป็นตัวหนาเอียง
บรรทัดที่๓เขียนว่า "วันนี้ฉันเก็บมันไว้ไม่ไหวแล้ว!" ให้เป็นตัวหนา และอยู่ตรงกลางหน้า
บรรทัดที่๔เขียนว่า "ฉันอยากบอกกับเธอว่า ฉันรักเธอ..." ให้เป็นตัวหนา และอยู่ตรงกลางหน้า คำว่า "ฉันรักเธอ..."ให้เป็นตัวหนาและมีเส้นใต้"
บรรทัดที่๕เขียนว่า "ฉันขอสัญญากับเธอว่า ฉันจะรักเธอเสมอ ไม่มีเปลี่ยนไป" ให้เป็นตัวหนาและเอียง อยู่ตรงกลางหน้า คำว่า "ฉันจะรักเธอเสมอ ไม่มีเปลี่ยนไป" เป็นตัวสีแดง หนาและขีดเส้นใต้
บรรทัดที่๖เขียนว่า "จากใจ ผู้ชายคนนึง..." ให้เป็นตัวธรรมดา และจัดให้มองเห็นว่า อยู่ชิดขวาของข้อมูลทั้งหมด แต่ยังอยู่ตรงกลางหน้า
โอ้ว ยากส์ไปป่าวเนี่ย มาลองๆ เขียนโค๊ตตามนี้ดูเลย
<html>
<head>
<title>ฉันรักคุณจังเลย</title>
</head>
<body bg color=pink>
<center><b>อยากบอกกับเธอมาตั้งนานแล้ว<br>
อยากบอกกับเธอ <i>มากจริงๆ</i><br>
วันนี้ฉันเก็บมันไว้ไม่ไหวแล้ว!<br>
ฉันอยากบอกกับเธอว่า <u>ฉันรักเธอ…</u><br>
ฉันขอสัญญากับเธอว่า <font color=red><u>ฉันจะรักเธอเสมอ ไม่มีเปลี่ยนไป</u></font><br>
</b>
จากใจ
ผู้ชายคนนึง…
</center>
</body>
</html>
จบแล้วครับ ลองเซฟแล้วดูได้
ลองสังเกตดูนะครับ จากโค้ตภาษา HTML ข้างบน
เช่นตัวหนา ก็จะใช้ <b>อยู่หน้า และ </b>อยู่ท้ายข้อความ เพื่อเป็นตัวบอกนะว่า เริ่มตัวหนาตรงไหน สิ้นสุดที่ตรงไหน
แล้วก็อีกส่วนก็คือ
<font color=red> ในส่วนของ <font> นั่น เราสามารถใส่ค่า parameter เพื่อกำหนดสี ขนาด และ แบบตัวหนังสือได้
เหมือนกันกับ <body> สามารถใส่สี ใส่ภาพพื้นหลัง ตั้งค่าภาพพื้นหลังได้อีกด้วย
ส่วน เยอะหน่อยนะ เพราะว่า เราต้องค่อยๆเว้นวรรคไปให้ได้ตำแหน่งแบบที่เราต้องการ
ปล.ที่บอกเท่านี้ อยากให้ลองทำเองมากกว่า จะเข้าใจกระจ่าง และประยุกต์ใช้ พร้อมกับพัฒนาทางด้านการสังเกตุไปในตัว
จงจำไว้!
html มี tag หรือโค้ต เปิด และปิด เปิด ไม่มี/ หน้าคำสั่ง แต่ที่มี / หน้าคำสั่ง นั่นคือ tag ปิด
html ไม่ทำการเว้นบรรทัดให้ ข้อความของท่านจะย้ายเฟื้อย ถ้าไม่ใส่ tag เว้นบรรทัด
html ไม่สามารถเว้นวรรคให้ท่านได้เหมือน word หรืออื่นๆ ท่านจะต้องใช้โค้ตในการเว้นบรรทัด
Loading ...