พื้นฐานของ HTM​​L mark - up (จำเป็น) ของข้อความ

วัตถุประสงค์ของคู่มือนี้คือการแสดงให้ผู้อ่านไวยากรณ์ของภาษา HTML มาร์กอัปที่จะแนะนำให้เลือกสำหรับนักเขียนเว็บที่ดีที่คุณรู้ว่ากฎพื้นฐาน : ข้อความบนเว็บในความเป็นจริงจะกลายเป็นไฮเปอร์เท่านั้นขอบคุณที่พลังวิเศษของเครื่องหมาย HTML - up, เราต้องจำไว้, โครงสร้างพื้นฐานของแต่ละหน้าเว็บ

ในบทก่อนเราได้พูดคุยเกี่ยวกับการจัดตำแหน่งการเลือกตัวอักษร ฯลฯ ลองมาดูตอนนี้ในทางปฏิบัติมากเป็นวิธีการที่จะทำให้การสำคัญของการจัดรูปแบบข้อความสำหรับสิ่งพิมพ์ออนไลน์

เราละเว้นที่นี่จากการวิเคราะห์โครงสร้างของหน้าเว็บ (สำหรับผู้ที่สนใจใน suggersico ที่ อ่านที่นี่ ) และได้รับตรงกับรูปแบบของข้อความของเรา

ชื่อเรื่อง

ชื่อของเว็บไซต์เป็นเนื้อหาและแท็กส่วนหัวภายใน <title> และ </ title> ภายในแท็กส่วนหัว (H1, H2, H3, ... , H6)
ชื่อของตัวเองตามปกติการทำเครื่องหมายโดย <h1> และ </ h1> ตัวอย่าง :

 



 <h1> นี้เป็นชื่อ </ h1>

 

ชื่อเรื่องย่อยอยู่ภายใน <h2> และ </ h2> ตัวอย่าง :

 



 <h2> นี้เป็นหัวเรื่องย่อย </ h2>

 

ใด ๆ ที่ชื่อเรื่องอื่น ๆ (ตามลำดับชั้นด้านล่างพวกเขา) จะถูกกำหนดในลักษณะเดียวกับการใช้ H3, H4, H5 และ H6 (สูงกว่าจำนวนต่อไปนี้"h"ลดความสำคัญของชื่อเรื่อง)

ย่อหน้า

โดยปกติข้อความที่อยู่ในหน้า HTML ที่มีอยู่ระหว่างแท็กและ </ font> ซึ่งตามลำดับการเปิดและปิดย่อหน้าข้อความ ตัวอย่าง :

 



 <p>







 ข้อความของฉันที่นี่ ... ...







 </ P>

 

การจัดการการจัดตำแหน่ง

คุณสมบัติที่จะทำให้การจัดตำแหน่งแนวนอนของข้อความในย่อหน้าที่คุณจะต้องใช้สไตล์ชีต (CSS) โดยผ่านทางข้อความชิด
สถานที่ให้บริการในคำถามที่ได้รับสี่ค่า :

• ด้านซ้าย (ซ้ายชอบธรรม; ค่าเริ่มต้น)
• ขวา (จัดชิดขวา)
• ศูนย์ (การจัดตำแหน่งกลาง)
• ปรับ (จัดเป็นธรรม)

นี่คือตัวอย่าง :

 



 style="text-align:center"> <p







 ... ตัวอย่างของข้อความที่เป็นศูนย์กลาง ...







 </ P>

 

ตัวหนาตัวเอียงและขีดเส้นใต้

ทั้งสามด้านของข้อความที่บริหารจัดการโดยเคารพแท็ก <b> (ตัวหนา), <i> (ตัวเอียง) และ <u> (ขีดเส้นใต้) ตัวอย่าง :

 <b> Teso ตัวหนา </ b>







 <i> Teso ตัวเอียง </ i>







 <u> Teso ขีดเส้นใต้ </ u>

มูลค่า noting ที่มีแท็กที่เทียบเท่าในแท็ก <strong> ตัวหนา :

 



 <strong> Teso ตัวหนา </ strong>

 

และแท็กตัวเอียงใน <em> :

 



 <em> Teso ในตัวเอียง </ em>

 

เพิ่มเว็บลิงค์

เชื่อมโยงหลายมิติ (หรือมากกว่าปกติ, ลิงก์) จะสามารถแทรกผ่าน <a> และคุณลักษณะของ href Vedaimo ตัวอย่าง :

 



 <a href="http://www.sito.com/mario.html"> มาริโอไปที่หน้า </ a>

 

ที่คุณสามารถดูในคุณลักษณะ href มีการระบุในที่อยู่เว็บของหน้าปลายทางที่เปิดขึ้นเมื่อคุณคลิกที่ข้อความเชื่อมโยง
เห็นได้ชัดว่าห้ามมิให้ nlla ทั้งสองจะเชื่อมโยงไปยังรูปภาพแทนที่จะเป็นข้อความที่ (เช่นในตัวอย่างของเรา)

แทรกรูปภาพ

การแทรกภาพเป็นของหลักสูตรนี้จำเป็นที่จะใช้ได้ออนไลน์ที่เก็บ URL ของตัวเอง
เพื่อแทรกรูปภาพจะใช้ในการ <img> นี้ :

 



 src="http://www.sito.com/foto.jpg"/> <img

 

ในขณะที่คุณสามารถดูคุณลักษณะ src มีการอ้างอิงถึงตำแหน่งของภาพของเรา

เห็นได้ชัดว่าข้อมูลที่ได้รับในบทเรียนนี้จะง่ายมากบางส่วนและเป็นตัวแทนของขั้นต่ำเปลือย และ'เพียงผ่านความรู้อย่างละเอียดของ HTM​​L และ CSS ที่เราจะสามารถจัดรูปแบบเนื้อหาของเราในอย่างแท้จริงถูกต้องและครบถ้วน

• <<บทเรียนก่อนหน้า
• ดัชนีความช่วยเหลือ
• บทเรียนถัดไป>>