ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

แนะนำ Code HTML (โค้ด เอชทีเอ็มแอล) เบื้องต้น เพื่อนำไปเขียนใน Article (อาร์ติเคิล) ของ Joomla (จูมล่า)

      โดยปกติการเขียนบทความลงไปใน Joomla (จูมล่า) นั้นเราก็จะเขียนกันแบบปกติทั่วๆไปไม่ได้มีการแทรกเสริมลูกเล่นอะไรเข้าไป ในวันนี้เราจะมาแนะนำการใส่ Code HTML (โค้ด เอ็ชทีเอ็มแอล) เบื้องต้นลงไปในบทความเพื่อให้บทความเกิดมีลูกเล่นขึ้นมา 

คำสั่ง HTML พื้นฐาน 

  • <p> ข้อความ </p> คือ คำสั่งย่อหน้าใหม่
  • <IMG SRC = “PHOTO.GIF”> คือ คำสั่งแสดงรูปภาพชื่อ Photo.gif
  • <CENTER> ข้อความ </CENTER> คือ คำสั่งจัดให้ข้อความอยู่กึ่งกลาง
  • <a href =”http://www.google.com”> Google</a> คือ สร้างลิงค์ไปยังเวปไซท์อื่น
  • <ul> <li> รายการที่ 1 </li> </ul> คือ การแสดงผลแบบรายการ ใช้คำสั่ง <ul> เป็นเริ่มและปิดท้ายด้วย </uL> ส่วนคำสั่ง <li> เป็นตำแหน่งของรายการ ที่ต้องการนำเสนอ 
  • <div></div> คือ การทำให้ข้อมูลถูกจัดวางเป็นส่วนๆ
  • <span> คือ กำหนดขนาดของ grid ของหน้าจอ
  • style="" คือ การกำหนดรูปแบบของเว็บไซต์
  • carousal คือ เป็นคลาสของ bootstrap ที่นำรูปมาแสดงผลแบบสไลด์โชว์

วิธีการใส่ Code HTML ใน Article ของ Joomla

1.เข้า Joomla ในโหมดผู้ดูแลระบบ >>> Content (คอนเท้น) >>> Article (อาร์ติเคิ้ล)  >>> Add New Article (แอด นิว อาติเคิ้ล)

แนะนำ Code HTML เบื้องต้น เพื่อนำไปเขียนใน Article ของ Joomla

 

2.เข้ามาแล้วกดที่ Toggle Editor (ทอคเกิ้ล อิดิตเตอร์)

แนะนำ Code HTML เบื้องต้น เพื่อนำไปเขียนใน Article ของ Joomla

 

3.หลังจากกดเข้ามาแล้วให้เราทำการใส่ Code HTML ได้เลย

แนะนำ Code HTML เบื้องต้น เพื่อนำไปเขียนใน Article ของ Joomla

 

4.ไปดูการแสดงผลที่หน้าเว็บ จะเห็นว่า บทความใน Article เรามีลูกเล่นของ HTML ที่ใส่เข้าไป

แนะนำ Code HTML เบื้องต้น เพื่อนำไปเขียนใน Article ของ Joomla

 

      จะเห็นว่าการใส่ Code HTML เพิ่มเข้าไปใน Article ของ Joomla นั้น ทำได้อย่างง่ายได้ ส่วนการใส่ CSS (ซีเอสเอส) เราสามารถใช้คำสั่ง Style (สไตล์) แทนได้

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ตัวอย่างการสร้าง Service odoo13 บน Ubuntu 16.04
โดย mindphp ส 12 ต.ค. 2019 1:35 am บอร์ด Linux - Web Server
0
25
ส 12 ต.ค. 2019 1:35 am โดย mindphp
MJupgrade Joomla 1.5.26 > 3.9 ขึ้น Error: Could not connect to MySQL server.
โดย เห็ด อินโมชั่น ศ 11 ต.ค. 2019 3:30 pm บอร์ด Joomla Development
3
47
ศ 11 ต.ค. 2019 5:14 pm โดย เห็ด อินโมชั่น
MJupgrade Joomla 1.5.26 > 3.9 ขึ้น Error: Could not connect to MySQL server.
โดย เห็ด อินโมชั่น ศ 11 ต.ค. 2019 4:59 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
7
65
ส 12 ต.ค. 2019 3:35 am โดย mindphp
อยากทราบวิธีนับจำนวน id ที่ซ้ำกัน ครับ
โดย jamepiyawat ศ 11 ต.ค. 2019 5:06 pm บอร์ด SQL - Database
3
41
ศ 11 ต.ค. 2019 6:20 pm โดย jamepiyawat
การ Search ค้นหาข้อมูลของบอร์ด phpBB
โดย aninthana พฤ 10 ต.ค. 2019 6:46 pm บอร์ด Wordpress user Guide Knowledge
0
40
พฤ 10 ต.ค. 2019 6:46 pm โดย aninthana
ทำป้าย PopUp ด้วย Modal ใน Bootstrap เวอร์ชั่น 4
โดย jamepiyawat พฤ 10 ต.ค. 2019 5:20 pm บอร์ด Booststap Knowledge
0
34
พฤ 10 ต.ค. 2019 5:20 pm โดย jamepiyawat
ทำยังไงถึงจะไม่ให้แสดงเลข ID หน้า Alias ได้ครับ
โดย jamepiyawat พฤ 10 ต.ค. 2019 4:03 pm บอร์ด Joomla Development
1
30
พฤ 10 ต.ค. 2019 6:02 pm โดย tsukasaz
ทำไมผมถึงดึงข้อมูลชื่อหมวดหมู่ออกมาแสดงหน้าตั้งค่า module ไม่ได้ครับ
โดย jamepiyawat พฤ 10 ต.ค. 2019 3:47 pm บอร์ด Joomla Development
2
37
พฤ 10 ต.ค. 2019 6:36 pm โดย jamepiyawat
ตัวเลขด้านหน้าข้อความที่เราตั้ง Alias คืออะไรครับ
โดย jamepiyawat พฤ 10 ต.ค. 2019 11:36 am บอร์ด Joomla Development
5
40
พฤ 10 ต.ค. 2019 2:46 pm โดย mindphp
แก้ปัญหา Error Ignoring file '50unattended-upgrades.ucf-old' in directory บน Ubunto 16.04 ติดตั้ง apt-get
โดย mindphp พฤ 10 ต.ค. 2019 5:42 am บอร์ด Linux - Web Server
0
20
พฤ 10 ต.ค. 2019 5:42 am โดย mindphp
Q - สอบถามวิธี Upload file html ไปยัง web service โดยใช้คำสั่ง curl ใน PHP
โดย birdkritsna พ 09 ต.ค. 2019 3:42 pm บอร์ด Programming - PHP
6
101
พฤ 10 ต.ค. 2019 2:07 pm โดย birdkritsna
10 เเหล่งช๊อปปิ้งใรเชียงรายที่ต้องไปให้ได้
โดย nemo413 พ 09 ต.ค. 2019 1:04 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
33
พ 09 ต.ค. 2019 1:04 pm โดย nemo413
สอบถามครับ อยากได้ url ของลิงค์ ให้มาแสดงในช่อง ต้องทำยังไงครับ
โดย chatee supasand พ 09 ต.ค. 2019 12:22 pm บอร์ด Programming - C/C++ & java & Python
6
65
พ 09 ต.ค. 2019 1:41 pm โดย chatee supasand
Microsoft Word สามารถ แปลงไฟล์เสียง ให้เป็นข้อความได้แล้วใน Office 365
โดย chatee supasand พ 09 ต.ค. 2019 11:32 am บอร์ด Microsoft Office Knowledge & line & Etc
0
29
พ 09 ต.ค. 2019 11:32 am โดย chatee supasand
สอบถามการเขียนโค้ด กรอกข้อมูลหน้าแรก แล้วให้กดส่ง ไปยังหน้าที่สองครับผม
โดย Jakkrit Saengngoenon อ 08 ต.ค. 2019 1:40 pm บอร์ด Programming - PHP
1
55
อ 08 ต.ค. 2019 1:50 pm โดย mindphp
ขอสอบถามเกี่ยวกับ license ของ ฟอนต์ ไทยสารบรรณ (TH Sarabun PSK)
โดย Anonymous อ 08 ต.ค. 2019 8:03 am บอร์ด Programming - PHP
0
39
อ 08 ต.ค. 2019 8:03 am โดย บุคคลทั่วไป
การส่ง parameters ไปกับการ Request แบบ Get ด้วย curl
โดย mindphp จ 07 ต.ค. 2019 12:12 am บอร์ด PHP Knowledge
0
83
จ 07 ต.ค. 2019 12:12 am โดย mindphp
Q สอบถามลองเขียน php webservice ด้วย nuSoap แล้วขึ้น Error ครับ
โดย birdkritsna ส 05 ต.ค. 2019 5:37 pm บอร์ด Programming - PHP
10
181
พฤ 10 ต.ค. 2019 10:29 am โดย birdkritsna
ทำยังไงถึงปุ่มจะอยู่ระดับเดียวกันครับ
โดย jamepiyawat ส 05 ต.ค. 2019 3:08 pm บอร์ด HTML CSS
6
121
ส 05 ต.ค. 2019 4:48 pm โดย jamepiyawat
Microsoft Surface Neo อีกหนึ่งผลิตภันฑ์แท็บเล็ตหน้าจอคู่ของ Microsoft
โดย chatee supasand ส 05 ต.ค. 2019 2:33 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
49
ส 05 ต.ค. 2019 2:33 pm โดย chatee supasand