เมื่อเร็ว ๆ นี้แหล่งข้อมูลทางอินเทอร์เน็ตต่าง ๆ กำลังจัดระเบียบ holivars มากขึ้นเรื่อย ๆ ในหัวข้อ: HTML เป็นภาษาโปรแกรมหรือไม่ ตามปกติแล้ว มีข้อโต้แย้งจำนวนมากที่สนับสนุนมุมมองทั้งสอง ดังนั้นฉันจึงตัดสินใจยุติข้อพิพาทที่ไม่จำเป็นนี้ด้วยตนเอง
ความหมายของภาษาการเขียนโปรแกรมภาษาการเขียนโปรแกรม - ระบบสัญญาณอย่างเป็นทางการมีไว้สำหรับการบันทึก โปรแกรมคอมพิวเตอร์- ภาษาโปรแกรมจะกำหนดชุด ศัพท์ วากยสัมพันธ์ และความหมายกฎที่กำหนด รูปร่างโปรแกรมและ การกระทำซึ่งจะดำเนินการโดยนักแสดง (คอมพิวเตอร์) ภายใต้การควบคุมของเธอ
- การเขียนโปรแกรมเชิงมุมมอง (AOP) เป็นกระบวนทัศน์การเขียนโปรแกรมตามแนวคิดของการแยกฟังก์ชันการทำงานเพื่อปรับปรุงการทำให้เป็นโมดูลของโปรแกรม
- การเขียนโปรแกรมแบบมีโครงสร้างเป็นวิธีการพัฒนาซอฟต์แวร์โดยอาศัยการแสดงโปรแกรมในรูปแบบ โครงสร้างลำดับชั้นบล็อก เสนอในยุค 70 ของศตวรรษที่ 20 โดย E. Dijkstra พัฒนาและเสริมโดย N. Wirth
- ขั้นตอนการเขียนโปรแกรม-การเขียนโปรแกรมใน ภาษาที่จำเป็นซึ่งคำสั่งที่ดำเนินการตามลำดับสามารถประกอบเป็นรูทีนย่อยได้ ซึ่งก็คือหน่วยโค้ดที่ใหญ่กว่า โดยใช้กลไกของภาษานั่นเอง
- การเขียนโปรแกรมลอจิกเป็นกระบวนทัศน์การเขียนโปรแกรมที่อิงจากการพิสูจน์ทฤษฎีบทโดยอัตโนมัติ เช่นเดียวกับส่วนของคณิตศาสตร์แยกที่ศึกษาหลักการของการอนุมานเชิงตรรกะของข้อมูลบนพื้นฐานของข้อเท็จจริงที่กำหนดและกฎการอนุมาน การเขียนโปรแกรมลอจิกขึ้นอยู่กับทฤษฎีและเครื่องมือของตรรกะทางคณิตศาสตร์ที่ใช้ หลักการทางคณิตศาสตร์ความละเอียด
- การเขียนโปรแกรมเชิงวัตถุ (OOP) เป็นกระบวนทัศน์การเขียนโปรแกรมซึ่งแนวคิดหลักคือแนวคิดของวัตถุและคลาส ในกรณีของภาษาต้นแบบ วัตถุต้นแบบจะถูกใช้แทนคลาส
- การเขียนโปรแกรมเชิงฟังก์ชันเป็นสาขาหนึ่งของคณิตศาสตร์ที่ไม่ต่อเนื่องและกระบวนทัศน์การเขียนโปรแกรมซึ่งกระบวนการคำนวณถูกตีความว่าเป็นการคำนวณค่าของฟังก์ชันในความหมายทางคณิตศาสตร์ของอย่างหลัง (ตรงข้ามกับฟังก์ชันเป็นรูทีนย่อยในการเขียนโปรแกรมเชิงกระบวนงาน)
- ตามกฎแล้วภาษาโปรแกรมแบบหลายกระบวนทัศน์คือภาษาโปรแกรมที่ได้รับการพัฒนาโดยเฉพาะเพื่อเป็นเครื่องมือสำหรับการเขียนโปรแกรมแบบหลายกระบวนทัศน์ นั่นคือ ความสามารถด้านการมองเห็นซึ่งเริ่มแรกตั้งใจที่จะสืบทอดจากภาษาต่างๆ หลายภาษา โดยส่วนใหญ่มักจะไม่เกี่ยวข้องกัน .
- ภาษาโปรแกรมลึกลับคือภาษาโปรแกรมที่ออกแบบมาเพื่อสำรวจขอบเขตของการพัฒนาภาษาโปรแกรม เพื่อพิสูจน์ศักยภาพในการนำแนวคิดบางอย่างไปใช้ (ที่เรียกว่า "การพิสูจน์แนวคิด" การพิสูจน์แนวคิดภาษาอังกฤษ) ในฐานะงานศิลปะซอฟต์แวร์ หรือเป็นเรื่องตลก (อารมณ์ขันของคอมพิวเตอร์)
ภาษาการเขียนโปรแกรมทั้งหมดแบ่งออกเป็นสองกลุ่ม: ชัดเจนและจำเป็น.
จากมุมมองทางคณิตศาสตร์ โปรแกรมในภาษาการเขียนโปรแกรมที่จำเป็นคือวิธีแก้ปัญหาทั่วไปสำหรับปัญหาที่กำหนด หรืออีกนัยหนึ่งคือคำตอบของคำถาม "ทำอย่างไร" นี่คือลำดับของคำสั่งที่ผู้ดำเนินการต้องดำเนินการ
โปรแกรมในภาษาโปรแกรมที่เปิดเผยคือการรวมกันของปัญหาที่เป็นทางการภายในภาษาโปรแกรมและทฤษฎีบททั้งหมดที่จำเป็นในการแก้ไข หรืออีกนัยหนึ่งคือคำตอบของคำถาม "จะทำอย่างไร" ลำดับการกระทำเฉพาะจะดำเนินการโดยคอมไพเลอร์หรือบ่อยครั้งกว่านั้นล่าม - โปรแกรมที่รันโค้ดโปรแกรมแบบเรียลไทม์โดยไม่ต้องแปลงเป็นรหัสเครื่อง
HTML เป็นภาษามาร์กอัปไฮเปอร์เท็กซ์ที่ทำให้อินเทอร์เน็ตเป็นสิ่งที่เรารู้จักและชื่นชอบ ต้องขอบคุณเครื่องมือที่ยอดเยี่ยมนี้ที่ทำให้เว็บไซต์ดูสวยงามและทันสมัย และยังช่วยให้ใช้งานได้ง่ายอีกด้วย HTML เพียงจัดองค์ประกอบของหน้าเว็บให้อยู่ในรูปแบบที่ใช้งานง่าย งานของมันเทียบได้กับสิ่งที่คนอย่าง MS Word หรือ OpenOffice ทำ พวกเขาเปลี่ยนตัวอักษรจำนวนมากที่ไม่มีรูปแบบให้เป็นเอกสารที่มีย่อหน้า ข้อความตัวหนา ตัวเอียง ตาราง และแม้แต่รูปภาพ ภาษา HTML ทำสิ่งเดียวกันโดยประมาณ โดยมีข้อแตกต่างเพียงอย่างเดียวคือเอกสารจะแสดงในเบราว์เซอร์ และความสามารถของเครื่องมือนี้กว้างกว่าความสามารถของโปรแกรมแก้ไขข้อความมาก แท็กใช้สำหรับมาร์กอัป - คำสั่งพิเศษที่อธิบายโครงสร้างของหน้าเว็บ พวกเขาจะอยู่ในวงเล็บมุม - เพื่อให้เบราว์เซอร์สามารถแยกความแตกต่างจากข้อความจำนวนมากได้ ต่อไป เราจะพูดถึงพื้นฐานของ HTML สำหรับผู้เริ่มต้น
บรรณาธิการภาพผู้เริ่มต้นที่เพิ่งเริ่มต้นเส้นทางการเรียนรู้ HTML มักจะเริ่มทำงานกับโปรแกรมที่ให้คุณสร้างเว็บไซต์โดยไม่ต้องมีความรู้ใดๆ ในนั้นคุณสามารถจัดเรียงองค์ประกอบต่างๆ บนหน้าจอในลักษณะที่จะแสดงบนเบราว์เซอร์ได้ ดูเหมือนว่านี่คือที่มาของพระคุณนิรันดร์ที่ช่วยให้คุณสามารถกำจัดนักพัฒนาเว็บส่วนใหญ่ได้ แต่ไม่ใช่ทุกอย่างจะง่ายนักเนื่องจากโปรแกรมแก้ไขภาพมีข้อบกพร่องมากมายซึ่งทำให้ไม่สามารถใช้งานได้ในโครงการที่จริงจัง
โปรแกรมทั้งหมดนี้สร้างแท็กที่ไม่จำเป็นจำนวนมากซึ่งทำให้หน้าสุดท้ายเทอะทะและไม่เหมาะสม แน่นอนว่าในยุคอินเทอร์เน็ตความเร็วสูงของเรา สิ่งนี้มีความสำคัญน้อยกว่าเมื่อก่อน แต่มีสาเหตุหลายประการที่ทำให้เว็บไซต์ที่กระชับและเขียนมาอย่างดีกลายเป็นเว็บไซต์ที่ใช้งานได้จริงมากกว่าเว็บไซต์ที่สร้างด้วยโปรแกรมแก้ไขภาพ หน้าเว็บที่สร้างในโปรแกรมดังกล่าวจะได้รับการประมวลผลที่ไม่ดีโดยโรบ็อตการค้นหา เนื่องจากโค้ดทุกกิโลไบต์มีความสำคัญสำหรับพวกเขา และโค้ดที่ยุ่งยากและไร้เหตุผลที่มีจำนวนมากไม่น่าจะเหมาะกับรสนิยมของพวกเขา นอกจากนี้ บรรณาธิการมักจะล้าหลัง กลายเป็นสิ่งไม่เกี่ยวข้อง และการใช้ทรัพยากรในการพัฒนาก็ทำไม่ได้ เนื่องจากไม่มีมืออาชีพคนใดใช้ผลิตภัณฑ์เหล่านี้ ดังนั้นใครก็ตามที่ต้องการทำงานในอุตสาหกรรมการพัฒนาเว็บไซต์จะต้องรู้พื้นฐานของ HTML
แท็กตามที่กล่าวไว้ข้างต้น แท็กจะอธิบายโครงสร้างของหน้าเว็บให้กับเบราว์เซอร์ ส่วนใหญ่มีแท็กเปิดและปิด แต่ไม่ใช่ทั้งหมด ตัวอย่างเช่น ... โดยที่แทนที่จะเป็นจุดจะมีเนื้อหา อันแรกจะแสดงตำแหน่งที่แท็กเริ่มต้น และอันที่สองปิด อาจมีองค์ประกอบมาร์กอัปหน้าอื่นๆ อยู่ข้างใน สามารถซ้อนกันได้เหมือนตุ๊กตาทำรัง สิ่งสำคัญคือต้องปิดแท็กในเวลาที่เหมาะสมเพื่อให้หน้าเว็บแสดงได้อย่างถูกต้อง
นอกจากนี้ยังมีแท็กเดียวที่ไม่จำเป็นต้องปิด ในนั้นเนื้อหาจะอยู่ภายใน เช่นเดียวกับที่สามารถเขียนสำหรับแท็ก HTML ส่วนใหญ่ และตั้งค่าคุณสมบัติขององค์ประกอบ มีการระบุไว้ในแท็กเปิดและมีลักษณะดังนี้:attribute="..." โดยที่แทนที่จะเป็นจุดจะมีค่าแอตทริบิวต์อยู่ การรู้จักแท็กเป็นขั้นตอนแรกและสำคัญที่สุดในการเรียนรู้ HTML พื้นฐานของศิลปะนี้ยังเกี่ยวข้องกับการทำความเข้าใจโครงสร้างของหน้าเว็บด้วย
โครงสร้างเอกสารเอกสาร HTML ทุกฉบับมีนามสกุลที่สอดคล้องกัน เช่น Index.html วิธีนี้ทำให้เบราว์เซอร์สามารถเข้าใจสิ่งที่กำลังจัดการและแสดงเพจได้อย่างถูกต้อง ขอแนะนำให้จัดเก็บไฟล์ทั้งหมดที่ใช้สร้างเว็บไซต์ไว้ในไดเร็กทอรีเดียวซึ่งจะทำให้ชีวิตของคุณง่ายขึ้นมากในอนาคต พื้นฐานของภาษามาร์กอัปไฮเปอร์เท็กซ์ HTML จำเป็นต้องมีความเข้าใจที่ชัดเจนเกี่ยวกับโครงสร้างเอกสาร เริ่มต้นด้วยแท็กที่บอกเบราว์เซอร์ถึงเวอร์ชันของ HTML ที่ใช้ในเอกสารนี้ ในขณะนี้ ภาษาเวอร์ชันที่ 5 มีความเกี่ยวข้อง ดังนั้นจึงไม่จำเป็นต้องประดิษฐ์สิ่งใดที่นี่ คุณสามารถแทรกแท็กด้านบนไว้ที่จุดเริ่มต้นของหน้าใดๆ ได้อย่างปลอดภัย
จากนั้นจะมีโครงสร้างคู่หลักที่ประกอบเป็น "โครงกระดูก" ของไซต์ แท็กแรกซึ่งแท็กอื่นๆ ทั้งหมดซ้อนกันอยู่ คือ .... สิ่งใดก็ตามที่อยู่นอกแท็กนั้นจะไม่ได้รับการยอมรับจากเบราว์เซอร์ว่าเป็นหน้าเว็บ ดังนั้นจึงเปิดเอกสารและปิดมัน แท็กนี้จำเป็นสำหรับเอกสารใดๆ นอกจากนี้ยังมีแท็กที่จำเป็นอีกหลายแท็ก ซึ่งจะกล่าวถึงด้านล่าง
ศีรษะภายในแท็ก ... คือข้อมูลทางเทคนิคที่จะไม่ปรากฏบนเพจ แต่ยังเป็นส่วนสำคัญของเอกสาร HTML วางรากฐานของไซต์ไว้ที่นี่ เลือกการเข้ารหัสและป้อนชื่อหน้า มันมีอยู่ภายใน แท็กที่จำเป็น.... ชื่อจะแสดงที่ด้านบนของเบราว์เซอร์ ซึ่งคุณสามารถวางไอคอนขนาดเล็กที่แสดงลักษณะของเนื้อหาของหน้าได้ ขอแนะนำให้ระบุการเข้ารหัสของเอกสารทันทีเพื่อการแสดงผลที่ถูกต้อง ซึ่งสามารถทำได้โดยใช้แท็ก เมตาแท็กให้ข้อมูลเกี่ยวกับโครงสร้างของหน้าและมักจะอยู่ภายในส่วนหัว
ลิงค์การรู้พื้นฐานของ HTML ยังเกี่ยวข้องกับการใช้ด้วย สไตล์เรียงซ้อนการออกแบบหรือ CSS พวกเขาตั้งค่าคุณสมบัติขององค์ประกอบที่จะแสดงบนเพจ แนวทางที่ทันสมัยงานนี้เกี่ยวข้องกับการรวมคุณลักษณะต่างๆ เช่น สี ความสูง และตำแหน่งขององค์ประกอบเข้าด้วยกัน ไฟล์ภายนอกเพื่อความสะดวกยิ่งขึ้น หากต้องการรวมไฟล์ css ให้ใช้แท็ก ในรูปแบบที่เสร็จสมบูรณ์จะมีลักษณะดังนี้: โดยที่ href ระบุตำแหน่งของไฟล์ และประเภทระบุประเภทของไฟล์
ร่างกายในส่วนนี้ของเอกสาร HTML ที่สร้างส่วนที่มองเห็นได้ของเพจ เบราว์เซอร์จะแสดงทุกสิ่งที่ทำภายใน "เนื้อหา" ใช้แท็ก HTML จำนวนมาก พื้นฐานคือการจัดรูปแบบข้อความ การทำงานกับลิงก์ และเครื่องมือพื้นฐานสำหรับการจัดโครงสร้างหน้าเว็บ ในการเริ่มต้นใช้งาน HTML คุณเพียงแค่ต้องรู้แท็กพื้นฐานและสามารถใช้งานได้ ด้านล่างนี้คือรายการยอดนิยม:
- - ใช้เพื่อเน้นสตริงย่อยที่จะมีลักษณะพิเศษที่อธิบายไว้ใน CSS
- - สร้างลิงค์บนหน้าเว็บ ที่อยู่การเปลี่ยนแปลงจะถูกระบุโดยแอตทริบิวต์ href;
- - หนึ่งในแท็กยอดนิยมในยุคของเรา ใครก็ตามที่ตัดสินใจเรียนรู้พื้นฐานของภาษา HTMLl ควรให้ความสนใจเป็นพิเศษเนื่องจากนี่คือองค์ประกอบบล็อกโดยอิงจากส่วนแบ่งส่วนใหญ่ของไซต์สมัยใหม่ (พารามิเตอร์สำหรับบล็อกถูกตั้งค่าเป็น css และบล็อกอื่น ๆ สามารถอยู่ภายในแท็กนี้ได้);
เลือกย่อหน้าจากข้อความ เนื้อหาของย่อหน้าอยู่ระหว่างแท็กเปิดและแท็กปิด
- - รายการลำดับเลขซึ่งมีองค์ประกอบอยู่ในแท็กที่จับคู่
- - รายการสัญลักษณ์แสดงหัวข้อย่อยซึ่งองค์ประกอบต่างๆ ถูกกำหนดโดยแท็ก เช่นเดียวกับรายการลำดับเลข
- - - ส่วนหัวของเอกสาร (ตัวเลขระบุระดับของส่วนหัวนั่นคือส่วนหัวหลักและตัวเลือกที่ตามมาคือส่วนหัวย่อยอย่างไรก็ตามส่วนหัวระดับแทบจะหาไม่ได้บนอินเทอร์เน็ต) สิ่งสำคัญคือต้องจำไว้ว่ามี สามารถเป็นได้เพียงหัวเรื่องเดียวในหน้าเดียวเท่านั้น
- - ข้อความตัวหนา;
- - ตัวเอียง;
- - การแทรกรูปภาพลงบนเว็บไซต์ (เป็นแท็กเดียว ไม่จำเป็นต้องมีแท็กปิด แต่ต้องมีแอตทริบิวต์ alt ซึ่งระบุข้อความสำหรับรูปภาพ)
- - การแทรกวิดีโอลงในหน้าเว็บ
- - แท็กที่แทรกไฟล์เสียงลงในเอกสาร
แท็กเหล่านี้ไม่ใช่ทั้งหมดที่คุณต้องใช้เพื่อสร้างหน้าเว็บของคุณเอง แต่แท็กเหล่านี้เพียงพอที่จะวางพื้นฐานของ HTML สำหรับผู้เริ่มต้น
ซีเอสเอสการพัฒนาภาษา HTML ส่งผลให้แต่ละแท็กได้รับแอตทริบิวต์จำนวนมาก และข้อกำหนดสำหรับลักษณะที่ปรากฏของหน้าเว็บก็เพิ่มขึ้นอย่างมาก รหัสเริ่มยุ่งยากและไม่สะดวก อ่านยาก ไม่ต้องพูดถึงการปรับเปลี่ยนหรือเปลี่ยนแปลงเลย นอกจากนี้ หากไซต์ของคุณมี 10 หน้าที่มีหลายหัวข้อที่ทำเครื่องหมายเป็นสีเขียว และคุณต้องการทำให้เป็นสีแดงในทันที คุณจะต้องทำงานหนักโดยเปลี่ยนแต่ละหัวข้อด้วยตนเอง ด้วยการถือกำเนิดของ Cascading Style Sheets กระบวนการนี้จึงง่ายและสมเหตุสมผล และโค้ด HTML ก็สามารถอ่านได้ง่ายขึ้นมาก
การใช้ CSSในการสร้างหน้าเว็บ คุณจำเป็นต้องรู้พื้นฐานของ HTML และ CSS เนื่องจากตอนนี้ไม่มีอะไรให้ทำในพื้นที่นี้หากไม่มีความรู้เกี่ยวกับสไตล์ชีตแบบเรียงซ้อน พวกเขาตั้งค่าแอตทริบิวต์สำหรับองค์ประกอบใด ๆ ที่นำไปใช้กับเอกสารทั้งหมด วิธีนี้ทำให้คุณสามารถตั้งค่าสีให้กับองค์ประกอบทั้งหมดได้ในคราวเดียว
ในการเชื่อมต่อไฟล์ css เข้ากับเอกสาร จะมีแท็กลิงก์ หลักการใช้งานอธิบายไว้สูงขึ้นเล็กน้อย แต่ไม่ใช่ตัวเลือกเดียวสำหรับการรวมสไตล์ทั้งหมดไว้ในที่เดียว นอกจากนี้ยังมีแท็ก ซึ่งอยู่ที่ “ส่วนหัว” ของเอกสาร และให้คุณเขียนสไตล์ได้โดยไม่ต้องใช้ไฟล์ CSS ไม่จำเป็นต้องใช้วิธีใดวิธีหนึ่ง สามารถนำมารวมกันได้สำเร็จเพื่อให้ได้ผลลัพธ์ที่ดีที่สุด หากต้องการสร้างไฟล์ด้วยสไตล์ชีต คุณต้องสร้างไฟล์ที่มีนามสกุล .css เช่น Styles.css
จาวาสคริปต์บ่อยครั้งที่บุคคลที่ตัดสินใจที่จะเริ่มตระหนักว่าเครื่องมือที่ HTML นำเสนอนั้นไม่เพียงพอสำหรับงานของเขา พื้นฐานจะช่วยให้คุณสร้างเพจที่สวยงามได้ แต่จะเกิดอะไรขึ้นถ้าคุณต้องการทำให้เพจโต้ตอบได้ในทันใด เพื่อจุดประสงค์เหล่านี้ มีการเขียนโปรแกรมพิเศษที่โต้ตอบกับ HTML ได้อย่างสมบูรณ์แบบ มันถูกเรียกว่า JavaScript เนื่องจากคิดว่าเป็นน้องชายของภาษา Java ยอดนิยม ทุกวันนี้ภาษาเหล่านี้ได้รับความแตกต่างอย่างมีนัยสำคัญและช่องว่างระหว่างภาษาเหล่านี้ก็เพิ่มขึ้นเท่านั้น
JavaScript สามารถขยายขีดความสามารถของ HTML โดยการอนุญาตให้คุณสร้างและแก้ไขแท็ก นอกจากนี้ ด้วยการใช้เครื่องมือที่ยอดเยี่ยมนี้ คุณสามารถทำงานกับ Cokie ดาวน์โหลดข้อมูลจากเซิร์ฟเวอร์โดยไม่ต้องโหลดหน้าซ้ำ และทำให้ไซต์มีการโต้ตอบมากกว่าความสามารถ HTML ที่อนุญาต ภาษานี้มีข้อจำกัดที่เกี่ยวข้องกับความปลอดภัยด้วย หากไม่ได้ใช้ JavaScript บนฝั่งเซิร์ฟเวอร์ จะถูกดำเนินการภายใต้เงื่อนไขที่จำกัดความสามารถ เพื่อให้ผู้โจมตีไม่สามารถใช้โค้ดที่เป็นอันตรายบนคอมพิวเตอร์เครื่องใดก็ได้
บรรณาธิการพื้นฐาน HTML สำหรับผู้เริ่มต้นต้องมีความรู้เกี่ยวกับโปรแกรมที่สะดวกและใช้งานได้จริงที่สุดสำหรับการสร้างหน้าเว็บ ตามที่เขียนไว้ข้างต้น โปรแกรมแก้ไขภาพ เช่น Dreamweaver และอื่นๆ ที่ไม่เหมาะกับวัตถุประสงค์เหล่านี้ คุณควรเขียนแท็กลงในสมุดจดธรรมดาหรือไม่? ตัวเลือกนี้ยังเป็นที่น่าสงสัย เนื่องจากสมุดบันทึกมาตรฐานไม่มีเครื่องมือเค้าโครงพิเศษใดๆ Notepad++ สามารถจัดการงานนี้ได้ค่อนข้างดี ข้อได้เปรียบที่สำคัญของผลิตภัณฑ์นี้คือเป็นโอเพ่นซอร์สและแจกจ่ายฟรีอย่างแน่นอน มีการเน้นไวยากรณ์ที่สะดวกและการปิดแท็กอัตโนมัติ Notepad++ ยังมีภาษาอินเทอร์เฟซให้เลือกมากมาย และขยายขีดความสามารถได้อย่างง่ายดายด้วยส่วนเสริมมากมาย
Sublime Text 3 เป็นโปรแกรมที่คล้ายกับ Notepad++ แต่มีค่าธรรมเนียม เธอคือผู้ที่ชนะใจนักพัฒนาส่วนใหญ่ Sublime Text 3 เหมาะสำหรับ JavaScript, CSS และ HTML คุณจะต้องเรียนรู้พื้นฐานการทำงานด้วยตัวเอง แต่มันก็คุ้มค่า มันมีความเป็นไปได้ที่ไร้ขีดจำกัดอย่างแท้จริงสำหรับการปรับแต่งอย่างละเอียด ซึ่งช่วยให้คุณปรับแต่งโปรแกรมให้ตรงตามความต้องการของคุณได้มากที่สุด
พื้นฐาน HTML และ CSS สำหรับผู้เริ่มต้นอย่างที่คุณเห็น การเรียนรู้ศิลปะของการสร้างหน้าเว็บนั้นไม่ยากอย่างที่คิดเมื่อมองแวบแรก การฝึกฝนเพียงไม่กี่เดือนจะเปลี่ยนคุณจากผู้ใช้ขี้อายเป็นนักพัฒนามือใหม่ รูปแบบการเรียนรู้นั้นง่ายกว่าการเรียนรู้ภาษาโปรแกรมหรือ Linux มาก ในความเป็นจริง มีแท็ก HTML ไม่มากนัก สิ่งสำคัญคือต้องเข้าใจการใช้งานจริง
ทักษะในการทำงานใน Adobe Photoshop จะไม่ฟุ่มเฟือยในเรื่องนี้ โปรแกรมนี้ช่วยให้คุณสามารถทำงานกับภาพถ่าย รูปภาพ และองค์ประกอบกราฟิกอื่น ๆ ของหน้าเว็บได้ ในขณะนี้ Photoshop ทำงานได้ดีที่สุดโดยมีคู่แข่งเพียงไม่กี่ราย สำหรับผู้ที่ไม่ชอบผลิตภัณฑ์ Adobe นี้มี Lightroom, GIMP, Illustrator และโปรแกรมอื่น ๆ ที่มีฟังก์ชั่นคล้ายกัน
ความรู้เกี่ยวกับ HTML ให้อะไร?ทักษะการสร้างหน้าเว็บมีความเกี่ยวข้องมากในปัจจุบัน เนื่องจากอินเทอร์เน็ตมีการขยายตัวอย่างก้าวกระโดด ทุกองค์กร แม้แต่ร้านค้าขนาดเล็กที่สุด เวิร์กช็อป และสปอร์ตคลับ ทุกคนต่างก็อยากมีเว็บไซต์เป็นของตัวเอง และแน่นอนว่าพวกเขาต้องการนักพัฒนาที่รู้จัก CSS และ HTML เพื่อสิ่งนี้ พื้นฐานนั้นง่ายต่อการเชี่ยวชาญ หลังจากนั้นก็เป็นเรื่องของการฝึกฝน เนื่องจากเทคโนโลยีเลย์เอาต์มีการพัฒนาอย่างต่อเนื่อง นักพัฒนาส่วนหน้าจึงเป็นที่ต้องการเสมอ ใครก็ตามที่ตัดสินใจอุทิศตนให้กับอุตสาหกรรมที่น่าสนใจนี้จะไม่มีวันถูกทิ้งให้ทำงาน
HTML (จากภาษามาร์กอัป HyperText ภาษาอังกฤษ - ภาษามาร์กอัปไฮเปอร์เท็กซ์) เป็นภาษามาร์กอัปมาตรฐานสำหรับเอกสารบนอินเทอร์เน็ต ในความเป็นจริงเป็นภาษาหลักและภาษาเดียวสำหรับการสร้างหน้าเว็บที่สามารถรองรับสคริปต์และองค์ประกอบของภาษาอื่น ๆ ได้: Java, php, CSS เป็นต้น
แม้ว่าส่วนทางทฤษฎีของการเรียนรู้ภาษานี้สามารถเรียนรู้ได้ในเวลาเพียง 2-3 เดือน แต่ทักษะการปฏิบัติมักจะได้รับการพัฒนาตลอดชีวิตเพราะนี่เป็นหนึ่งในภาษาการเขียนโปรแกรมที่มีไดนามิกมากที่สุดซึ่งมีการพัฒนาเสริมและปรับปรุงให้ทันสมัยอยู่เสมอจึงบังคับให้ โปรแกรมเมอร์เว็บเพื่อพัฒนาทักษะของเขา
ผู้ใช้ทุกคนสามารถทราบแบบเรียลไทม์ว่าหน้าบนอินเทอร์เน็ตเขียนด้วยภาษาใด: คลิกขวาบนพื้นที่ว่างแล้วเลือก "ดูโค้ดของหน้า" - ภาษาของหน้าจะอยู่ในแท็กเพื่อทำความเข้าใจ HTML 5 คุณต้องเข้าใจว่า XHTML คืออะไร...
XHTML เป็นภาษามาร์กอัปหน้าเว็บที่คล้ายกับ HTML ซึ่งส่วนใหญ่มักใช้เพื่อสร้างแอปพลิเคชันเว็บที่ซับซ้อน แต่มีไวยากรณ์ที่ซับซ้อนกว่าและความไวต่อข้อผิดพลาด เมื่อผู้คนพูดถึงความสำคัญของโครงสร้างเอกสาร พวกเขามักจะพูดถึง XHTML ไม่ใช่ HTML
การเรียนรู้ XHTML จะไม่ใช้เวลามากไปกว่าการเรียนรู้ HTML แต่ประสิทธิภาพของมันกับภูมิหลังของภาษาใหม่ - HTML 5 - ลดลงอย่างเห็นได้ชัด
เมื่อคนฉลาดที่เรียนภาษาการเขียนโปรแกรมเว็บมาตลอดชีวิตตระหนักว่าการสลับระหว่าง HTML ที่มองเห็นได้ง่ายกับ XHTML ที่ซับซ้อน แต่ถูกต้องอย่างต่อเนื่องนั้นน่าเบื่อ - พวกเขาตัดสินใจสร้างสิ่งที่เป็นสากลซึ่งเป็นสิ่งที่จะมีมาร์กอัปทางวากยสัมพันธ์ของทั้งสอง ภาษาอื่นๆ โดยไม่สูญเสียคุณภาพ นี่คือวิธีการสร้าง HTML 5 ซึ่งอยู่ระหว่างการพัฒนาอย่างเป็นทางการ แต่อันที่จริงแล้วเป็นมาตรฐานการทำงาน (อังกฤษ: HTML Living Standard)
ก่อนที่คุณจะเริ่มศึกษาบางสิ่งบางอย่างและใช้เวลา คุณต้องตัดสินใจเกี่ยวกับเป้าหมายของคุณเสียก่อน หากเป้าหมายคือการวางหน้าสองสามหน้าหรือสร้างเว็บไซต์นามบัตร คุณไม่จำเป็นต้องซื้อหนังสือเรียนด้วยซ้ำ: ทำงานหนักหนึ่งหรือสองเดือนโดยใช้ทรัพยากรอินเทอร์เน็ตเพื่อเรียนรู้ HTML และ CSS (Cascading Style Sheets - a ภาษาที่ใช้อธิบายลักษณะที่ปรากฏของเอกสาร) ก็เพียงพอแล้ว และไซต์จะพร้อม
หากบุคคลต้องการเขียนโปรแกรมเว็บและเรียนรู้ความซับซ้อนของเลย์เอาต์แบบแมนนวล เขาจะใช้เวลาประมาณ 10-15 เท่า เพื่อให้เข้าใจไวยากรณ์ของทุกภาษาเช่น SGML คุณจะต้องศึกษา XML ก่อน (ภาษาสำหรับจัดโครงสร้างเอกสารเว็บที่มีไวยากรณ์ที่ซับซ้อน) จากนั้นจึงเริ่มศึกษา HTML 5 และไปพร้อมกัน (เนื่องจากทั้งสองภาษานี้เป็น แยกออกไม่ได้) เริ่มศึกษา CSS และในตอนท้าย "กรอก" ทุกอย่างที่เป็น Java ที่ดี
หลายคนคิดผิดว่าในการพัฒนาทรัพยากรบนเว็บให้ประสบความสำเร็จนั้น คุณต้องรู้ 1-2 ภาษา นี่เป็นสิ่งที่ผิด การรู้ภาษาจำนวนน้อยเช่นนี้ทำให้โปรแกรมเมอร์เว็บ "งุ่มง่าม" - ไม่สามารถคิดอย่างสร้างสรรค์ได้การจะประสบความสำเร็จในการเขียนโปรแกรมเว็บต้องอาศัยกำลังใจ ทำตามคำแนะนำก็ไม่เสียหาย
การเริ่มต้นศึกษาภาษาโปรแกรมด้วยทฤษฎีของภาษาเหล่านี้คุ้มค่า - ประการแรก "นักออกแบบเลย์เอาต์" ในอนาคตจะต้องเข้าใจแนวคิดของภาษาเหล่านี้ฟังก์ชั่นของพวกเขาเรียนรู้ความแตกต่างระหว่าง HTML และ XML เป็นต้น
ในกระบวนการเรียนรู้จำเป็นต้องใช้ทรัพยากรสื่อ: ปัจจุบันมีเว็บไซต์การศึกษาหลายแห่งที่นำเสนอข้อมูลในรูปแบบที่เข้าใจง่ายดังนั้นการเรียนรู้ภาษาจะไม่เพียงนำมาซึ่งประโยชน์เท่านั้น แต่ยังนำมาซึ่งความสุขอีกด้วย
ฝึกฝน. หลังจากศึกษา "พื้นฐานทางทฤษฎี" แล้ว คุณต้องเริ่มฝึกฝนทันที - ควรเปิดสมุดบันทึกหรือโปรแกรมแก้ไขเช่น Notepad++ บนคอมพิวเตอร์ตลอด 24 ชั่วโมง
ภาษาการเขียนโปรแกรม เช่นเดียวกับภาษาอังกฤษหรือภาษาฝรั่งเศส จะไม่พัฒนาจนกว่าคุณจะฝึกฝน
Reg.ru: โดเมนและโฮสติ้ง
นายทะเบียนและผู้ให้บริการโฮสติ้งที่ใหญ่ที่สุดในรัสเซีย
มีชื่อโดเมนมากกว่า 2 ล้านชื่อที่ให้บริการ
โปรโมชั่น เมลโดเมน โซลูชั่นทางธุรกิจ
ลูกค้ามากกว่า 700,000 รายทั่วโลกได้ตัดสินใจเลือกแล้ว
*เลื่อนเมาส์ไปเหนือเพื่อหยุดการเลื่อนชั่วคราว
กลับไปข้างหน้า
HTML, CSS, PHP, JavaScript, SQL – อะไรและเพราะเหตุใดในเอกสารนี้ ฉันต้องการทบทวนวัตถุประสงค์ของการเขียนโปรแกรมหลักและภาษามาร์กอัปที่ใช้ในการพัฒนาเว็บ
ความคิดในการเขียนบทความนี้ไม่ได้เกิดขึ้นเอง แต่อยู่ภายใต้อิทธิพลของคำถามซ้ำๆ บ่อยครั้งที่ส่งถึงฉันทางจดหมายและถามที่ฝ่ายบริการสนับสนุน
นี่คือคำถามต่อไปนี้:
คุณควรเรียนรู้ภาษาในการสร้างเว็บไซต์ตามลำดับใด
- อันไหนยากกว่า: JavaScript หรือ PHP
- ทำไมเราต้องมีภาษา SQL?
- เวอร์ชัน CSS แตกต่างกันอย่างไร และคุณควรเรียนรู้เวอร์ชันใด
- ไซต์ไดนามิกทำงานอย่างไร
- PHP มีไว้เพื่ออะไร?
ฯลฯ...ในบทความนี้ ฉันจะพูดถึงบทบาทของแต่ละภาษาเหล่านี้ในการสร้างเว็บไซต์ และฉันแน่ใจว่าคำถามทั่วไปส่วนใหญ่จะหายไปจากใจคุณ
เนื้อหานี้แทบจะไม่มีตัวอย่างโค้ดเลย เนื่องจาก... เรากำลังเผชิญกับงานอื่น - เพื่อให้ได้แนวคิดทั่วไปเกี่ยวกับวัตถุประสงค์ของแต่ละภาษาและสถานที่ในการพัฒนาเว็บ
ไปกันเลย เราจะเริ่มต้นด้วยภาษา HTML
นามสกุลไฟล์: .htm, .html
HTML เป็นภาษามาร์กอัปไฮเปอร์เท็กซ์ (จากภาษาอังกฤษ. ภาษามาร์กอัปไฮเปอร์เท็กซ์).
ภาษานี้ใช้ในการสร้างหน้าเว็บ เบราว์เซอร์จะตีความ (ประมวลผล) และแสดงเป็นเอกสารในรูปแบบที่มนุษย์สามารถอ่านได้
HTML เป็นองค์ประกอบสำคัญและเป็นพื้นฐานของเกือบทุกหน้าเว็บ ภาษา HTML ทำหน้าที่เป็นวิธีการจัดวางหน้าแบบลอจิคัลเป็นหลัก
เป็น HTML ที่ช่วยให้เราสามารถให้ความหมายของเนื้อหาของหน้าเว็บได้ และสิ่งนี้เกิดขึ้นได้โดยใช้สิ่งที่เรียกว่าแท็ก
แท็กคือเครื่องหมายพิเศษที่เบราว์เซอร์ตีความในลักษณะใดลักษณะหนึ่ง สาระสำคัญของแท็กคือเนื้อหาของหน้าที่อยู่ในแท็กที่แตกต่างกันนั้นเบราว์เซอร์จะประมวลผลต่างกัน
สมมติว่าเราสามารถใส่เนื้อหาของหน้าไว้ในแท็กย่อหน้า และเบราว์เซอร์จะถือว่าเนื้อหานี้เป็นย่อหน้า
เราสามารถล้อมเนื้อหาไว้ในแท็กรายการ จากนั้นข้อมูลที่อยู่ภายในจะถูกตีความว่าเป็นรายการ
เราสามารถใส่เนื้อหาลงในแท็กตารางได้ และเนื้อหาในเอกสารผลลัพธ์จะปรากฏเป็นตาราง เป็นต้น
กล่าวอีกนัยหนึ่งคือแท็ก HTML แต่ละแท็กมีไว้สำหรับมาร์กอัปข้อมูลข้อความ ทำให้ข้อมูลนี้มีความหมายบางอย่าง.
ภาษา HTML มีประวัติการพัฒนาค่อนข้างยาวนาน และในช่วงเวลานี้มีการเปลี่ยนแปลงที่สำคัญ การเปลี่ยนแปลงส่วนใหญ่เกี่ยวข้องกับการเพิ่มแท็กใหม่ให้กับภาษาและการ "เลิกใช้" ของแท็กที่ล้าสมัย ในขณะที่เขียนบทความนี้ การพัฒนา HTML 5.1 ได้เริ่มต้นขึ้นแล้ว
เวอร์ชัน HTML ที่ต่างกันมีการประกาศที่แตกต่างกัน ประเภทเอกสาร- ลองดูตัวอย่างบางส่วนของการประกาศ เช่น HTML 4.01 (ในขณะนี้ถือว่าล้าสมัยแล้ว)
1. เข้มงวด: ไม่มีรายการที่ทำเครื่องหมายว่า "เลิกใช้แล้ว" หรือ "เลิกใช้แล้ว":
2. หัวต่อหัวเลี้ยว:มีแท็กดั้งเดิมเพื่อจุดประสงค์ด้านความเข้ากันได้และเพื่อความสะดวกในการโยกย้ายจาก HTML เวอร์ชันเก่า:
3. มีเฟรม (Frameset):คล้ายกับการนำส่ง แต่ยังมีแท็กสำหรับสร้างชุดเฟรม:
การประกาศประเภทเอกสารข้างต้นจะกลายเป็นเรื่องในอดีตมากขึ้นเรื่อยๆ เมื่อเวลาผ่านไป ซึ่งทำให้เกิด HTML 5
HTML 5 ใช้เพียงตัวเลือกเดียวเท่านั้น ด็อคไทป์(ประเภทเอกสาร):
ควรกล่าวถึงด้วยว่ามีภาษาที่เรียกว่า XHTML ด้วย มันเป็นภาษามาร์กอัปไฮเปอร์เท็กซ์ที่ขยายได้ ภาษามาร์กอัปไฮเปอร์เท็กซ์ที่ขยายได้- ขณะนี้การพัฒนาหยุดลงแล้ว และขอแนะนำให้ใช้ HTML XHTML เวอร์ชันใหม่ยังไม่ออก
โดยสรุป ฉันอยากจะทราบด้วยว่า HTML ยังคงสามารถใช้เพื่อควบคุมไม่เพียงแต่โครงสร้างเชิงตรรกะของหน้าเว็บเท่านั้น แต่ยังรวมถึงลักษณะที่ปรากฏบางประการด้วย
อย่างไรก็ตามแนวทางนี้ถือว่าไม่ถูกต้องและล้าสมัยเพราะว่า มีภาษาแยกต่างหากสำหรับการตั้งค่ารูปลักษณ์
นี่เป็นการสรุป HTML และไปยังภาษา CSS
นามสกุลไฟล์: .ซีเอส
CSS เป็นภาษาสำหรับอธิบายลักษณะที่ปรากฏของเอกสารที่เขียนโดยใช้ภาษามาร์กอัป ชื่อนี้มาจากภาษาอังกฤษ สไตล์ชีทแบบเรียงซ้อน- สไตล์ชีทแบบเรียงซ้อน
พูดง่ายๆ ก็คือ CSS เป็นภาษาที่ออกแบบมาเพื่อให้เอกสาร HTML มีลักษณะที่ต้องการ
การแสดงลักษณะที่ปรากฏให้กับเอกสาร HTML แม้จะได้รับความนิยมมากที่สุด แต่ก็เป็นเพียงกรณีพิเศษของการใช้ภาษา CSS เท่านั้น ด้วยความช่วยเหลือคุณสามารถทำให้เอกสารประเภทอื่น ๆ ปรากฏได้: XHTML, SVGและ ซูล- เราจะไม่พูดถึงพวกเขาแยกกันเพราะ... ซึ่งอยู่นอกเหนือขอบเขตของปัญหาที่มีอยู่
ดังนั้นจุดประสงค์ของการสร้าง CSS คือเพื่อแยกคำอธิบายของโครงสร้างเชิงตรรกะของหน้าเว็บออกจากลักษณะที่ปรากฏ ดังที่คุณทราบแล้วว่า HTML ใช้เพื่ออธิบายโครงสร้าง แต่ CSS ใช้เพื่ออธิบายว่าโครงสร้างเชิงตรรกะนี้จะมีลักษณะอย่างไร
คำอธิบายที่แยกต่างหากของโครงสร้างลอจิคัลและการนำเสนอของเอกสารช่วยให้คุณควบคุมลักษณะที่ปรากฏของเอกสารได้อย่างยืดหยุ่นมากขึ้น และลดจำนวนโค้ดซ้ำที่จะเกิดขึ้นอย่างหลีกเลี่ยงไม่ได้เมื่อใช้ HTML เพื่ออธิบายลักษณะที่ปรากฏของเอกสาร
เมื่อใช้ CSS นักพัฒนาเว็บสามารถตั้งค่าแบบอักษรและขนาดตัวอักษรที่แตกต่างกัน สีขององค์ประกอบ การเยื้ององค์ประกอบจากกัน ตำแหน่งของแต่ละบล็อกบนหน้า ฯลฯ สำหรับหน้าและองค์ประกอบแต่ละอย่าง
แน่นอนว่าในการใช้ CSS เพื่อให้เอกสาร HTML ปรากฏ เอกสารนี้จำเป็นต้องเชื่อมโยงกับสไตล์ในทางใดทางหนึ่ง เช่น "บอก" เอกสาร HTML ว่าจะจัดสไตล์โดยใช้ CSS
ในการดำเนินการนี้ มีหลายวิธีในการเชื่อมต่อ CSS กับเอกสาร ซึ่งจะทำให้เบราว์เซอร์ทราบว่าควรใช้สไตล์กับหน้าโดยรวมหรือกับองค์ประกอบบางส่วน
สไตล์ชีตสามารถอยู่ในเอกสารที่จะนำไปใช้โดยตรง หรือในไฟล์แยกต่างหากที่มีนามสกุล .ซีเอส.
สิ่งสำคัญคือต้องเข้าใจว่า ไฟล์ CSS เป็นไฟล์ข้อความธรรมดา- ประกอบด้วยคำแนะนำพิเศษที่อธิบายลักษณะที่ปรากฏขององค์ประกอบและตำแหน่งขององค์ประกอบบนหน้า ตลอดจนความคิดเห็น (คำอธิบายตามอำเภอใจเกี่ยวกับคำแนะนำที่เป็นลายลักษณ์อักษร)
สไตล์ CSS สามารถเชื่อมต่อ (หรือฝังอยู่ใน) เพจได้สี่วิธีต่อไปนี้:
1. หากสไตล์ชีตอยู่ในไฟล์แยกต่างหาก แสดงว่าสไตล์ชีตเชื่อมต่อกับเอกสารโดยใช้แท็กพิเศษ ลิงค์ซึ่งควรอยู่ในเอกสารนี้ภายในแท็ก ศีรษะ:
ในแอตทริบิวต์ hrefในกรณีนี้ จะมีการระบุพาธไปยังไฟล์สไตล์ที่รวมไว้
2. วิธีการเชื่อมต่อที่สองยังใช้หากสไตล์อยู่ในไฟล์แยกต่างหาก ในกรณีนี้จะใช้คำสั่ง @นำเข้าซึ่งควรจะอยู่ในเอกสารนี้ภายในแท็ก สไตล์ ศีรษะ):
@นำเข้า URL(style.css);
อย่างที่คุณเห็น เส้นทางไปยังไฟล์ที่รวมไว้จะแสดงอยู่ในวงเล็บหลังคำนั้น URL.
3. วิธีที่สามจะใช้เมื่อสไตล์ CSS อยู่ภายในเอกสารที่ควรนำไปใช้ ในกรณีนี้ สไตล์ควรอยู่ในเอกสารนี้ภายในแท็ก สไตล์(ซึ่งในทางกลับกันจะต้องอยู่ภายในแท็ก ศีรษะ):
ตัว ( สี: แดง; )
ในตัวอย่างด้านบน ภายในแท็ก สไตล์สไตล์ที่ตั้งซึ่งกำหนดสีข้อความสีแดงสำหรับองค์ประกอบ ร่างกายหน้าเว็บ
4. วิธีที่สี่ยังใช้ในกรณีที่มีการอธิบายสไตล์ชีตไว้ในเอกสารด้วย ในกรณีนี้ สไตล์จะถูกตั้งค่าสำหรับองค์ประกอบเฉพาะของหน้าเว็บ (แท็ก) โดยใช้แอตทริบิวต์ สไตล์.
ในกรณีนี้ กฎ CSS ทั้งหมดที่ระบุในลักษณะนี้จะใช้กับแท็กปัจจุบันเท่านั้น (องค์ประกอบของหน้าเว็บ)
เราใช้สไตล์ชีตในตัว
ในตัวอย่างด้านบน เรากำลังตั้งค่าขนาดตัวอักษรและสีสำหรับข้อความหนึ่งย่อหน้าภายในเอกสาร
เพื่อสรุปวิธีการเชื่อมต่อสไตล์ เราสามารถพูดได้ว่าในสองกรณีแรกสไตล์ชีตภายนอกถูกนำไปใช้กับเอกสาร ในขณะที่วิธีที่ 3 และ 4 เรากำลังจัดการกับสไตล์บิวท์อิน (หรือภายใน)
กฎของสไตล์นั้นระบุไว้ในรูปแบบของคู่ "คุณสมบัติ: คุณค่า;"- กฎเหล่านี้ใช้กับสิ่งที่เรียกว่าตัวเลือก สมมติว่าในตัวอย่างที่ 3 เรากำลังเผชิญกับตัวเลือกองค์ประกอบ ( ร่างกาย- คุณสมบัติคือ สีและในฐานะค่า – สีแดง.
ตัวเลือกทั้งหมดมี 10 ประเภท ซึ่งการพิจารณาซึ่งอยู่นอกเหนือขอบเขตของการตรวจสอบนี้ด้วยเหตุผลที่ชัดเจน
สิ่งสำคัญคือคุณต้องเข้าใจหลักการทั่วไป
ตัวเลือกจะกำหนดองค์ประกอบหนึ่งหรือกลุ่มที่จะใช้กฎสไตล์(ในกรณีของเรา นี่คือเนื้อหาทั้งหมดของแท็ก ร่างกาย)
คุณสมบัติสามารถกำหนดเป็นประเภทของการเปลี่ยนแปลงที่จะนำไปใช้กับองค์ประกอบ (ในกรณีของเราคือ สี, เช่น. สีข้อความ)
ค่าจะกำหนดค่าของการแปลงบางประเภทโดยตรง (ในตัวอย่างของเราคือ สีแดง, เช่น. สีแดง).
ในกระบวนการพัฒนาภาษา CSS ได้พัฒนาไปไกลแล้วและปัจจุบันมีหลายระดับ: CSS1, CSS2, CSS2.1, CSS3 ตั้งแต่ปลายปี 2554 CSS4 ได้รับการพัฒนา
ความหมายของระดับต่างๆ คือ ข้อผิดพลาดที่มีอยู่ได้รับการแก้ไข เพิ่มคุณสมบัติใหม่ ขยายกลไกตัวเลือก เป็นต้น
กล่าวอีกนัยหนึ่ง แต่ละระดับถัดไปไม่ได้เป็นสิ่งที่แยกจากกัน แต่เป็นการพัฒนาเชิงตรรกะและความต่อเนื่องของระดับก่อนหน้า ช่วยให้คุณควบคุมลักษณะที่ปรากฏของหน้าเว็บได้อย่างละเอียดและยืดหยุ่นมากขึ้น
นี่เป็นการสรุปการตรวจสอบ CSS ของเราและไปยังลิงก์ถัดไป - ภาษา PHP
นามสกุลไฟล์: .php
เมื่อคุณเข้าใจ HTML และ CSS อย่างน้อยเล็กน้อยแล้ว คำถามก็จะเกิดขึ้นทันที: “อะไรต่อไป?”- คุณต้องการสร้างเว็บไซต์เจ๋งๆ แต่คุณไม่สามารถทำได้โดยใช้ HTML และ CSS...
ที่นี่คุณต้องการภาษาประเภทและวัตถุประสงค์ที่แตกต่างไปจากเดิมอย่างสิ้นเชิง
PHP อยู่ในรายชื่อภาษาโปรแกรมและการพัฒนาเว็บที่ได้รับความนิยมสูงสุดอย่างต่อเนื่องมาหลายปี
PHP คืออะไร?
PHP ย่อมาจาก ไฮเปอร์เท็กซ์พรีโปรเซสเซอร์(บางอย่างเช่น "ตัวประมวลผลล่วงหน้า HTML")
สิ่งนี้หมายความว่าอย่างไร? เริ่มจากระยะไกลกันหน่อย: มีภาษาสองประเภท ชนิดหนึ่งเรียกว่า "ลูกค้า"และอีกอัน - "เซิร์ฟเวอร์".
ซึ่งหมายความว่าภาษาไคลเอนต์ทำงานในเบราว์เซอร์ของแต่ละคน ตัวแทนทั่วไปของภาษาไคลเอนต์คือ JavaScript ซึ่งคุณคงเคยได้ยินมาแล้ว
การดำเนินการและคำสั่งทั้งหมดที่เราระบุ เช่น JavaScript จะดำเนินการโดยเบราว์เซอร์ (เพื่อความง่าย เราไม่ได้พิจารณา JavaScript ฝั่งเซิร์ฟเวอร์)
ซึ่งหมายความว่ารหัสเดียวกันที่เราเขียนนั้นได้รับการประมวลผลในกรณีหนึ่งโดย Internet Explorer ในอีกกรณีหนึ่งโดย Firefox ในกรณีที่สามโดย Opera ในกรณีที่สี่โดย Google Chrome กล่าวคือ เบราว์เซอร์ที่แต่ละบุคคลใช้เพื่อดูเพจของเรา
เบราว์เซอร์จึงมีชื่ออื่น - ลูกค้า.
ในกรณีของภาษาฝั่งเซิร์ฟเวอร์ (ซึ่งรวมถึง PHP) เราจะเห็นภาพที่แตกต่างออกไป
เว็บไซต์ของเราอยู่บนเซิร์ฟเวอร์บางตัวเสมอ เช่น คอมพิวเตอร์ทรงพลังที่ออกแบบมาเพื่อรองรับเว็บไซต์ของผู้คนจำนวนมากโดยเฉพาะ
คำสั่งและสคริปต์ทั้งหมดที่เขียนด้วย PHP จะดำเนินการบนเซิร์ฟเวอร์และไม่มีอะไรอื่นอีก หลังจากที่สคริปต์ PHP ถูกดำเนินการบนเซิร์ฟเวอร์ เซิร์ฟเวอร์จะ "มอบ" ผลลัพธ์ของการทำงานให้กับเบราว์เซอร์ ซึ่งจะแปลงผลลัพธ์นี้ให้อยู่ในรูปแบบที่สะดวกสำหรับเรา
สิ่งสำคัญคือต้องเข้าใจประเด็นต่อไปนี้: จากซอร์สโค้ดของหน้าเว็บซึ่งสามารถดูได้ในเบราว์เซอร์ใด ๆ ผ่านตัวเลือกเช่น "ซอร์สโค้ดของหน้า" เป็นไปไม่ได้ที่จะระบุได้ว่า PHP ถูกใช้เพื่อสร้างเพจนี้หรือ ไม่.
มันเป็นไปไม่ได้ที่จะทำสิ่งนี้อย่างแม่นยำเพราะว่า สคริปต์ PHP ได้รับการประมวลผลบนเซิร์ฟเวอร์ และเวอร์ชันสำเร็จรูปที่ประมวลผลแล้วจะถูกโอนไปยังเบราว์เซอร์- โดยพื้นฐานแล้วเป็นเพียงโค้ด HTML
ความแตกต่างเมื่อเปรียบเทียบกับหน้า HTML แบบคงที่ทั่วไปคือขั้นตอนการประมวลผลโค้ดเพิ่มเติมอีกหนึ่งขั้นตอน
ในกรณีของหน้า HTML มีเพียงขั้นตอนเดียวเท่านั้น: เบราว์เซอร์จะประมวลผลโค้ด HTML เช่น การจัดวางหน้าตามกฎเกณฑ์บางประการส่งผลให้เรามองเห็นหน้าเว็บในรูปแบบปกติ
ในกรณีของหน้า PHP มีสองขั้นตอน: ขั้นแรกที่เรียกว่าตัวแปล PHP (ตัวจัดการ) รันโค้ด PHP (ส่งผลให้เป็นโค้ด HTML อย่างง่าย) และหลังจากนั้นเบราว์เซอร์จะประมวลผลผลลัพธ์ของการประมวลผลนี้ เช่น ใน ความจริงแล้ว มีการดำเนินการขั้นตอนเดียวกัน ซึ่งเป็นขั้นตอนเดียวในกรณีของเพจ HTML
โดยทั่วไปแล้ว PHP จะทำงานได้ดีเมื่อจับคู่กับ HTML นอกจากนี้ คุณยังสามารถแทรกโค้ด PHP ลงในโค้ด HTML และใช้ PHP เพื่อส่งออกมาร์กอัป HTML ได้
สิ่งสำคัญคือต้องจำประเด็นง่ายๆ นี้: ไม่ว่าโค้ด PHP ของคุณจะซับซ้อนแค่ไหน แต่สุดท้ายจะกลายเป็น HTML ธรรมดาในที่สุด
ทำไมต้องใช้ PHP?
HTML เป็นแบบคงที่ 100% ด้วยการฝังโค้ด PHP ลงในหน้าของเรา เราสามารถมั่นใจได้ว่าเนื้อหาของหน้าเดียวกันจะแตกต่างกันขึ้นอยู่กับเงื่อนไขบางประการ (หน้าไดนามิก)
ตลอดหลายปีที่ผ่านมา ภาษา PHP ได้สร้างตัวเองขึ้นมาเพื่อเป็นโซลูชั่นที่ยอดเยี่ยมสำหรับการสร้างเว็บไซต์แบบไดนามิก
สิ่งที่คุณต้องมีในการเริ่มต้นใช้งาน PHP?
ในการทำงานกับ PHP บนคอมพิวเตอร์ของคุณอย่างสมบูรณ์ คุณต้องมีสิ่งต่อไปนี้:
1. เว็บเซิร์ฟเวอร์ Apache (ใช้ในกรณีส่วนใหญ่);
2. ระบบจัดการฐานข้อมูล (DBMS) MySQL (เนื้อหาของเว็บไซต์ถูกเก็บไว้ในฐานข้อมูล)
3. ติดตั้งล่าม PHP;
4. โปรแกรมแก้ไขข้อความที่คุณจะเขียนโค้ด
5. เบราว์เซอร์ตอนนี้เพิ่มเติมเล็กน้อยเกี่ยวกับสามแต้มแรก
1. เว็บเซิร์ฟเวอร์ได้รับการออกแบบมาเพื่อจำลองคอมพิวเตอร์ของคุณให้เป็นเซิร์ฟเวอร์เดียวกับที่เว็บไซต์ของคุณจะโฮสต์บนอินเทอร์เน็ตโฮสติ้ง นี่เป็นสิ่งจำเป็นเพื่อให้คุณสามารถเขียนสคริปต์ PHP บนคอมพิวเตอร์ของคุณและดูว่าสคริปต์ทำงานอย่างไร ทำการเปลี่ยนแปลง และแก้ไขสคริปต์เหล่านั้นได้ กล่าวอีกนัยหนึ่ง นี่เป็นสิ่งจำเป็นสำหรับสิ่งที่เรียกว่าการดีบัก
2. จำเป็นต้องใช้ MySQL DBMS เพื่อจัดเก็บข้อมูลที่จะอยู่บนเว็บไซต์ของคุณ ในกรณีของหน้า HTML เนื้อหาทั้งหมดของเว็บไซต์จะอยู่ในนั้นโดยตรง แต่ละหน้ามีข้อมูล (เนื้อหา) จำนวนหนึ่ง
เมื่อใช้ PHP ฐานข้อมูลมักจะใช้เพื่อจัดเก็บเนื้อหาเว็บไซต์ที่เป็นประโยชน์ ในกรณีส่วนใหญ่นี่คือ MySQL
3. ล่าม PHP เป็นโปรแกรมประเภทหนึ่งที่ประมวลผลโค้ด PHP บนเว็บเซิร์ฟเวอร์ หากไม่มีสิ่งนี้ เราจะไม่สามารถรันสคริปต์ PHP ของเราและเห็นผลการทำงานของพวกเขาได้
หากต้องการบอกให้เว็บเซิร์ฟเวอร์ประมวลผลโค้ด PHP คุณต้องใช้ไวยากรณ์ต่อไปนี้เมื่อเพิ่ม PHP ลงในเอกสาร HTML:
ในกรณีนี้เว็บเซิร์ฟเวอร์ถึงแท็กเปิด PHP แล้ว ( ) ล่าม PHP หยุดทำงาน
ตอนนี้กลับมาที่บทบาทของ PHP ในการสร้างเว็บไซต์
ขั้นแรก ลองจินตนาการว่าเรามีเว็บไซต์คงที่แบบธรรมดาที่เขียนด้วย HTML ประกอบด้วยหลายหน้าและเป็นเพียงชุดของไฟล์ที่ไม่เปลี่ยนรูป
บนเว็บไซต์ดังกล่าวไม่มีทางที่จะสร้างแบบฟอร์มตอบรับ ความคิดเห็น การลงทะเบียนผู้ใช้ การค้นหา ฯลฯ
นอกจากนี้ ไซต์ดังกล่าวไม่สามารถมีแผงควบคุมที่เราสามารถเพิ่มหน้าใหม่ หรือแก้ไขและลบหน้าที่มีอยู่ได้
เมื่อใช้เฉพาะภาษา HTML เราถูกจำกัดอย่างมากในการสร้างไซต์ที่สะดวกและใช้งานได้จริง เนื่องจากเราไม่มี "คันโยกควบคุม" สำหรับแต่ละหน้าเฉพาะ
สิ่งที่เราทำได้คือเปิดหน้า HTML แยกต่างหากในตัวแก้ไขโค้ดด้วยตนเองและแก้ไขมันด้วยวิธีใดวิธีหนึ่ง
การใช้ภาษา PHP ช่วยให้เราสามารถสร้างเว็บไซต์ที่มีประสิทธิภาพอย่างแท้จริง เนื่องจากเราสามารถคิดและปรับใช้ "พฤติกรรม" ของเว็บไซต์ของเราได้.
กล่าวอีกนัยหนึ่ง เราสามารถทำให้ไซต์ของเรามีพฤติกรรมแตกต่างออกไปในสถานการณ์ที่แตกต่างกัน โดยดำเนินการตามอัลกอริทึมที่เรากำหนดไว้ ขึ้นอยู่กับการปฏิบัติตามหรือไม่ปฏิบัติตามเงื่อนไขบางประการ
ความสามารถในการกำหนดตรรกะของ "พฤติกรรม" ของไซต์ที่เราต้องการเป็นหนึ่งในสิ่งที่สำคัญที่สุดและมีคุณค่ามากที่สุดในภาษา PHP
นอกเหนือจากข้อดีที่กล่าวไปแล้ว ควรกล่าวถึงว่า PHP มีเครื่องมือมากมายสำหรับการทำงานกับข้อมูลประเภทต่างๆ
บ่อยครั้งที่คุณต้องจัดการกับข้อมูลข้อความและข้อมูลที่นำเสนอในรูปแบบของอาร์เรย์ เพื่ออำนวยความสะดวกในงานเหล่านี้ PHP มีฟังก์ชันมากมายที่ช่วยให้คุณสามารถจัดการข้อมูลได้อย่างง่ายดาย
นอกจากนี้ภาษา PHP ยังช่วยให้เราทำงานกับไฟล์และโฟลเดอร์ได้ เราสามารถใช้มันเพื่อสร้าง แก้ไข และลบไฟล์และโฟลเดอร์ได้ เราสามารถย้ายและเปลี่ยนชื่อและดำเนินการอื่นๆ ได้มากมาย
แน่นอนว่าเราไม่สามารถเพิกเฉยต่อจุดสำคัญเช่นความสามารถในการใช้ PHP เพื่อจัดระเบียบการโต้ตอบของผู้ใช้กับไซต์ได้สะดวกยิ่งขึ้น
สิ่งเหล่านี้คือ:
แบบฟอร์มคำติชม;
- ความสามารถในการแสดงความคิดเห็น
- การลงทะเบียนผู้ใช้
- การค้นหาไซต์
- จัดเก็บข้อมูลที่ผู้ใช้ป้อน (ตามหลักการ "ตะกร้าสินค้า") ฯลฯและแน่นอนว่า PHP ถูกใช้เพื่อสร้างแผงผู้ดูแลระบบที่หลากหลาย ซึ่งคุณสามารถจัดการเว็บไซต์ของคุณได้อย่างง่ายดายและสะดวก
การเพิ่มเนื้อหาใหม่ การแก้ไขหมวดหมู่ การกลั่นกรองความคิดเห็น การเปลี่ยนแปลงรายการเมนูของไซต์ การจัดการการตั้งค่า ทั้งหมดนี้และอีกมากมายสามารถทำได้โดยใช้ PHP
เมื่อสรุปภาพรวมของภาษา PHP แล้ว เราสามารถพูดได้ว่าขั้นตอนต่อไปหลังจากการเรียนรู้ HTML และ CSS ควรจะเป็นการเรียนรู้ภาษา PHP เพราะ นี่คือสิ่งที่จะช่วยให้คุณก้าวไปสู่ระดับที่แตกต่างโดยพื้นฐานในการสร้างเว็บไซต์
เราจบด้วย PHP และไปยังภาษาอื่น - JavaScript
นามสกุลไฟล์: .js
JavaScript เป็นภาษาโปรแกรมที่ใช้กันอย่างแพร่หลายในเบราว์เซอร์เพื่อเพิ่มการโต้ตอบให้กับหน้าเว็บ
สิ่งสำคัญคือต้องเข้าใจว่านี่ยังห่างไกลจากการใช้งาน JavaScript เพียงด้านเดียวอย่างไรก็ตามภายในกรอบของหัวข้อของเรา เหมาะสมที่สุดที่จะพิจารณาการใช้ภาษานี้โดยเฉพาะ
งานหลักของ JavaScript ในบริบทที่เรากำลังพิจารณาคือการจัดการองค์ประกอบของโมเดล DOM ของหน้าเว็บ
ลองหาว่า DOM คืออะไร.
DOM คือ Document Object Model โมเดลออบเจ็กต์เอกสาร).
ตาม DOM เอกสาร (เช่น เว็บเพจ) สามารถแสดงเป็นแผนผังของออบเจ็กต์ที่มีคุณสมบัติหลายอย่างที่อนุญาตให้มีการปรับเปลี่ยนต่างๆ:
การรับโหนด
- การเปลี่ยนแปลงโหนด
- การเปลี่ยนแปลงการเชื่อมต่อระหว่างโหนด
- การกำจัดโหนดการปรับแต่งเหล่านี้เองที่ภาษา JavaScript ช่วยให้เราสามารถดำเนินการกับองค์ประกอบของหน้าได้
หากต้องการเพิ่มโค้ด JavaScript ลงในเพจ คุณสามารถใช้แท็กได้ สคริปต์- ขอแนะนำให้วางไว้ภายในแท็ก ศีรษะแม้ว่าจะไม่จำเป็นก็ตาม
ตู้คอนเทนเนอร์ สคริปต์สามารถมีได้มากเท่าที่คุณต้องการในเอกสารเดียว ในกรณีนี้คือแอตทริบิวต์ "type="ข้อความ/จาวาสคริปต์""ไม่จำเป็นต้องระบุเพราะว่า ความหมาย จาวาสคริปต์เป็นค่าเริ่มต้น
ด้านล่างนี้เป็นตัวอย่างของสคริปต์ที่แสดงหน้าต่างโมดอลพร้อมคำบรรยายแบบคลาสสิก "สวัสดีชาวโลก!"ภายในเบราว์เซอร์:
alert("สวัสดีชาวโลก!");
คุณยังสามารถวางโค้ด JavaScript ไว้ในแท็กได้ ข้อกำหนด HTML อธิบายชุดของแอตทริบิวต์ที่ใช้ในการระบุตัวจัดการเหตุการณ์ ลองพิจารณาตัวอย่างนี้:
ลบ
ในกรณีนี้ หากคำตอบเป็นลบ (เช่น “ไม่” ถ้าเราไม่แน่ใจ) ลิงก์จะถูกบล็อก
โปรดทราบว่าการปฏิบัตินี้ โดยใช้จาวาสคริปต์ไม่ถือว่าดี.
การใช้ JavaScript อย่างถูกต้องจะเป็นแนวทางนี้ ขั้นแรกเราจัดเตรียมตัวระบุ ( id="alertLink") ลิงค์:
ลบ หลังจากนี้ ให้เขียนโค้ดต่อไปนี้ในไฟล์ JavaScript แยกต่างหาก (วิธีเชื่อมต่อกับเอกสารจะแสดงด้านล่าง): window.onload = function() ( var linkWithAlert = document.getElementById("alertLink"); linkWithAlert.onclick = function() ( return ยืนยัน("คุณแน่ใจหรือไม่?"); );
ในตัวอย่างนี้ เรากำลังสร้างฟังก์ชันที่จะเริ่มทำงานเมื่อมีการโหลดหน้าเว็บ ฟังก์ชันนี้ค้นหาองค์ประกอบที่มีรหัส การแจ้งเตือนLinkและติดตามเหตุการณ์การคลิก (เช่น ในลิงก์ "ลบ")
เมื่อเหตุการณ์คลิกเราส่งออก หน้าต่างกิริยาช่วยพร้อมข้อความที่เราคุ้นเคยอยู่แล้ว
คุณอาจพบว่าตัวอย่างนี้ซับซ้อนเล็กน้อยหากคุณไม่รู้อะไรเกี่ยวกับ JavaScript แต่ ในขั้นตอนนี้มันไม่สำคัญขนาดนั้น
สิ่งสำคัญคือคุณต้องเข้าใจหลักการ วิธีการทำงานเมื่อใช้ JavaScript
และสุดท้าย ตามที่ฉันได้สัญญาไว้ข้างต้น มาดูกันว่าคุณสามารถเชื่อมต่อ JavaScript จากไฟล์ภายนอกได้อย่างไร
ในกรณีนี้สถานการณ์จะคล้ายกันมากกับสิ่งที่เกิดขึ้นในกรณีของ CSS เพียงแต่แทนที่จะเขียนโค้ด CSS เราเขียนโค้ด JavaScript ในไฟล์ (ที่มีนามสกุล .js) จากนั้นเชื่อมต่อกับไฟล์ที่เราต้องการในแท็ก ศีรษะใช้การออกแบบ:
หลังจากการยักย้ายดังกล่าว เราจะสามารถเข้าถึงฟังก์ชันทั้งหมดที่เราเขียนไว้ในไฟล์ JavaScript
ดังนั้นเราจึงสามารถพูดได้ว่า JavaScript เป็นภาษาที่ช่วยให้คุณควบคุมโครงสร้างของเพจของคุณได้อย่างแข็งขันและจัดการองค์ประกอบต่างๆ
ในทางปฏิบัติสิ่งนี้พบการประยุกต์ใช้ในการสร้างสรรค์ต่างๆ เอฟเฟกต์ภาพเคลื่อนไหวผลของการเคลื่อนย้าย การละลาย การขยาย และการย่อวัตถุ
JavaScript ใช้ในการสร้างต่างๆ แกลเลอรี่ภาพที่เรียกว่า ตัวเลื่อนเนื้อหาหรือโรเตเตอร์สาระสำคัญก็คือในพื้นที่จำกัดมีการสลับวัตถุต่าง ๆ (เช่นรูปภาพ)
มักใช้จาวาสคริปต์ สำหรับการตรวจสอบข้อมูลเบื้องต้นซึ่งผู้ใช้กรอกลงในแบบฟอร์ม
เมื่อพูดถึง JavaScript เราไม่สามารถพลาดที่จะพูดถึงไลบรารี JavaScript พิเศษ ( jQuery, ต้นแบบ, MooToolsฯลฯ)
จุดประสงค์ของไลบรารี JavaScript คือการจัดเตรียม อินเทอร์เฟซข้ามเบราว์เซอร์ไปยังวิธี DOM.
ซึ่งหมายความว่าคุณสามารถใช้ฟังก์ชันบางอย่างที่เขียนไว้แล้วในไลบรารีเฉพาะและได้ผลลัพธ์ที่ต้องการ โดยทำงานได้ดีพอๆ กันในทุกเบราว์เซอร์
นอกจากนี้ ไลบรารียังช่วยลดความจำเป็นของนักพัฒนาเว็บในการเรียนรู้ JavaScript อย่างละเอียด โดยมีเครื่องมือที่ใช้งานง่ายมากมายที่ทำให้ง่ายต่อการจัดการ แบบจำลองวัตถุเอกสาร.
โดยสรุป เราสามารถพูดได้ว่า JavaScript สามารถกลายเป็น “จุดเด่น” ของไซต์ของคุณได้ ทั้งในแง่ของการตกแต่งและในแง่ของ ฟังก์ชั่นเพิ่มเติมซึ่งสามารถให้บริการได้โดยใช้ภาษานี้
เราใช้งาน JavaScript เสร็จแล้ว และเราไปยังภาษาสุดท้าย - SQL
นามสกุลไฟล์: .sql
SQL เป็นภาษาตรรกะของสารสนเทศที่ออกแบบมาเพื่ออธิบาย แก้ไข และดึงข้อมูลที่จัดเก็บไว้ในฐานข้อมูลเชิงสัมพันธ์
เพื่อให้เข้าใจคำจำกัดความนี้ได้ดีขึ้น เราจะเริ่มต้นด้วยแนวคิดพื้นฐานที่สุด โดยที่หากไม่มีสิ่งใดไปต่อก็ไร้ประโยชน์
ทำไมคุณถึงต้องการฐานข้อมูลล่ะ?
ในปัจจุบันนี้ ในการพัฒนาเว็บแอปพลิเคชั่นอย่างจริงจัง ฐานข้อมูลมักจะถูกนำมาใช้เกือบทุกครั้ง พวกเขาจัดเก็บข้อมูลที่จำเป็นสำหรับการดำเนินงานของไซต์ - เริ่มต้นจากเนื้อหาเอง (เนื้อหา) และลงท้ายด้วยการเข้าสู่ระบบของผู้ใช้และรหัสผ่านและการตั้งค่าไซต์ต่างๆ
แม้ว่าฐานข้อมูลจะสามารถจัดเก็บข้อมูลได้ไม่เพียง แต่ข้อมูลข้อความเท่านั้น แต่ยังรวมถึงรูปภาพเอกสารบางอย่าง ฯลฯ ตามกฎแล้วยังคงใช้สำหรับการจัดเก็บโดยเฉพาะ ข้อมูลข้อความและข้อมูลประเภทอื่นๆ จะถูกจัดเก็บในรูปแบบไฟล์
ฐานข้อมูลมีข้อดีหลายประการเมื่อเปรียบเทียบกับการจัดเก็บข้อมูลข้อความในไฟล์:
1. ความเร็วสูงการได้รับข้อมูล
2. อนุญาตให้เข้าถึงข้อมูลแบบสุ่ม (เช่น ง่ายต่อการเข้าถึงรายการใดรายการหนึ่งในฐานข้อมูล)
3. จากฐานข้อมูลเราสามารถดึงข้อมูลที่ตรงตามเกณฑ์ที่เราสนใจได้
4. การใช้ฐานข้อมูลทำให้เราไม่ต้องกังวลกับการเข้าถึงข้อมูลแบบขนาน เหล่านั้น. ในกรณีนี้ มันไม่สำคัญสำหรับเราที่ผู้คนหลายสิบคนสามารถขอบันทึกเดียวกันพร้อมกันได้
หากเราต้องจัดการกับไฟล์ มันจะยากขึ้นมากสำหรับเรา
ดังนั้นการเข้าถึงข้อมูลแบบขนานจึงเป็นข้อดีที่สำคัญที่สุดประการหนึ่งของฐานข้อมูล
ความแตกต่างระหว่างฐานข้อมูลและ DBMS
สิ่งสำคัญคือต้องแยกแยะระหว่างคำต่างๆ "ฐานข้อมูล"และ “ระบบการจัดการฐานข้อมูล” (DBMS).
ฐานข้อมูลคือข้อมูลที่เราจัดเก็บและโครงสร้างของข้อมูลนั้น ในขณะที่ DBMS เป็นโปรแกรมที่ให้แอปพลิเคชันภายนอกสามารถเข้าถึงฐานข้อมูลได้
ฐานข้อมูลเป็นสิ่งที่เราออกแบบอย่างอิสระสำหรับแต่ละโครงการโดยเฉพาะ โดยกำหนดโครงสร้างของฐานข้อมูลตามฟังก์ชันของแอปพลิเคชันในอนาคตของเรา
เราเลือก DBMS จากรายการที่จำกัด (Oracle, MySQL, PostgreSQL ฯลฯ)
ส่วนใหญ่แล้วคุณจะพบการผสมผสานระหว่าง PHP + MySQL ในกรณีส่วนใหญ่ คุณจะต้องดำเนินการด้วย
ให้เราพิจารณาแนวคิดของฐานข้อมูลเชิงสัมพันธ์.
ปัจจุบันสิ่งที่เรียกว่าฐานข้อมูลเชิงสัมพันธ์ได้รับความนิยมมากที่สุด
ฐานข้อมูลเชิงสัมพันธ์เป็นฐานข้อมูลที่ประกอบด้วยตาราง
คำว่า "สัมพันธ์" มาจากภาษาอังกฤษ ความสัมพันธ์- ทัศนคติ.
“ความสัมพันธ์” หมายถึงความสัมพันธ์ระหว่างตารางต่างๆ ในฐานข้อมูล
สิ่งที่เป็นปกติคือตารางในฐานข้อมูลนั้นเป็นตารางธรรมดาจริงๆ ซึ่งโดยพื้นฐานแล้วจะเหมือนกับตารางใดๆ ที่คุณเคยพบเจอในชีวิต เริ่มจากตารางสูตรคูณและลงท้ายด้วยตารางใน ไมโครซอฟต์ เอ็กเซล.
ตารางมีจำนวนคอลัมน์จำกัด (โดยปกติจะเล็ก) และกี่แถวก็ได้ตามต้องการ
คุณจะแทรกข้อมูลใหม่ลงในฐานข้อมูล เปลี่ยนแปลง ลบ และดำเนินการจัดการอื่น ๆ ได้อย่างไร?
มีภาษาพิเศษสำหรับสิ่งนี้ SQL ภาษาคิวรีที่มีโครงสร้าง- ภาษาแบบสอบถามที่มีโครงสร้าง)
เหล่านั้น. SQL เป็นภาษาคอมพิวเตอร์อเนกประสงค์ที่ออกแบบมาเพื่อการจัดการฐานข้อมูลเชิงสัมพันธ์โดยเฉพาะ
ด้วยความช่วยเหลือนี้ เราสามารถดำเนินการได้เกือบทุกรูปแบบ ตั้งแต่การสร้างฐานข้อมูลไปจนถึงการดึงชุดข้อมูลใดๆ จากฐานข้อมูล
โดยทั่วไปแล้ว การสืบค้น SQL จะถูกส่งไปยัง DBMS โดยใช้ โปรแกรมภายนอก- ในกรณีนี้ DBMS จะดำเนินการตามคำขอที่ระบุและส่งกลับผลลัพธ์บางอย่างในการตอบสนอง
แต่ละคำสั่ง SQL อาจเป็นคำขอข้อมูลจากฐานข้อมูลหรือการเรียกไปยังฐานข้อมูลที่ทำให้ข้อมูลในฐานข้อมูลเปลี่ยนแปลง ตามการเปลี่ยนแปลงที่เกิดขึ้นในฐานข้อมูลมีดังนี้ ประเภทต่อไปนี้คำขอ:
คำขอสร้างหรือเปลี่ยนแปลงวัตถุใหม่หรือที่มีอยู่ในฐานข้อมูล (ในกรณีนี้ คำขอจะอธิบายประเภทและโครงสร้างของวัตถุที่กำลังสร้างหรือเปลี่ยนแปลง)
- การร้องขอข้อมูล
- การขอเพิ่มข้อมูลใหม่ (บันทึก)
- การร้องขอให้ลบข้อมูล
- โทรไปที่ DBMSดังนั้นภาษา SQL จึงเป็นลิงก์ที่รับประกันการโต้ตอบของเว็บแอปพลิเคชันกับฐานข้อมูลและข้อมูลที่เก็บไว้ในนั้น
ภาษา SQL แทบจะเรียกได้ว่าเป็นภาษาธรรมดาไม่ได้ และคุณต้องใช้งานให้เต็มที่ ความพยายามที่ดีโดยการศึกษามัน
นั่นคือเหตุผลว่าทำไมในเครื่องมือพัฒนาเว็บไซต์จำนวนมาก (เช่นในกรอบงาน CodeIgniter) การโต้ตอบของไซต์กับฐานข้อมูลจึงถูกนำมาใช้โดยใช้ "ส่วนเสริม" ที่ช่วยให้คุณทำทุกอย่างได้ การดำเนินการที่จำเป็นโดยไม่ต้องเรียนรู้ภาษา SQL เอง
อย่างไรก็ตาม หากคุณไม่ได้ใช้เครื่องมืออย่าง CodeIgniter เพื่อสร้างเว็บแอปพลิเคชันที่ขับเคลื่อนด้วยฐานข้อมูลเต็มรูปแบบ แน่นอนว่าคุณจะต้องเชี่ยวชาญ SQL
เอาล่ะมาสรุปรีวิวนี้กันสักหน่อย
รากฐานของการพัฒนาเว็บคือและยังคงเป็นภาษา HTML หากไม่มีมัน ทุกสิ่งทุกอย่างก็ไร้ความหมายจริง ๆ เพราะเป็นมาร์กอัป HTML ที่เบราว์เซอร์แปลงเป็นภาพสุดท้ายที่เราเห็นบนหน้าจอมอนิเตอร์
CSS เป็นเครื่องมืองาน รูปร่างและการวางตำแหน่งองค์ประกอบต่างๆ ของหน้าเว็บ ซึ่งช่วยให้เราสามารถควบคุมลักษณะที่ปรากฏของแอปพลิเคชันเว็บของเราได้อย่างยืดหยุ่น
PHP ช่วยให้เราสามารถสร้างเว็บไซต์ไดนามิกที่มีประสิทธิภาพซึ่งมีตรรกะของพฤติกรรมบางอย่างได้ PHP ยังช่วยให้เราใช้งานได้จริง ความเป็นไปได้ไม่จำกัดเพื่อขยายฟังก์ชันการทำงานของเว็บไซต์
JavaScript เป็นส่วนเสริมที่สำคัญแต่ไม่จำเป็นเสมอไป มันสามารถปรับปรุงการใช้งานไซต์ของคุณและการโต้ตอบได้อย่างมาก และเพิ่ม "ความสนุก" บางอย่างลงไป
สุดท้ายนี้ SQL ช่วยให้เราสามารถจัดระเบียบการโต้ตอบของไซต์กับฐานข้อมูล ซึ่งช่วยให้เราร่วมกับภาษา PHP เพื่อสร้างไซต์ที่มีประสิทธิภาพและใช้งานได้อย่างแท้จริง
ขอแสดงความนับถือ Dmitry Naumenko
ป.ล. บางเรื่องก็ชัดเจนแต่จะไปไหนต่อล่ะ? ดูรายละเอียดบทเรียนระดับพรีเมียมเพิ่มเติมที่ด้านต่างๆ การสร้างเว็บไซต์ตลอดจนหลักสูตรฟรี
เพื่อสร้างระบบ CMS ของคุณเองใน PHP ตั้งแต่เริ่มต้น ทั้งหมดนี้จะช่วยให้คุณเชี่ยวชาญเทคโนโลยีเว็บได้เร็วและง่ายขึ้น: ตั้งแต่ HTML และ CSS ไปจนถึง JavaScript, PHP และ SQL
คุณชอบเนื้อหาและต้องการขอบคุณฉันหรือไม่?เพียงแบ่งปันกับเพื่อนและเพื่อนร่วมงานของคุณ! ฉันตัดสินใจที่จะให้ความสำคัญกับผู้เริ่มต้นที่ต้องการได้รับความรู้ในด้านการสร้างเว็บไซต์มากขึ้น ครูของฉันผลักดันให้ฉันทำเช่นนี้เพราะเธอทำผิดพลาดมากมายในคู่มือการฝึกอบรมงานห้องปฏิบัติการ
- ฉันยินดีที่จะดูแหล่งข้อมูลที่ใช้ข้อมูลการศึกษาและแสดงความคิดเห็นของฉันสองสามบรรทัดที่นั่น แต่นั่นไม่เกี่ยวกับเรื่องนั้นในตอนนี้ ในการบรรยายครั้งแรกของฉัน ฉันจะพูดถึงโครงสร้างของเอกสาร HTML คืออะไร? แท็กจะประกาศสิ่งที่กำลังเริ่มต้นโครงสร้างเอกสาร html
, - ซึ่งสิ้นสุด ข้อมูลส่วนใหญ่สำหรับเบราว์เซอร์และเครื่องมือค้นหาจะถูกเก็บไว้ระหว่างแท็ก แท็กประกอบด้วยชื่อเพจของเรา แท็ก ระบุว่าข้อมูลเพิ่มเติมมีไว้สำหรับผู้ใช้ และบ่งบอกว่าข้อมูลสำหรับผู้ใช้สิ้นสุดลง ตอนนี้ฉันจะอธิบายเล็กน้อย แท็กทั้งหมด (แท็ก - องค์ประกอบภาษามาร์กอัปไฮเปอร์เท็กซ์< и >) แบ่งออกเป็นสองประเภท: “เดี่ยว” และ “ปิด” นอกจากนี้ แท็กยังอยู่ในอักขระต่อไปนี้ เป็นสิ่งที่ทำให้แท็กแตกต่างจากแท็กทั่วไปข้อความ HTML
- ลองดูแท็ก "เดี่ยว" ที่ง่ายที่สุดบางส่วน:— แท็กที่รับผิดชอบในการขึ้นบรรทัดใหม่ในตำแหน่งที่ติดตั้งแท็กนี้ มาดูโค้ดที่ใช้แท็กนี้กัน
เว็บไซต์แรกของฉัน สวัสดีทุกคน!และนี่คือเว็บไซต์แรกของฉัน
— แท็กที่วาดเส้นแนวนอน แท็กนี้อ้างอิงถึง องค์ประกอบบล็อก, บรรทัดจะเริ่มต้นด้วยเสมอ บรรทัดใหม่- มี 5 คุณสมบัติ:
- align — กำหนดการจัดตำแหน่งของเส้น สามารถเอาค่าซ้าย,กลาง,ขวาได้
- สี — กำหนดสีของเส้น
- noshade - ลากเส้นโดยไม่มีเอฟเฟกต์ 3D
- ขนาด — กำหนดความหนาของเส้น
- width — กำหนดความกว้างของเส้น
รหัสที่ใช้แท็ก:
เว็บไซต์แรกของฉัน สวัสดีทุกคน! นี่คือเว็บไซต์แรกของฉัน
สามารถดูตัวอย่างภาพได้ที่นี่
แท็ก "เดี่ยว" อีกอันคือ . แท็กนี้ใช้เพื่อเก็บข้อมูลสำหรับเบราว์เซอร์และเครื่องมือค้นหา โปรแกรมค้นหามองหาเมตาแท็กเพื่อรับคำอธิบายเว็บไซต์ คำสำคัญ และข้อมูลอื่นๆ คุณได้รับอนุญาตให้ใช้เมตาแท็กได้ไม่จำกัดจำนวน โดยทั้งหมดจะต้องอยู่ระหว่าง และ พารามิเตอร์ของเมตาแท็กใดๆ จะมีรูปแบบ “name=value” ซึ่งถูกกำหนดไว้ คำหลักเนื้อหา ชื่อ หรือ http-equiv เพราะ เมตาแท็กมีไว้สำหรับเครื่องจักร โดยจะไม่ทำการเปลี่ยนแปลงภาพใดๆ ดังนั้นฉันจะให้เฉพาะซอร์สโค้ดเท่านั้น:
บรรทัดนี้ระบุว่าผู้สร้างเพจเชื่อว่าเพจนั้นใช้การเข้ารหัส UTF-8 ใน HTML5 ทุกอย่างง่ายขึ้น เพื่อระบุการเข้ารหัส สิ่งที่คุณต้องมีคือบรรทัดต่อไปนี้:
มีแท็กเดี่ยวอื่น ๆ (, ,
, , , , , , , , , , , , , ) แต่ฉันจะแนะนำให้คุณรู้จักพวกเขาในภายหลังเล็กน้อยตอนนี้เรามาพูดถึงแท็ก "ปิด" กันดีกว่า ชื่อ “แท็กปิด” บ่งบอกว่าแท็กจำเป็นต้องปิดท้าย การทำเช่นนี้เพื่อจำกัดส่วนของข้อความที่แท็กมีผลอย่างชัดเจน
เพื่อเป็นตัวอย่างที่ชัดเจน ลองดูที่แท็ก ซึ่งใช้เพื่อเน้นข้อความ โดยจะตั้งค่าแบบอักษรให้เป็นตัวหนา แท็กคือขอบเขตที่กำหนดพื้นที่ของการเลือกข้อความ นี่คือโค้ดที่พวกเขาลืมปิดแท็กในบรรทัดสุดท้าย:
เว็บไซต์แรกของฉัน สวัสดีทุกคน! และนี่คือเว็บไซต์แรกของฉัน
สวัสดีทุกคน! และนี่คือเว็บไซต์แรกของฉันอย่างที่คุณเห็นไม่มีอะไรซับซ้อน ตอนนี้คุณสามารถสร้างหลายหน้าที่เชื่อมโยงถึงกัน
แท็กสำหรับการเน้นข้อความมีหลายวิธีในการเน้นข้อความบนหน้า ซึ่งสามารถทำได้โดยใช้สไตล์หรือใช้แท็กก็ได้ เรา (ในตอนนี้) สนใจตัวเลือกที่สอง
— ตั้งค่าแบบอักษรให้เป็นตัวหนา
- กำหนดรูปแบบตัวอักษรตัวเอียง
- เพิ่มขีดเส้นใต้ให้กับข้อความ
— มีวัตถุประสงค์เพื่อเน้นข้อความ เบราว์เซอร์แสดงข้อความนี้เป็นตัวเอียง
- ขีดฆ่าข้อความ แท็กนี้ถูกลบออกจาก HTML5 แล้ว ขอแนะนำให้ใช้แท็กนี้แทน
— แสดงข้อความเป็นข้อความแบบเว้นวรรค ลบออกจาก HTML5
— แสดงแบบอักษรเป็นตัวยก แบบอักษรจะปรากฏเหนือเส้นฐานของข้อความและมีขนาดลดลง
— แสดงแบบอักษรเป็นตัวห้อย ข้อความจะอยู่ต่ำกว่าเส้นฐานของอักขระที่เหลือในบรรทัดและย่อขนาดลง
— มีวัตถุประสงค์เพื่อเน้นข้อความ เบราว์เซอร์แสดงข้อความนี้เป็นตัวหนา
- ลดขนาดตัวอักษรลงหนึ่งเมื่อเทียบกับ ในข้อความธรรมดา- ใน HTML ขนาดตัวอักษรจะวัดในหน่วยทั่วไปตั้งแต่ 1 ถึง 7 ขนาดข้อความเริ่มต้นโดยเฉลี่ยคือ 3 แท็กจะลดข้อความลงหนึ่งหน่วยทั่วไป อนุญาตให้ใช้แท็กที่ซ้อนกัน และขนาดตัวอักษรจะเล็กลง 1 ในแต่ละระดับที่ซ้อนกัน แต่ต้องไม่น้อยกว่า 1
— เพิ่มขนาดตัวอักษรขึ้นหนึ่งเมื่อเทียบกับข้อความปกติ ใน HTML ขนาดแบบอักษรวัดเป็นหน่วยตั้งแต่ 1 ถึง 7 ขนาดข้อความเริ่มต้นโดยเฉลี่ยคือ 3 ดังนั้นการเพิ่มแท็กจะเพิ่มข้อความทีละหนึ่งหน่วย อนุญาตให้ใช้แท็กที่ซ้อนกันได้ และขนาดตัวอักษรจะใหญ่ขึ้นในแต่ละระดับ
— ใช้เพื่อเน้นคำพูดในข้อความ เนื้อหาของคอนเทนเนอร์จะแสดงโดยอัตโนมัติในเบราว์เซอร์ด้วยเครื่องหมายคำพูด
— ออกแบบมาเพื่อเน้นเครื่องหมายคำพูดยาวๆ ภายในเอกสาร ข้อความที่มีแท็กนี้มักจะแสดงเป็นบล็อกที่จัดตำแหน่งโดยมีช่องว่างด้านซ้ายและด้านขวา (ประมาณ 40 พิกเซล) ตลอดจนช่องว่างด้านบนและด้านล่าง
— กำหนดบล็อกของข้อความที่จัดรูปแบบไว้ล่วงหน้า ข้อความดังกล่าวมักจะแสดงเป็นแบบอักษรแบบเว้นวรรคและมีช่องว่างระหว่างคำทั้งหมด ตามค่าเริ่มต้น จำนวนช่องว่างในโค้ดในแถวจะแสดงเป็นหนึ่งช่องบนหน้าเว็บ แท็ก ช่วยให้คุณข้ามคุณสมบัตินี้และแสดงข้อความตามที่นักพัฒนาต้องการ
— กำหนดย่อหน้าข้อความ แท็กเป็นองค์ประกอบบล็อกซึ่งเริ่มต้นด้วยบรรทัดใหม่เสมอ ย่อหน้าของข้อความที่อยู่ถัดจากกันจะถูกคั่นด้วยช่องว่างภายใน สามารถควบคุมจำนวนช่องว่างภายในได้โดยใช้สไตล์ หากไม่มีแท็กปิด จุดสิ้นสุดของย่อหน้าจะถือว่าตรงกับจุดเริ่มต้นขององค์ประกอบบล็อกถัดไป
.... - HTML มีหกหัวข้อในระดับที่แตกต่างกัน ซึ่งบ่งชี้ถึงความสำคัญสัมพัทธ์ของส่วนที่อยู่หลังหัวข้อ ดังนั้นแท็กจึงแสดงถึงส่วนหัวระดับแรกที่สำคัญที่สุด และแท็กทำหน้าที่ระบุส่วนหัวระดับที่หกและมีความสำคัญน้อยที่สุด ตามค่าเริ่มต้น ส่วนหัวระดับแรกจะแสดงมากที่สุด ในรูปแบบพิมพ์ใหญ่ส่วนหัวระดับถัดไปที่เป็นตัวหนาจะมีขนาดเล็กกว่า แท็ก ,... หมายถึงองค์ประกอบบล็อก โดยจะเริ่มต้นในบรรทัดใหม่เสมอ และหลังจากนั้นองค์ประกอบอื่นๆ จะแสดงในบรรทัดถัดไป นอกจากนี้ ยังมีการเพิ่มช่องว่างก่อนและหลังชื่อเรื่อง แท็ก มีแอตทริบิวต์การจัดตำแหน่ง ซึ่งกำหนดการจัดตำแหน่งของชื่อ โดยสามารถรับค่าต่อไปนี้: ซ้าย - ชื่อเรื่องจัดชิดซ้าย, กึ่งกลาง - จัดกึ่งกลาง, ขวา - จัดชิดขวา, จัดชิดขอบ - จัดชิดขอบ (ทั้งขวาและซ้าย -จัดตำแหน่ง) ค่านี้ใช้ได้กับส่วนหัวที่ยาวมากกว่าหนึ่งบรรทัดเท่านั้น
— เป็นคอนเทนเนอร์สำหรับเปลี่ยนลักษณะแบบอักษร เช่น ขนาด สี และแบบอักษร แม้ว่าแท็กนี้จะยังคงได้รับการสนับสนุนโดยเบราว์เซอร์ทั้งหมด แต่ก็ถือว่าล้าสมัย และแนะนำให้ละทิ้งการใช้งานไปโดยหันไปใช้สไตล์แทน แท็ก มี 3 คุณลักษณะ: สี — กำหนดสีข้อความ ใบหน้า — กำหนดแบบอักษรแบบอักษร ขนาด — กำหนดขนาดตัวอักษรในหน่วยทั่วไป
— ทำเครื่องหมายข้อความว่าเป็นคำพูดหรือเชิงอรรถของเนื้อหาอื่น การไฮไลต์นี้มีประโยชน์สำหรับการเปลี่ยนสไตล์ของข้อความผ่าน CSS และยังใช้เพื่อแยกโค้ด HTML ออกเป็นองค์ประกอบโครงสร้างอีกด้วย โดยทั่วไปเบราว์เซอร์จะตั้งค่าข้อความภายในคอนเทนเนอร์ให้เป็นตัวเอียง
— ระบุว่าลำดับของอักขระเป็นตัวย่อ การใช้แอตทริบิวต์ title การถอดรหัสคำย่อ ซึ่งช่วยให้ผู้ที่ไม่คุ้นเคยกับคำย่อสามารถเข้าใจคำย่อได้ นอกจากนี้ โปรแกรมค้นหายังจัดทำดัชนีตัวย่อเวอร์ชันข้อความเต็ม ซึ่งสามารถใช้เพื่อปรับปรุงการจัดอันดับของเอกสารได้
ตามค่าเริ่มต้น ข้อความที่อยู่ในคอนเทนเนอร์จะถูกขีดเส้นใต้ด้วยเส้นประ
ด้านล่างนี้เป็นโค้ดที่ฉันใช้แท็กเหล่านี้ทั้งหมด:
เว็บไซต์แรกของฉัน
HTML และ CSS เป็นเทคโนโลยีหลักสองประการสำหรับการสร้างเว็บเพจ HTML จัดทำโครงสร้างของหน้า CSS เป็นรูปแบบ (ภาพและเสียง) สำหรับอุปกรณ์ที่หลากหลาย นอกเหนือจากกราฟิกและสคริปต์แล้ว HTML และ CSS ยังเป็นพื้นฐานของการสร้างเว็บเพจและแอปพลิเคชันเว็บ เรียนรู้เพิ่มเติมด้านล่างเกี่ยวกับ:
HTML คืออะไร? HTML เป็นภาษาสำหรับอธิบายโครงสร้างของเว็บเพจ HTML ช่วยให้ผู้เขียนมีวิธีในการ:เผยแพร่เอกสารออนไลน์ด้วยส่วนหัว ข้อความ ตาราง รายการ รูปภาพ ฯลฯ
รับข้อมูลออนไลน์ผ่านลิงก์ไฮเปอร์เท็กซ์เพียงคลิกปุ่มเดียว
ออกแบบแบบฟอร์มการทำธุรกรรมด้วยบริการระยะไกล เพื่อใช้ค้นหาข้อมูล จอง สั่งซื้อสินค้า ฯลฯ
รวมสเปรดชีต คลิปวิดีโอ คลิปเสียง และแอปพลิเคชันอื่นๆ ลงในเอกสารโดยตรง
ด้วย HTML ผู้เขียนจะอธิบายโครงสร้างของหน้าโดยใช้มาร์กอัป องค์ประกอบของป้ายภาษาชิ้นส่วนของเนื้อหาเช่น “ย่อหน้า” “รายการ” “ตาราง” และอื่นๆ- XHTML คืออะไร?XHTML เป็นไฟล์ ตัวแปรของ HTMLที่ใช้ไวยากรณ์ของ XML ซึ่งเป็นภาษามาร์กอัปที่ขยายได้ XHTML มีองค์ประกอบเหมือนกันทั้งหมด (สำหรับย่อหน้า ฯลฯ) เป็นตัวแปร HTML แต่ไวยากรณ์จะแตกต่างออกไปเล็กน้อย เนื่องจาก XHTML เป็นแอปพลิเคชัน XML คุณจึงใช้เครื่องมือ XML อื่นๆ ได้ (เช่น XSLT ซึ่งเป็นภาษาสำหรับการแปลงเนื้อหา XML)
ซีเอสเอสคืออะไร?CSS เป็นภาษาสำหรับอธิบายการนำเสนอเว็บเพจ รวมถึงสี เค้าโครง และแบบอักษร ช่วยให้สามารถปรับการนำเสนอให้เข้ากับอุปกรณ์ประเภทต่างๆ เช่น หน้าจอขนาดใหญ่ หน้าจอขนาดเล็ก หรือเครื่องพิมพ์ CSS ไม่ขึ้นอยู่กับ HTML และสามารถใช้กับมาร์กอัปที่ใช้ XML ได้ ภาษาภาษา- การแยก HTML ออกจาก CSS ทำให้ง่ายต่อการดูแลรักษาไซต์ แบ่งปันสไตล์ชีตข้ามเพจ และปรับแต่งเพจให้เข้ากับสภาพแวดล้อมที่แตกต่างกัน สิ่งนี้เรียกว่าการแยกโครงสร้าง (หรือ: เนื้อหา) ออกจากการนำเสนอ
เว็บฟอนต์คืออะไร? WebFonts เป็นเทคโนโลยีที่ช่วยให้ผู้ใช้สามารถใช้แบบอักษรตามความต้องการบนเว็บได้โดยไม่ต้องติดตั้งในระบบปฏิบัติการ W3C มีประสบการณ์ในการดาวน์โหลดฟอนต์ผ่าน HTML, CSS2 และ SVG จนกระทั่งเมื่อเร็วๆ นี้ แบบอักษรที่ดาวน์โหลดได้ยังไม่พบเห็นได้ทั่วไปบนเว็บ เนื่องจากไม่มีรูปแบบแบบอักษรที่ทำงานร่วมกันได้ ความพยายามของ WebFonts วางแผนที่จะแก้ไขปัญหาดังกล่าวผ่านการสร้างรูปแบบแบบอักษรแบบเปิดที่สนับสนุนอุตสาหกรรมสำหรับเว็บ (เรียกว่า "WOFF")การบรรยายสิ้นสุดลงแล้ว ฉันหวังว่าความรู้ที่ได้รับจะเป็นประโยชน์กับคุณ! ในการบรรยายครั้งต่อไป ฉันจะบอกคุณว่าแท็กเก็บอะไร เราจะได้เรียนรู้วิธีดำเนินการจัดการรูปภาพทุกประเภท และทำความคุ้นเคยกับตาราง
เมื่อเขียนบทความนี้ คำอธิบายของแท็กบางส่วนถูกนำมาจากที่นี่