ปฏิทินและนาฬิกา

ปฏิทินและนาฬิกา

38.

com" target="_blank">Friv Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_193" data-original-id="BLOGGER_object_193" /><br><a href="http://www.game<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">38.</span>com" target="_blank">Friv Games</a></center> </p> <p class="MsoNormal">

38.

com" target="_blank">Friv Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_195" data-original-id="BLOGGER_object_195" /><br><a href="http://www.game<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">38.</span>com" target="_blank">Friv Games</a></center> </p> <p class="MsoNormal">

38.

com" target="_blank">Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_197" data-original-id="BLOGGER_object_197" /><br><a href="http://www.game<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">38.</span>com" target="_blank">Games</a></center> </p> <p class="MsoNormal">

38.

com" target="_blank">Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_199" data-original-id="BLOGGER_object_199" /><br><a href="http://www.game<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">38.</span>com" target="_blank">Games</a></center> </p> <p class="MsoNormal">

38.

com" target="_blank">Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_201" data-original-id="BLOGGER_object_201" /><br><a href="http://www.game<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">38.</span>com" target="_blank">Games</a></center> </p> <p class="MsoNormal">

52.

com" target="_blank">Free Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_203" data-original-id="BLOGGER_object_203" /><br><a href="http://www.games<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">52.</span>com" target="_blank">Free Games</a></center> </p> <p class="MsoNormal">

52.

com" target="_blank">Free Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_205" data-original-id="BLOGGER_object_205" /><br><a href="http://www.games<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">52.</span>com" target="_blank">Free Games</a></center> </p> <p class="MsoNormal">

52.

com" target="_blank">Free Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_207" data-original-id="BLOGGER_object_207" /><br><a href="http://www.games<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">52.</span>com" target="_blank">Free Games</a></center> </p> <p class="MsoNormal">

38.

com" target="_blank">More Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_209" data-original-id="BLOGGER_object_209" /><br><a href="http://www.game<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">38.</span>com" target="_blank">More Games</a></center> </p> <p class="MsoNormal">

52.

com" target="_blank">Free Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_211" data-original-id="BLOGGER_object_211" /><br><a href="http://www.games<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">52.</span>com" target="_blank">Free Games</a></center> </p> <p class="MsoNormal">

52.

com" target="_blank">Free Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_213" data-original-id="BLOGGER_object_213" /><br><a href="http://www.games<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">52.</span>com" target="_blank">Free Games</a></center> </p> <p class="MsoNormal">

52.

com" target="_blank">Free Games

<center> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_215" data-original-id="BLOGGER_object_215" /><br><a href="http://www.games<span lang="TH" style="font-size:14.0pt;mso-ansi-font-size: 11.0pt;line-height:115%;font-family:"Cordia New","sans-serif";mso-ascii-font-family: Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin">52.</span>com" target="_blank">Free Games</a></center> </p> <p class="MsoNormal">

การใช้ definition list

****การเขียนภาษา HTML มีข้อดีตรงที่เราสามารถ

รู้ว่าอะไรอยู่ตรงไหนและควรแก้ไขอย่างไรการใช้เว็บ

ที่สำเร็จรูปก็มีส่วนดีตรงที่ง่ายและตรงไม่สับซ้อนแต่

เราไม่สามารถอ่านออกได้ถ้าไม่รู้ว่าอะไรเป็นอะไรและ

จะแก้ไขตัวไหนตรงไหนวันนี้จะนำตัวอย่างการใช้

งาน

<dl>=ก็เหมือนการทำข้อความหลักตามด้วยย่อหน้า

ของข้อความย่อยเพราะการแล้วต้องย่อหน้าหรือใช้TAP นั้นทำไม่ได้

จึงต้องใช้ ภาษาในการเขียนหรือทำให้เกิดรูปแบบนั้น ๆ

และนี่คือตัวอย่างการใช้ definition list หรือ <dl>

สามารถคัดลอกและนำไปใช้ได้เลย

<dl>

<dl>ปัจจัยสี่ในการใช้ชีวิต</dl>

<dd>ที่อยู่อาศัย</dd>

<dd>อาหาร</dd>

<dd>เสื้อผ้า</dd>

<dd>และยารักษาโรค</dd>

<dl>ศีลห้า</dl>

<dd>ห้ามฆ่าสัตว์</dd>

<dd>ห้ามลักทรัพย์</dd>

<dd>ห้ามประพฤติผิดในกาม</dd>

<dd>ห้ามพูดปด</dd>

<dd>ห้ามดื่มสุราเมรัย</dd>

</dl>

***เมื่อเสร็จแล้วจะได้แบบนี้

ปัจจัยสี่ในการใช้ชีวิต

ที่อยู่อาศัย

อาหาร

เสื้อผ้า

และยารักษาโรค

ศีลห้า

ห้ามฆ่าสัตว์

ห้ามลักทรัพย์

ห้ามประพฤติผิดในกาม

ห้ามพูดปด

ห้ามดื่มสุราเมรัย

***เป็นการใช้ list อีกประเภทหนึ่งจากที่เคยนำมาลงไว้

ให้ก็ลองนำไปทำดูนะครับไม่ยาก การเขียนเว็บได้ด้วยตัวเอง

ผมว่าเป็นอะไรที่แบบดีมาก ๆ เลยครับสนุกและเราสามารถ

ประยุกต์ให้ได้กับความต้องการของเราว่าต้องการหน้าตา

ของเว็บแบบไหน สวัสดีครับ