ทุกวันนี้ ด้วยการเติบโตอย่างรวดเร็วของอินเทอร์เน็ต เทคโนโลยีเว็บมีการใช้งานมากขึ้น โดยเฉพาะ HTML และเว็บเบราว์เซอร์มาตรฐาน HTML (HyperText Markup Language) เป็นภาษามาร์กอัปไฮเปอร์เท็กซ์ รูปแบบนี้กำหนดลักษณะที่ปรากฏของเอกสาร การจัดเรียงข้อความ กราฟิก และมัลติมีเดียร่วมกัน แคมเปญมีส่วนร่วมในการสร้างไซต์ด้วยเงินจำนวนมาก แต่ด้วยความช่วยเหลือของ "html-tags" คุณสามารถสร้างเว็บไซต์ที่ค่อนข้างน่าสนใจได้ด้วยมือของคุณเอง
มันจำเป็น
- - เบราว์เซอร์;
- - โปรแกรมแก้ไขข้อความ
คำแนะนำ
ขั้นตอนที่ 1
รูปแบบไฟล์ HTML ค่อนข้างง่าย การเขียนและการเปลี่ยนแปลงไฟล์นั้นดำเนินการโดยโปรแกรมแก้ไขข้อความ ใช้เว็บเบราว์เซอร์เพื่อดูผลลัพธ์ ข้อได้เปรียบหลักของเอกสาร HTML คือความสามารถในการอ้างอิงโยงซึ่งกันและกัน การอ้างอิงโยงช่วยให้คุณอ้างถึงเอกสารที่มีข้อมูลเพิ่มเติมในหัวข้อที่สนใจได้อย่างรวดเร็ว จากนั้นจึงดำเนินการกับข้อความต้นฉบับต่อไป เอกสารใดๆ ที่เขียนโดยใช้ภาษา HTML ประกอบด้วยเนื้อหาของหน้า กล่าวคือ ข้อความและอักขระควบคุม - แท็ก แท็ก HTML ทั้งหมดต้องอยู่ในวงเล็บเหลี่ยม โดยทั่วไปจะใช้แท็กเริ่มต้นและแท็กปิด แท็กปิดท้ายแตกต่างจากแท็กเริ่มต้นโดยมีเครื่องหมายทับ
ขั้นตอนที่ 2
หากต้องการเริ่มสร้างไซต์ ให้ไปที่โปรแกรมแก้ไขข้อความ (แผ่นจดบันทึก)
จากนั้นป้อนแท็ก:
HTML - / HTML - แท็กแรกและแท็กสุดท้ายของเอกสาร HTML ใดๆ
HEAD - / HEAD - จุดเริ่มต้นและจุดสิ้นสุดของส่วนหัวของเอกสาร
TITLE - / TITLE - ตั้งชื่อเอกสาร (ชื่อหน้าต่างเบราว์เซอร์)
BODY - / BODY - จุดเริ่มต้นและจุดสิ้นสุดของเนื้อหาในเอกสาร HTML ซึ่งกำหนดเนื้อหาของเอกสาร
ขั้นตอนที่ 3
ถัดไป คุณต้องจัดรูปแบบข้อความ สิ่งนี้ต้องการแท็กต่อไปนี้:
Hx - / Hx - (x คือตัวเลขตั้งแต่ 1 ถึง 6) อธิบายส่วนหัวในระดับต่างๆ หกระดับ ส่วนหัวของระดับแรกนั้นใหญ่ที่สุด ระดับที่หกนั้นเล็กที่สุด
P - / P - อธิบายย่อหน้า (แท็ก / P อาจหายไป)
ALIGN เป็นพารามิเตอร์ที่กำหนดการจัดตำแหน่งของย่อหน้า:
ALIGN = CENTER - การจัดตำแหน่งกึ่งกลาง;
ALIGN = RIGHT - การจัดตำแหน่งขวา;
ALIGN = LEFT - การจัดตำแหน่งซ้าย
BR - ไปที่บรรทัดใหม่โดยไม่ทำลายย่อหน้า
B - / B - แสดงข้อความเป็นตัวหนา
I - / I - แสดงข้อความเป็นตัวเอียง
U - / U - ข้อความที่ขีดเส้นใต้
STRIKE - / STRIKE - ข้อความขีดทับ
BLOCKQUOTE - / BLOCKQUOTE - แสดงเครื่องหมายคำพูด
SUB - / SUB - แสดงตัวห้อย
SUP - / SUP - แสดงตัวยก
TT - / TT - ใช้แบบอักษรที่มีความกว้างของอักขระคงที่
ใหญ่ - / ใหญ่ - เพิ่มขนาดของแบบอักษรปัจจุบัน
SMALL - / SMALL - ลดขนาดฟอนต์ปัจจุบัน
ขนาดฐาน = n - (n คือตัวเลขตั้งแต่ 1 ถึง 7) - ค่าฐานของขนาดแบบอักษร
ขนาดแบบอักษร = + / - n - / FONT - เปลี่ยนขนาดแบบอักษร
FONT COLOR = # xxxxxx - FONT - การตั้งค่าสีแบบอักษร: Aqua - คลื่นทะเล; ดำ - ดำ; เป็นต้น
BODY - เปลี่ยนสีพื้นหลัง
HR - เส้นแนวนอน แท็กนี้สามารถใช้แอตทริบิวต์:
COLOR - สีเส้น;
ขนาด - ความกว้างของเส้นเป็นพิกเซล
WIDTH - ความกว้างของเส้นเป็นพิกเซลหรือเป็นเปอร์เซ็นต์ของความกว้างของหน้าต่าง
ALIGN - การจัดแนวเส้น;
NOSHADE - การวาดภาพโดยไม่มีเงา
SHADE - วาดด้วยเงา
ขั้นตอนที่ 4
หากคุณต้องการแทรกรายการใดๆ ลงในไซต์ของคุณ คุณต้องป้อนแท็ก:
UL - / UL - รายการที่ไม่เรียงลำดับ (การแจงนับ, ไม่มีการสั่งซื้อ):
LI - คำจำกัดความของรายการ
TYPE เป็นพารามิเตอร์ที่กำหนดตัวทำเครื่องหมายรายการ:
TYPE = CIRCLE - วงกลมถูกใช้เป็นเครื่องหมาย
TYPE = DISK - จุดถูกใช้เป็นเครื่องหมาย
TYPE + SQUARE - สี่เหลี่ยมถูกใช้เป็นเครื่องหมาย
OL - / OL - รายการลำดับเลข:
TYPE เป็นพารามิเตอร์ที่ระบุประเภทของรายการ:
TYPE = A - ตัวอักษรละตินตัวพิมพ์ใหญ่จะถูกใช้เป็นหมายเลขรายการ
TYPE = a - อักษรละตินตัวพิมพ์เล็กจะใช้เป็นตัวระบุรายการ
TYPE = I - ตัวเลขโรมันขนาดใหญ่จะใช้เป็นหมายเลขรายการ
TYPE = i - ตัวเลขโรมันขนาดเล็กจะใช้เป็นหมายเลขรายการ
START เป็นพารามิเตอร์ที่กำหนดหมายเลขเริ่มต้นของรายการ
DL - / DL - รายการพร้อมคำอธิบาย:
DT - การกำหนดรายการ
DD เป็นคำอธิบายสำหรับรายการ
ขั้นตอนที่ 5
เพื่อให้เว็บไซต์ของคุณไม่จำกัดอยู่เพียงหน้าเดียว สร้างหลายหน้าในการนำทาง คุณต้องมีไฮเปอร์ลิงก์ ซึ่งกำหนดโดยแท็กต่อไปนี้:
A HREF = URL - / A - แทรกลิงก์ลงในเอกสาร (ระหว่างแท็ก คุณต้องป้อนข้อความลิงก์)
HREF - ที่อยู่ของหน้าหรือทรัพยากร
URL - ที่อยู่ทรัพยากรชุดเดียวกัน: servis: // เซิร์ฟเวอร์ [: พอร์ต] [/เส้นทาง]:
บริการ - ชื่อของโปรโตคอล (HTTP - การเข้าถึงเอกสาร HTML, คำขอ FTP สำหรับไฟล์จากเซิร์ฟเวอร์ FTP, การเข้าถึงไฟล์
ไฟล์บนเครื่องโลคัล);
เซิร์ฟเวอร์ - ระบุชื่อของทรัพยากร
พอร์ต - หมายเลขพอร์ตที่เว็บเซิร์ฟเวอร์ทำงานอยู่
เส้นทางคือไดเร็กทอรีที่ทรัพยากรตั้งอยู่
A HREF = # ชื่อบุ๊กมาร์ก - / A - แทรกลิงก์ในเครื่อง (ระหว่างแท็ก คุณต้องป้อนข้อความลิงก์)
A NAME = ชื่อบุ๊กมาร์ก - / A - ตั้งค่าบุ๊กมาร์กที่จะสร้างลิงก์
ขั้นตอนที่ 6
เพื่อให้เว็บไซต์ไม่น่าเบื่อ การออกแบบกราฟิกจึงเป็นสิ่งจำเป็น เมื่อต้องการทำเช่นนี้ ใช้แท็ก:
BODY BACKGRAOUND = "file_name" - ตั้งค่ารูปภาพที่ใช้เป็นพื้นหลัง
IMG SRC = "file_name" - แทรกไฟล์กราฟิกลงในเอกสาร HTML แท็กนี้ใช้พารามิเตอร์:
ALT = "สตริงข้อความ" - กำหนดสตริงข้อความที่แสดงแทนภาพกราฟิก หากเบราว์เซอร์ปิดใช้งานความสามารถในการโหลดกราฟิกโดยอัตโนมัติ
HEIGHT, WIDTH - ความสูงและความกว้างของภาพเป็นพิกเซล
HPACE, VSPACE - ความกว้างของพื้นที่ว่างที่แยกกราฟิกออกจากข้อความในแนวนอนและแนวตั้ง
ALIGN - การจัดตำแหน่งข้อความที่สัมพันธ์กับกราฟิก
ขั้นตอนที่ 7
และสิ่งสุดท้ายที่คุณต้องทำคือบันทึกไฟล์ข้อความในรูปแบบ *.html แล้วเปิดใช้งานโดยใช้เบราว์เซอร์ของคุณ เว็บไซต์พร้อมแล้ว
