HTML Headings DOCTYPE html body h 1Heading 1h
HTML Headings การเนนคำ เนนหวเรองใหเปนจดสนใจของผเขาชมเวบเพจ <!DOCTYPE html> <body> <h 1>Heading 1</h 1> <h 2>Heading 2</h 2> <h 3>Heading 3</h 3> <h 4>Heading 4</h 4> <h 5>Heading 5</h 5> <h 6>Heading 6</h 6> </body> </html> Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6
HTML Paragraphs การเขยนยอหนา หรอการเขยนเนอหาออกเปนสวนๆ <!DOCTYPE html> <body> <p> This paragraph contains a lot of lines in the source code, but the browser ignores it. </p> <p>This is a paragraph. </p> </body> </html> This paragraph contains a lot of lines in the source code, but the browser ignores it. This is a paragraph.
HTML Styles การเขยน CSS เพอปรบแตงเวบเพจใหนาสนใจ <!DOCTYPE html> <body> <p>I am normal</p> <p style="color: red; ">I am red</p> <p style="color: blue; ">I am blue</p> <p style="font-size: 36 px; ">I am big</p> </body> </html> I am normal I am red I am blue I am big
HTML Comment Tags ใชเพอ บอกวาในจดๆน สอถงอะไร ซงการใชงาน Comments นน จะไมถกนำไปแสดงบน Browsers <!DOCTYPE html> <body> <!-- This is a comment --> <p>This is a paragraph. </p> <!-- Remember --> </body> </html> This is a paragraph.
HTML Links การเชอมโยงเวบไซตไปยงทตางๆ หรอ ภายในเอกสารงานของเราเอง การเชอมโยงแบบเปดในหนาเดม <a href="https: //www. google. co. th">Google</a> การเชอมโยงแบบเปดในหนาใหม <a href="https: //www. google. co. th" target="_blank">Google</a> https: //www. w 3 schools. com/html/tryit. asp? filename=tryhtml_links_target การเชอมโยงแบบเปดในหนาเดมโดยไมสนใจวาจะอยใน iframe หรอไม target="_top" -> https: //www. w 3 schools. com/html/tryit. asp? filename=tryhtml_links_target_top การเชอมโยงเปดดวยรปภาพ Image Links -> https: //www. w 3 schools. com/html/tryit. asp? filename=tryhtml_links_image ขอความเมอนำเมาสไปวางบนวตถ ทจะทำการเชอมโยง Link Titles -> https: //www. w 3 schools. com/html/tryit. asp? filename=tryhtml_links_title สามารถคลกแลวเลอนไปหา id ในตำแหนงทตองการได Jump to Chapter id-> https: //www. w 3 schools. com/html/tryit. asp? filename=tryhtml_links_bookmark
HTML Block and Inline Elements Block level elements in HTML: <address><article><aside><blockquote><canvas><dd><div><dl><dt><fieldset><figcaption><figure> <footer><form><h 1>-<h 6><header><hr><li><main><nav><noscript><ol><output><p><pre> <section><table><tfoot><ul><video> Inline elements in HTML: <a><abbr><acronym><b><bdo><big> <button><cite><code><dfn><em><i><img><input><kbd> <label><map><object><q><samp><script><select><small><span><strong><sub><sup><textarea> <time><tt><var> https: //www. w 3 schools. com/html_blocks. asp
Audio/Video Support ใน HTML 5 จะรองรบมลตมเดยไดอยางเตมรปแบบหรอสมบรณมากขน https: //www. w 3 schools. com/html/tryit. asp? filename=tryhtml 5_video
Geolocation เปนการหาคาละตจด และลองตจดเพอระบตำแหนงบนพนโลก https: //www. w 3 schools. com/html/tryit. asp? filename=tryhtml 5_geolocation
สอนการใชงาน Jsfiddle https: //jsfiddle. net/
- Slides: 24