Latest web development tutorials
×

Bootstrap หลักสูตร

Bootstrap หลักสูตร Bootstrap แนะนำโดยย่อ Bootstrap สภาพแวดล้อมในการติดตั้ง

Bootstrap CSS

Bootstrap CSS ภาพรวม Bootstrap ระบบกริด Bootstrap การเรียงพิมพ์ Bootstrap รหัส Bootstrap ตาราง Bootstrap ฟอร์ม Bootstrap ปุ่มกด Bootstrap ภาพ Bootstrap ชั้นเสริม Bootstrap ยูทิลิตี้ที่ตอบสนองต่อ

Bootstrap ส่วนประกอบเค้าโครง

Bootstrap ไอคอนแบบอักษร Bootstrap เมนูแบบเลื่อนลง Bootstrap กลุ่มปุ่ม Bootstrap ปุ่มเมนูแบบเลื่อนลง Bootstrap กลุ่มกล่องใส่ Bootstrap องค์ประกอบนำร่อง Bootstrap ป้าย Bootstrap สวดมนต์ Bootstrap เพจจิ้ง Bootstrap ฉลาก Bootstrap สัญลักษณ์ Bootstrap หน้าจอขนาดใหญ่ Bootstrap ชื่อหน้า Bootstrap รูปขนาดย่อ Bootstrap การเตือน Bootstrap แถบความคืบหน้า Bootstrap วัตถุมัลติมีเดีย Bootstrap กลุ่มรายการ Bootstrap แผงหน้าปัด Bootstrap Wells

Bootstrap วิดเจ็ต

Bootstrap Plug-สรุป Bootstrap ผลการเปลี่ยนแปลง Bootstrap กล่อง Modal Bootstrap เมนูแบบเลื่อนลง Bootstrap จอภาพเลื่อน Bootstrap แถบ Bootstrap เคล็ดลับเครื่องมือ Bootstrap กล่องป๊อปอัพ Bootstrap กล่องเตือน Bootstrap ปุ่มกด Bootstrap พับ Bootstrap ม้าหมุน Bootstrap นำทางเพิ่มเติม

Bootstrap อื่น ๆ

Bootstrap UI บรรณาธิการ Bootstrap V2 หลักสูตร Bootstrap HTML มาตรฐานการเข้ารหัส Bootstrap CSS มาตรฐานการเข้ารหัส

รหัสบูต

บูตช่วยให้คุณแสดงรหัสในสองวิธี

  • ที่แรกก็คือ <code> แท็ก หากคุณต้องการที่จะแสดงรหัสแบบอินไลน์แล้วคุณควรใช้ <code> แท็ก
  • ประการที่สองคือแท็ก <pre> ถ้ารหัสความต้องการที่จะแสดงให้เห็นว่าเป็นองค์ประกอบที่แยกต่างหากหรือบล็อกหลายบรรทัดของรหัสที่คุณควรใช้ <pre> แท็ก

ตรวจสอบให้แน่ใจว่าเมื่อคุณใช้ <pre> และ <code>แท็กเริ่มต้นและสิ้นสุดแท็กใช้สายพันธุ์ Unicode: & lt; และ & gt ;.

ลองมาดูตัวอย่างต่อไปนี้:

ตัวอย่าง

<p> <code> & lt ; หัว & gt; </ code> ล้อมรอบเป็นองค์ประกอบแบบอินไลน์ </ p> <p> หากคุณจำเป็นต้องใส่รหัสที่ปรากฏเป็นองค์ประกอบบล็อกแยกต่างหากใช้ & lt; pre & gt; Tag: </ p> <pre> & lt; บทความ & gt; & lt; h1 & gt; บทความ หัวเรื่อง & lt; / h1 & gt; & lt; / บทความ & gt; </ pre>

ลอง»

แสดงตัวอย่างภาพต่อไปนี้:

รหัส

ตัวอย่างเพิ่มเติม

องค์ประกอบ / ระดับ ลักษณะ ตัวอย่าง
<Var> การกำหนดตัวแปร: x = b + Y ความพยายาม
<Kbd> เคล็ดลับสำคัญ: CTRL + P ความพยายาม
<pre> หลายบรรทัดของรหัส ความพยายาม
<ระดับ Pre = "ก่อนเลื่อน"> หลายบรรทัดของรหัสที่มีแถบเลื่อน ความพยายาม
<Samp> ผลลัพธ์ของโปรแกรมคอมพิวเตอร์: การแสดงผลตัวอย่าง ความพยายาม
<code> บรรทัดเดียวกันของส่วนรหัส: span , div ความพยายาม