วิธีใส่ HTML เลขยกกำลัง Superscripts และตัวห้อย Subscripts สูตรทางคณิตศาสตร์

➤ HTML Coding

ตัวเลขยกกำลัง (Superscripts)

เช่น 22

HTML Code: 2<sup>2</sup> 

ตัวห้อย (Subscripts )

เช่น 22

HTML Code: 2<sub>2</sub>

ความคิดเห็น

แสดงความคิดเห็น

Popular Source Code ▼

HTML Code Arrow Symbols

รูปภาพ
รวมโค้ดรหัสสัญลักษณ์ลูกศรชี้ซ้าย ลูกศรชี้ขวา ลูกศรชี้ขึ้น และลูกศรชี้ลง Html Arrow Symbols Code สามารถทำไปใช้ร่วมกับหน้า HTML ได้เลย โดยไม่ต้องเสียเวลาออกแบบหรือ Import Image เข้ามา ไม่หนักเครื่อง เพิ่มความเร็ว ไม่เปลืองพื้นที่ ไม่โหลดหนักและประหยัดอินเตอร์เน็ต ซึ่ง codeboc โดยระบุรูปสัญลักษณ์ลูกศร Html Code และชื่อลูกศร เรียงจากซ้ายไปขวา ได้ดังนี้ ➤ ลูกศรขวา - HTML Right Arrows Code → &#8594; ลูกศรชี้ขวา ➔ &#10132; ลูกศรขวาหัวกว้างหนา ➜ &#10140; ลูกศรขวาหัวรูปสามเหลี่ยมหัวมน ➝ &#10141; ลูกศรขวาหัวรูปสามเหลี่ยม ➞ &#10142; ลูกศรขวาหัวรูปสามเหลี่ยมหนา ➟ &#10143; ลูกศรขวาหัวรูปสามเหลี่ยมเส้นปะหนา ➢ &#10146; ลูกศรขวาหัวรูปสามเหลี่ยม 3D ทึบล่าง ➣ &#10147; ลูกศรขวาหัวรูปสามเหลี่ยม 3D ทึบบน ➤ &#10148; ลูกศรขวาหัวรูปสามเหลี่ยม 3D ทึบ ➦ &#10150; ลูกศรโค้งสีดำหนักขึ้นไปและลูกศรขวา ⥤ &#10596; ลูกศรขวาฉมวกแบบเข็มขึ้นและเข็มลง ➩ &#10153; ลูกศรขวาสีขาวแรเงา ➪ &#10154; ลูกศรขวาสีขาวแรเงาด้านซ้าย ᐳ &#5171; ลูกศรขวาเครื่องหมายมากกว่...
Source Code »

Limit Length Text CSS HTML

รูปภาพ
การเขียน โค้ด Html กําหนดจํานวนตัวอักษร  ค่อนข้างใช้บ่อยและพบเห็นได้ในหน้าแรกหรือหน้าแสดงสินค้า ซึ่งเราสามารถเขียน Cascading Style Sheets (CSS) ให้ จํากัดตัวอักษร Html แสดงแบบ 1 บรรทัด 2 บรรทัด 3 บรรทัด หรือที่ตามต้องการได้ โดยการเขียน CSS ประกาศไว้ แล้วเรียกใช้งานผ่าน Class เช่น Class="textLimit" (ตามตัวอย่างด้านล่าง) เป็นต้น เท่านี้ก็สามารถ จำกัดตัวอักษร ให้แสดงบนหน้าเว็บได้แล้วครับ ➤   CSS  ( Cascading Style Sheets)  <style>   . textLimit   { overflow : hidden ; text - oveflow : ellipsis ; display : - webkit - box ; line - height : 16px ; /* ขนาดความสูงตัวอักษร 1 บรรทัด */ max - height : 32px ; /* ขนาดความสูงตัวอักษร 2 บรรทัด*/ - webkit - line - clamp : 2 ; /* จำนวนบรรทัดที่แสดง 2 บรรทัด */ - webkit - box - orient : vertical ; } </style> ➤ HTML Code <div class="textLimit" > Upin Sale Online Shopping อูพิน เซลล์ ออนไลน์ ช้อปปิ้ง ส่งฟรี ทั่วไทย /* ให้ตัดตัวอักษรและแสดงเพียง 2 บรรทัด*...
Source Code »

Disable Do Not Allow Copy Data On Page with Javascript

รูปภาพ
➤ Javascript   <script> $(document).ready(function(){          disableSelection(document.body);     });     function disableSelection(target){         $(function() {              $(this).bind("contextmenu", function(e) {                  e.preventDefault();              });          });          if (typeof target.onselectstart!="undefined") //For IE               target.onselectstart=function(){return false}          else if (typeof target.style.MozUserSelect!="undefined") //For Firefox               target.style.Moz...
Source Code »