ไวยากรณ์ PHP พื้นฐาน HTML - ไวยากรณ์ภาษา แท็ก รายการองค์ประกอบ HTML ทั้งหมด

ไวยากรณ์ HTML

ในบทความนี้เราจะดูไวยากรณ์ HTML และวิธีเขียนโค้ดอย่างถูกต้อง ภาษา HTML.

โครงสร้างเอกสาร HTML

เมื่อเขียนโค้ด HTML ใน Notepad ขอแนะนำให้ยึดสไตล์เดียว เค้าโครงของเอกสาร HTML มาตรฐานมีลักษณะดังนี้:

ชื่อหน้า ชื่อบทความ

ย่อหน้าของบทความ

เอกสาร HTML ทุกฉบับต้องขึ้นต้นด้วยบรรทัด ซึ่งหมายความว่าโค้ดในเอกสารจะเขียนด้วย HTML จากนั้นโค้ด HTML ก็มาเอง

ระหว่างแท็กจะมีสองบล็อกหลัก บล็อกแรกคือส่วนหัวของเอกสาร HTML ซึ่งเริ่มต้นและสิ้นสุดด้วยแท็ก บล็อกที่สองคือเนื้อหาของเอกสาร HTML ซึ่งเริ่มต้นและสิ้นสุดด้วยแท็ก

ส่วนหัวของเอกสาร HTML ประกอบด้วยข้อมูลต่างๆ ข้อมูลการบริการซึ่งผู้ใช้จะไม่เห็น (ยกเว้นแท็ก title) มีแท็กดังต่อไปนี้:
— ชื่อของหน้า HTML
— เมตาแท็ก พวกเขามีข้อมูลบริการเกี่ยวกับหน้า
— แท็กที่อ้างอิงถึงไฟล์ภายนอก เช่น .css, .ico เป็นต้น
- แท็กสามารถมีโค้ด JavaScript หรือลิงก์ไปยังไฟล์ .js ภายนอก

เนื้อหาของเอกสาร HTML มักจะมีข้อมูลหลักที่เราเห็นบนหน้านั้น โดยอาจมีแท็กต่อไปนี้:
- ชื่อบทความระดับที่ 1
- ภาพ,
- ย่อหน้า
- ลิงค์

- โต๊ะ,
– แบบฟอร์มป้อนข้อมูล
ฯลฯ

กฎการเขียนโค้ด HTML

มาดูกฎบางประการในการเขียนโค้ด HTML กฎเหล่านี้จำเป็นเพื่อความสะดวกในการทำความเข้าใจโค้ดของคุณเองในภายหลัง

  • แท็กบล็อกที่อยู่ภายในแท็กอื่นๆ ควรวางไว้หนึ่งบรรทัดด้านล่างและเว้นวรรค (แท็บตามที่คุณต้องการ) ทางด้านขวาของแท็กที่วางไว้ ตัวอย่างเช่น นี่คือวิธีที่ส่วนหัว h1 และย่อหน้า p สัมพันธ์กับแท็กเนื้อหาในไดอะแกรมเอกสาร HTML ที่อยู่ตอนต้นของบทความนี้
  • แท็กปิดและแท็กเปิดขององค์ประกอบเดียวกันสามารถอยู่ในระดับเดียวกันได้ เช่น แท็ก หรือแท็กปิดอาจอยู่ที่ส่วนท้ายของข้อความ เช่น แท็กปิดของชื่อ องค์ประกอบ h1 และ p
  • องค์ประกอบที่เทียบเท่ากันสามารถวางในระดับเดียวกันได้ ในสคีมาเอกสาร HTML ที่อยู่ด้านบน องค์ประกอบที่เทียบเท่ากันคือ head และ body , h1 และ p
  • ในความเป็นจริง โค้ด HTML ทั้งหมดสามารถเขียนได้ในบรรทัดเดียว และเบราว์เซอร์จะยังคงแสดงหน้า HTML ได้อย่างถูกต้อง กฎของไวยากรณ์ของภาษา HTML ซึ่งแท็กจะต้องเขียนไว้ใต้กันและทางด้านซ้ายจะมีอยู่เพียงเพื่อให้เว็บมาสเตอร์สะดวกยิ่งขึ้นในการสร้างและเปลี่ยนแปลงโค้ดของหน้า HTML ในอนาคต

ต่อไปนี้คือประเด็นอื่นๆ ที่ควรพิจารณาเมื่อสร้างโค้ดของคุณ:

  • ไม่ว่าคุณจะใส่ช่องว่างในโปรแกรมแก้ไขข้อความกี่ช่อง เบราว์เซอร์ก็จะแสดงช่องว่างเหล่านั้นเป็นช่องเดียว
  • เบราว์เซอร์ไม่รู้จักตัวแบ่งบรรทัดและแท็บในโปรแกรมแก้ไขข้อความ
  • หากคุณต้องการตัดบรรทัดที่ต้องมองเห็นได้บนหน้า HTML ให้ใช้แท็ก
    .
  • หากคุณต้องการแท็บ (เช่น เพื่อสร้างเส้น "สีแดง") ที่ควรมองเห็นได้บนหน้า HTML ให้ใช้อักขระพิเศษที่ไม่แยกช่องว่างหลายตัวหรือคุณสมบัติ CSS เยื้องข้อความ

    • อเล็กซานเดอร์ คิชาตอฟ

    สคริปต์ PHP ทำงานอย่างไร

    คุณคงคุ้นเคยกับหลักการทำงานของรถยนต์ที่ควบคุมด้วยวิทยุอย่างแน่นอน คุณกดไปข้างหน้า - รถเคลื่อนที่ คุณกดไปทางซ้าย - รถจะเปลี่ยนทิศทางของล้อ

    PHP ทำงานเหมือนกันทุกประการ คุณเขียนคำสั่งทีละคำสั่ง และ PHP ดำเนินการตามลำดับ

    สคริปต์ PHP คืออะไร

    สคริปต์ PHP คือไฟล์ข้อความปกติที่มีนามสกุล .php เหมือนกับ html และ css ทุกประการ

    แต่มีความแตกต่างที่สำคัญประการหนึ่ง:

    สคริปต์เปิดตัวผ่านการร้องขอ http ในเบราว์เซอร์เท่านั้น ซึ่งหมายความว่าคุณต้องรันสคริปต์ script.php แถบที่อยู่เบราว์เซอร์เขียน site.ru/script.php

    หากสคริปต์ไม่ทำงาน ให้ตรวจสอบ URL ปัจจุบัน หากมีไฟล์เช่น file:///D:/openserver/domains/site.ru/script.php หมายความว่าคุณไม่ได้พยายามไปที่หน้าไซต์ แต่เพื่อเปิดไฟล์ PHP ในเบราว์เซอร์ มันไม่ถูกต้อง

    เว็บเซิร์ฟเวอร์ได้รับการกำหนดค่าบ่อยที่สุดดังนั้นเมื่อคุณเข้าถึง หน้าแรก(เช่น site.ru) ไฟล์ index.php หรือ index.html ที่อยู่ในรูทของเว็บไซต์จะถูกเปิดใช้งานโดยอัตโนมัติ

    สร้างไฟล์ชื่อ index.php ในโฟลเดอร์รูทของเว็บไซต์ และเปิดในโปรแกรมแก้ไขข้อความ หากมีไฟล์ index.html จะต้องลบออก

    ถ้าคุณยังไม่มีมัน โปรแกรมแก้ไขข้อความ- ฉันขอแนะนำ Notepad++ ที่มีน้ำหนักเบาและฟรี ซึ่งสะดวกกว่า Notepad ในตัวของ Windows มาก

    อย่าลืมทำตามการเข้ารหัสของสคริปต์ การเข้ารหัสควรเป็น UTF-8 โดยไม่มี BOM (หากมีอยู่ในโปรแกรมแก้ไขของคุณ) หรือเพียงแค่ UTF-8

    การพิมพ์ตัวเลขและสตริงใน PHP

    คำสั่ง PHP ถูกเขียนระหว่างแท็ก เช่น:

    คำสั่ง echo ทำหน้าที่แสดงข้อมูลบนหน้าจอ หลังจากตัวดำเนินการ ค่าที่จะส่งออกจะถูกระบุ

    หากต้องการแสดงข้อความ คุณต้องระบุด้วยเครื่องหมายคำพูดเดี่ยวหรือคู่:

    คำสั่งใน PHP ถูกคั่นด้วยเครื่องหมายอัฒภาค เพื่อความสะดวกในการอ่าน แต่ละคำสั่งมักจะเขียนด้วย บรรทัดใหม่:

    ผลลัพธ์ในเบราว์เซอร์:

    นี่คือโค้ด PHP

    ส่งออกโค้ด HTML ใน PHP

    รหัส HTML สามารถผสมกับคำสั่ง PHP ได้:

    คุณยังสามารถแทรกโค้ด HTML ลงในสตริง PHP ได้:

    ผลลัพธ์ในเบราว์เซอร์:

    ช้างนโปเลียน

    เราสามารถรวมโค้ด PHP และแท็ก HTML ในลักษณะใดก็ได้ที่เราต้องการ:

    ฟังก์ชั่นใน PHP

    ฟังก์ชันคือคำสั่งที่ดำเนินการบางอย่าง เช่น การคำนวณ การจัดการไฟล์ ฯลฯ

    การกำหนดฟังก์ชันนั้นง่ายมาก โดยมีวงเล็บอยู่หลังชื่อ:

    ฟังก์ชัน phpinfo() แสดงข้อมูลเกี่ยวกับการตั้งค่า PHP ปัจจุบัน

    บางฟังก์ชันคาดหวังว่าจะส่งค่าบางอย่างไปให้ ตัวอย่างเช่น ฟังก์ชันการปัดเศษ ceil() ต้องการให้ตัวเลขปัดเศษ:

    ฟังก์ชัน ceil() รับค่า 91.5 ที่เราส่งผ่าน ประมวลผล (ปัดเศษเป็น 92) และส่งกลับผลลัพธ์ และคำสั่ง echo รับค่าที่ส่งคืนโดยฟังก์ชันและแสดงบนหน้าจอ ผลลัพธ์ของสคริปต์นี้จะเป็น 92

    ความจำเป็นของการปิดแท็กใน PHP

    หากไม่มี HTML หรือเอาต์พุตอื่นๆ บนหน้าจอหลังจากคำสั่ง PHP เราสามารถละเว้นแท็กปิด ?> ได้:

    นอกจากนี้เรายังสามารถเปลี่ยนแท็กได้อีกด้วย

    การใช้แท็ก