iasean.net :: Technology & Web Design

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>

<title>เก็บปัญญาจากแผ่นดินไว้ให้แผ่นดิน</title>
<style type="text/css">

/***************body***************/
body
{
padding: 15;
width:Auto;
height:auto;
min-width:900pt;
color: #232423;
background-color: #f5f5f5;
/* background-attachment: fixed;*/
background-position: top center;
float:center;
}
body {
text-align: left;
margin: 0 1% 1% 1%;
line-height:125%;
font-family: sans-serif;
font-weight: Normal;
font-style: Normal;
float:center;
}

/***************link***************/
a:link {BACKGROUND: none; COLOR: #1a5301; FONT-SIZE: 1.0em; font-family:sans-serif; TEXT-DECORATION: none;}
a:active {BACKGROUND: none; COLOR: #503713; FONT-SIZE: 1.0em; font-family:sans-serif; TEXT-DECORATION: none;}
a:visited {BACKGROUND: none; COLOR: #164d12; FONT-SIZE: 0.95em; font-family:sans-serif; TEXT-DECORATION: none;}
a:hover {BACKGROUND: none; COLOR: #990000; FONT-SIZE: 1.1em; font-family:sans-serif; TEXT-DECORATION: none;}
.img-text a:hover { text-decoration: none;}
.img-text a:hover span { text-decoration: underline;}

/***************หัวข้อ และ หัวข้อย่อย***************/

/******************จัดข้อความชิดขอบซ้าย Magin=0********************/
h1 {
text-align: Center;
widows: 2;
orphans: 2;
margin: 20px 0 0pt 0;
line-height:145%;
font-family:sans-serif;
color: #0F3F07;
font-size: 1.5em;
font-weight: bold;
font-style: Normal;
}
/******************ขอบข้อความซ้าย=3% Magin=1%********************/
h2 {
text-align: left;
widows: 2;
orphans: 2;
margin: 0 0 0pt 0;
text-indent: 0%;
line-height:145%;
font-family:sans-serif;
font-size: 1.4em;
font-weight: bold;
font-style: Normal;
}

/******************ข้อความขอบซ้าย=6% Magin=1%********************/
h3 {
text-align: left;
widows: 2;
orphans: 2;
margin: 0px 0 0pt 0;
text-indent: 0%;/***************/
line-height:145%;
font-family:sans-serif;
font-size: 1.3em;
font-weight: bold;
font-style: Normal;
}
h4 {
text-align: left;
widows: 2;
orphans: 2;
margin: 0pt 0 0pt 0;
text-indent: 0%;
line-height:145%;
font-family:sans-serif;
font-size: 1.3em;
font-weight: bold;
font-style: Normal;
}

h5 {
margin: 1% 0 0.5% 0 ;
padding-left:3%;
padding-right:2%;
line-height:145%;
font-family:sans-serif;
font-weight: normal;
font-style: italic;
COLOR: #31625b;
font-size:0.9em;

/***เครื่องหมายคำพูด ตัวเอน = <blockquote>***/
h6 {
margin: 0% 0 0% 0;
padding-left:0%;
padding-right:0%;
COLOR:#851828;
line-height:50%;
font-size:1.0em;
font-weight: normal;
font-style:italic;
text-align: left;}

/*****ฝาก Code ไว้ในส่วนที่จะใส่ใน Body*******************************************************************************
1- ภาพถ่าย
<div class="separator" style="clear: both; text-align: center;">
<img border="2" src="https://3.bp.blogspot.com/ชื่อภาพ.jpg" />
<img border="2" src="https://1.bp.blogspot.com/ชื่อภาพ.jpg" />
<img border="2" src="https://2.bp.blogspot.com/ชื่อภาพ.jpg" />
</div>

2- H-Menu
<div style="background: #f4eadd; font-size: 0.9em; text-align: left;">
<a href="http://ohlaner.blogspot.com/2013_06_01_archive.html">      1. การจัดองค์ประกอบภาพ</a>   :::
<a href="http://ohlaner.blogspot.com/2013/07/cml-002.html">  2. รูรับแสง ความเร็วชัตเตอร์ และความไวแสง</a>   :::
<a href="http://ohlaner.blogspot.com/2013/07/cmr-001_10.html">  3. โหมดต่างๆในการถ่ายภาพ</a>
</div>

3- Intro
<table border="1" cellpadding="10" cellspacing="0" style="border-color: #c0c0c0; height: 100pt; line-height: 145%; width: 100%;">
<tbody>
<tr> 
<td><h1 class="postheader">
Cmr01 :: การจัดองค์ประกอบภาพ</h1>
<blockquote>
<div style="font-size: 1.1em;">
"กล้องกับเราเข้ากันได้" / คนมีศิษย์ : วัลลภ ก้อนมณี / 26 พ.ค.56  :::::   ผมพูดถึงเรื่องนี้ก่อนเพราะจะทำให้กิจกรรมต่อไปสนุกขึ้น สามารถพูดได้ว่าพอรู้หลักการจัดองค์ประกอบภาพคร่าวๆแค่ 10-15 นาทีก็ถ่ายภาพสวยขึ้นได้เลย ถ้าขี้เกียจก็อ่านแค่ 4-5 หลักการแรกก่อน ถ่ายภาพแต่ละครั้งให้เลือกเอาข้อใดข้อนึงตามสภาพแวดล้อมก็พอ ส่วนที่เหลือค่อยไปฝึกไปเก็บทีหลังตอนจะก้าวสู่ขั้นเทพจะได้มีมุมมองใหม่ๆมาแก้ความจำเจ  ส่้วนภาพประกอบผมฝึกถ่ายเองรอบบ้าน ยังไม่ได้รีทัชหรือใส่เทคนิคแสงสีเสียงอะไรมากฝีมือยังอ่อนหัดเพราะฝึกเองมาได้ไม่ถึงปี เอาแค่พอดูได้ตามหลักการ  เหตุผลของการที่ต้องรู้เรื่องนี้บ้างเนื่องจากแต่ก่อนผมจะเจออาการแบบนี้...</div>
</blockquote>
</td>
</tr>
</tbody>
</table>

*************************************************************************************/

</style>
</head>
<body><h5> 
- การ Copy ข้อความจาก Word เพื่อมาใส่ใน Blogger นั้น จะ Copy มาโดยตรงไม่ดี 
- ต้องเอาไปวางใน Notpad ก่อน แล้วจึง Copy จาก Notepad มาวางใน Blogger 
- จะได้ Code ที่เกลี้ยงกว่า แล้วจึงมาแทรก Code แต่งทีหลัง </h5>
<h1>รูปแบบการใส่เนื้อหาโดยใช้ตาราง</h1> 
<h3>/***ตาราง ช่องเดียว***/</h3> 
<table border="3" cellpadding="10" cellspacing="0" class="article" style="blackground-color: #FDEDF0; width: 100%;">
<tr>
<td align="top" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>
</tr>
</table>
 

<h3>/***ตาราง หลายช่อง และวิธีการรวม ช่อง/แถว ตาราง***/</h3> 
<table border="3" cellpadding="10" cellspacing="0" class="article" style="blackground-color: #FFFDF0; width: 100%;">
<tr>
<td colspan="2" align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
<img border="2" align="left" style="float: left; margin: 10px 10px 10px 10px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikhoHFZ6NV-Arh5x7RcE5W1I9v8hqsEYiHHXvFac6iGet127-4v42SE46XfSeghjuJ9ya-a0cJCS_o-RUkhTcr04eu4SPL9G-OU-JA1F-6tbg3TgKPoZMspTVca9w8m1PHRZhV03n2dbE/s1600/_BBB_9625.jpg" />
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>
<td align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>
<td align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>

</tr>

<tr>
<td align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>
<td rowspan="2" align="left" >
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>
<td align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป 

         หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 

</td>
<td align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>
</tr>
<tr>
<td align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>
<td align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>
<td align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>

</tr>
<tr>
<td align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>
<td align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>
<td align="left" valign="top">
หัวข้อ-ตัวหนา-ย่อหน้าต่อไป
          หัวข้อ-ตัวหนา (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ
          (เนื้อหา-ตัวอย่าง)ภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ คือตัวแบบเต็มพื้นที่ไปหมดไม่รู้ตัวไหนเป็นพระเอก ไม่มีจุดเน้นจุดสนใจ ดูแล้วงงละลานตาภาพเกะกะ 
</td>
</tr>
</tbody>
</table>

 <h4>การตกแต่งตารางและใส่รูปภาพ</h4>
 <h4>(TABLE)</h4>
 ALIGN=align-type
 BACKGROUND=url
 BGCOLOR=color
 BORDER=n
 CELLPADDING=n
 CELLSPACING=n
 WIDTH=n
 HEIGHT=n

 โดย

 ALIGN กำหนด ตำแหน่งตาราง โดย
 LEFT=กำหนดตารางให้อยู่ทางซ้าย
 RIGHT=กำหนดตารางให้อยู่ทางขวา
 BACKGROUND ใส่ภาพกรฟิก เป็นพื้นหลังตาราง url เป็น ตำแหน่ง ภาพ
 BGCOLOR กำหนดสีให้ตาราง
 BORDER เส้นขอบ ตาราง n เป็นค่า ความหนาของ ขอบตาราง
 BORDERCOLOR กำหนดสี ให้ขอบตาราง โดยสัมพันธ์กับ BORDER
 CELLPADDING กำหนดระยะ ห่างระหว่าง ตัวหนังสือและเส้นแบ่งตาราง
 CELLSPACING กำหนดขนาดของเส้นตาราง
 WIDTH กำหนดความกว้างของตาราง เป็นตัวเลขและเป็น %
 HEIGHT กำหนดความสูงของตารางเป็นตัวเลขและเป็น %

 <h4>(TR)</h4>
 ALIGN=align-type
 BACKGROUND=url
 BGCOLOR=color
 BORDERCOLOR=color
 VALIGN=align-type

 โดย

 ALIGN กำหนด ตำแหน่งข้อความในแถวตามแนวนอน โดย
 LEFT=อยู่ทางซ้าย
 CENTER=อยู่ตรงกลาง
 RIGHT=อยู่ทางขวา
 BACKGROUND ใส่ภาพกราฟิก เป็นพื้นหลังแถว url เป็น ตำแหน่ง ภาพ
 BGCOLOR กำหนดสีที่เป็นฉากหลังให้แถว
 BORDERCOLOR กำหนดสีให้ขอบตาราง
 VALIGN จัดตำแหน่งข้อมูลในแนวตั้ง โดย
 TOP = จัดอยู่ข้างบน
 MIDDLE = จัดอยู่ตรงกลาง
 BPTTOM = จัดอยู่ข้างล่าง

 <h4>(TH)</h4>
 ALIGN=align-type
 BACKGROUND=url
 BGCOLOR=color
 BORDERCOLOR=color
 COLSPAN=n
 ROWSPAN=n
 VALIGN=align-type

 โดย

 ALIGN กำหนด ตำแหน่งข้อความในแถวตามแนวนอน โดย
 LEFT=อยู่ทางซ้าย
 CENTER=อยู่ตรงกลาง
 =อยู่ทางขวา
 BACKGROUND ใส่ภาพกราฟิก เป็นพื้นหลังแถว url เป็น ตำแหน่ง ภาพ
 BGCOLOR กำหนดสีที่เป็นฉากหลังให้แถว
 BORDERCOLOR กำหนดสีให้ขอบตาราง
 COLSPAN ปรับขนาดของคอร์ลัมให้มีขนาดเป็น เท่า ของความกว้างปกติ สูงสุดเท่ากับจำนวนคอร์ลัมที่มี
 ROWSPAN ปรับขนาดความสูงของแถวในตารางเป็นเท่าของแถวปกติ สูงสุดเท่ากับ จำนวนแถวที่มี
 VALIGN จัดตำแหน่งข้อมูลในแนวตั้ง โดย
 TOP = จัดอยู่ข้างบน
 MIDDLE = จัดอยู่ตรงกลาง
 BPTTOM = จัดอยู่ข้างล่าง

 <h4>(TD)</h4>
 ALIGN=align-type 
 BACKGROUND=url
 BGCOLOR=color
 BORDERCOLOR=color
 COLSPAN=n
 ROWSPAN=n
 VALIGN=align-type

 โดย

 ALIGN กำหนด ตำแหน่งข้อความในแถวตามแนวนอน โดย
 LEFT=อยู่ทางซ้าย
 CENTER=อยู่ตรงกลาง
 RIGHT=อยู่ทางขวา
 BACKGROUND ใส่ภาพกราฟิก เป็นพื้นหลังแถว url เป็น ตำแหน่ง ภาพ
 BGCOLOR กำหนดสีที่เป็นฉากหลังให้แถว
 BORDERCOLOR กำหนดสีให้ขอบตาราง
 COLSPAN ปรับขนาดของคอร์ลัมให้มีขนาดเป็น เท่า ของความกว้างปกติ สูงสุดเท่ากับจำนวนคอร์ลัมที่มี
 ROWSPAN ปรับขนาดความสูงของแถวในตารางเป็นเท่าของแถวปกติ สูงสุดเท่ากับ จำนวนแถวที่มี
 VALIGN จัดตำแหน่งข้อมูลในแนวตั้ง โดย
 TOP = จัดอยู่ข้างบน
 MIDDLE = จัดอยู่ตรงกลาง
 BPTTOM = จัดอยู่ข้างล่าง

 

</body></html>

E-Mail	ชื่อ-สกุล	เพศ-วันเกิด
qms1001@gmail.com	การอาหาร พลาธิการ การอาหาร พลาธิการไทย	ช./ 1 ม.ค.2501
	หัวข้อ	URL
	แผนกวิชาการอาหาร	qms1001thai.blogspot.com
คำอธิบายบล็อค : : เนื้อหาประกอบตามแผนงาน/โครงการในระบบ E-Qms
	01 : การอาหาร 03 : การน้ำมัน 02 : การส่งกำลัง 06 : ทหารทั่วไป 08 : เตรียมการ 09 : คุณภาพ

iasean.net :: Technology & Web Design

10/22/2560

โค๊ดการสร้างเนื้อหาเวบโดยใช้ตาราง : Content Code Templat

การใช้งาน Style ใน HTML

รายได้จากยูทูป

12/17/2559

การปรับค่า php.ini ใน xampp

9/05/2559

111 - นศ.สาขาวิทยาการคอมพิวเตอร์ มหาวิทยาลัยสวนดุสิต : ข้อมูลการตั้งค่า

7/08/2559