Archive for the ‘HTML’ Category

การเชื่อมโยงลิงค์ ของ HTML

สำหรับการเชื่อมโยงลิงค์ของ HTML  นั้น  ก็คือการที่เรานั้นได้ทำการคลิกแล้วไปที่ลิงค์ที่ได้กำหนดนั้นๆ ไม่ว่าจะเป็นหน้าเพจ  ต่างๆ  ก็ได้                 โดนรูปแบบทั่วไปในการทำลิงค์  นั้นๆ  มีอยู่ 4 แบบด้วยกันดังนี้                 1. การเชื่อมโยงไปเพจต่างๆ                 2. ลิงค์ไปยังที่อยู่อีเมล์                 3. การเชื่อมโยงลิงค์ไป FTP

แท็กต่างๆ ที่เกี่ยวกับการกำหนดรายการ (list)

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

ทำ โมโนสเปซ (Monospaced Font) ด้วยแท็ก PRE

โมโนสเปซ (Monospaced Font)  เป็นการทำตัวอักษรให้มีขนากที่เท่าๆ  กันให้เป็นเหมือนต้นฉบับที่เราพิมพ์นั้นเอง <PRE WIDTH=width>…</PRE> Width เป็นการกำหนดความกว้างของบรรทัดนั้นๆ ถ้าหากไม่กำหนดจะเท่ากับขนาด 80  

การสร้างตารางด้วย HTML

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

การแสดงไฟล์ภาพ ใน HTML

สำหับ HTML นั้นการที่จะให้แสดง ภาพนั้นต้องใช้แท็ก <img> ในการแสดงภาพโดยอยู่ภายใต้การควบคุมของแอตตริบิวต่างๆ  ดังนี้ แอตตริบิวต์ คำอธิบาย src เป็นการระบุตำแหน่งของภาพ  อาจจากเว็บอื่นหรือจะเว็บเราเองก็ได้ เช่น <img src=”http://www.webcomzone.com/wp-content/themes/AnimeVenue/images/logo.png”> alt เป็นการอธิบายภาพโดยจะแสดงข้อมความเมื่อเรานำเมาส์ไปวางเหนือภาพ  เช่น  <ing src=“ logo.png”  alt=”โลโก้”> align ใช้กำหนดของภาพในข้อความ  โดยจะมี top,bottom,middle,left,right, width เป็นการกำหนดสัดส่วนความกว้างของภาพเพื่อไม่ให้เพี้ยนไป  ถ้าไม่กำหนดขนาดจะเท่าของจริง  ถ้ากำหนดก็จะใช้ % เพื่อเป็นการป้องกันภาพเพี้ยนด้วย height ใช้กำหนดความสูงของภาพ hspace กำหนดระยะห่างด้านซ้ายและขวา vspace กำหนดระยะห่างด้านบนและล่าง

อักขระพิเศษของ HTML

                     สำหรับอักขระพิเศษนั้น  สำหรับ HTML  นั้นจะใช้สัญลัษณ์แทนอักขระนั้นๆ  อย่าเช่น “ < > และอื่นๆ เพื่อที่จะได้ไม่สับสนในการตีความหมายของเบราเซอร์ได้  อย่างเช่น < > จะมีการติความหมายของแท็กคำสั่งอย่างเช่น <P> ก็จะแปลความหมายว่าเว้นวรรคไป  ซึ่งมีวิธีแก้ไขปัญหาโดยการกำหนดสัญลักษณ์ใช้แทนอักขระพิเศษนั้นๆ  ซึ่งมีหลายตัว  แต่ผมจะยกตัวอย่างที่ใช้งานบ่อยๆ  ดังนี้

การกำหนอรูปแบบตัวอักษร

การกำหนดรูปแบบตัวอัษรในภาษา Html นั้นเป็นการที่ทำให้  ตัวอักษรและหน้าเว่บเราดูรวยงามมากขึ้น  ซึงมี แท้กที่เกี่ยวข้องดังต่อไปนี้ คำสั่ง แท็ก การใช้งาน <b>…</b> เป็นการกำหนดตัวหนาให้ตัวอักษร <i>…<i> เป็นการกำหนดตัวอักษรให้เอียง <u>…</u> ขีดเส้นใต้ข้อความ <s>…</s> ขีดเส้นทับข้อความ <sub>…</sub> การกำหนดตัวอักษรตัวห้อย <sup>…</sup> การกำหนดตัวยกให้กำบตัวอักษร <h1>…</h1> ………………… <h6>…</h6> เป็นการกำหนดขนาดตัวอักษร <pre>…</pre> ให้แสดงรูปแบบเหมือนที่เราเขียนตันฉบับ <blockquote>…</blockquote> เป็นการกำหนดเยื้องไปทางซ้ายทุกบรรทัด <address>…</address> เป็นการกำหนดตัวเอียงในรูปแบบที่อยู่  

แท็ก hr

เป็นแท็ก ไว้สำหรับขีดเส้นหรือสร้างเส้นคั่นระหว่าบรรทัดได้  การสร้างเส้นของแท็ก <hr> นี้สามารถที่จะกำหนดแอตตริบิวต์ได้ดังนี้ <hr alisn=”center” size=”4″ width=”500″ color=”red” > alisn = เป็นการกำหนดให้ชิดด้านใดด้านหนึ่ง  เช่น left,center,right size = เป็นการกำหนดความสูงของเส้น width = เป็นการกำหนดความยาวของเส้นสามารถกำหนดเป็นความยาวเลย  หรือว่าเป็น % ก็ได้ color = การกำหนดสีให้กับเส้น noshade = เป็นการกำหนดค่าใดๆ ผลก็จะออกมาดังรูป

การจัดรูปแบบบทความด้วย แท็ก br,p,center

สำหรับการจัดรูปแบบบทความนั้นสามารถที่จะจัดรูปแบบด้วยแท็ก <br>,<p>,<center>  ซึ้งจะอธิบายดังต่อไปนี้ <br> เป็นแท้กไว้สำหรับการขึ้นบรรทัดใหม่และไม่มีแท็กปิดนะครับ  เช่น  <HTML> <BODY> ยินดีต้อนรับ <br>เข้าสู่ <br> webcomzone </BODY> </HTML>

แท็ก font

การกำหนดตัวอักษรของ html นั้นจะทำการเปิด แท็ก <font> แล้วต้องปิดด้วย </font> ซึ้งสามารถที่จะกำหนดกำหนดชนิด,ขนาด และ สีของตัวอักษร โดยจะถูกกำหนดด้วยแอตตริบิวต์ต่างๆ ดังตัวอย่าง <font face=”tahoma” size=”5″ color=”red”> test </font> face = เป็นการกำหนดรูปแบบตัวอักษร เช่น tahoma size = เป็นการกำหนดขนาดของตัวอักษร  ตั้งแต่ 1-7 color = กำหนดสีของตัวอักษร ตัวอย่าง

Powered by WordPress | Designed by: MMORPG | Thanks to Facebook Games, Browser Games and Video Game Music
The last Robot visite is msnbot/1.0 (207.46.199.39) Date 08 Sep 2553 time 05.19