ปุ่มกด
ในการเข้าถึงสมุดที่อยู่
ปุ่มกด
หากต้องการแก้ไขเอกสาร HTML ที่แสดงในหน้าต่าง Internet Explorer ให้ใช้รายการเมนู
"ดู" - "ดูโค้ด HTML"
RGB - รหัสสีแดงเขียนเป็น
RGB - รหัสสีเขียวเขียนเป็น
RGB - รหัสสีน้ำเงินเขียนเป็น
RGB - รหัสสีเทาเขียนเป็น
HTML ช่วยให้คุณสร้าง
แท็กตามคำนิยามคือ
ผู้ประกอบการ
เอกสารเว็บต้องขึ้นต้นด้วยแท็ก
ชื่อของเอกสารบนเว็บถูกเปิดด้วยแท็ก
ชื่อหน้าเว็บขึ้นต้นด้วยแท็ก
เนื้อหาของเอกสารเว็บเริ่มต้นด้วยแท็ก
สัญลักษณ์ถูกสร้างขึ้นโดยแท็ก
ย่อหน้าใหม่ถูกสร้างขึ้นโดยแท็ก
ตัวแบ่งบรรทัดที่สร้างขึ้นโดยแท็ก
รายการประเภท Definition List ถูกสร้างขึ้นโดยแท็ก
ขนาดแบบอักษรเริ่มต้นถูกกำหนดโดยแท็ก
แท็กใช้เพื่อขยายข้อความ
แท็กใช้เพื่อลดข้อความ
แท็กใช้เพื่อสร้างข้อความกะพริบ
ประเภทของแบบอักษรในข้อความถูกกำหนดโดยแท็ก
สีตัวอักษรในข้อความถูกกำหนดโดยแท็ก
ทิศทางการดูในข้อความกำหนดโดยแท็ก
รหัสภาษาสำหรับข้อความระบุแท็ก
ค่าของแอตทริบิวต์ ALIGN ระบุการจัดตำแหน่งไปทางซ้าย
ค่าของแอตทริบิวต์ ALIGN ระบุการจัดตำแหน่งที่ถูกต้อง
ค่าของแอตทริบิวต์ ALIGN จะตั้งค่าการจัดตำแหน่งให้อยู่ตรงกลาง
ค่าของแอตทริบิวต์ ALIGN ตั้งค่าการจัดชิดขอบด้านซ้าย
ในแท็ก TABLE แอตทริบิวต์ UNIT กำหนดหน่วยการวัดในช่องว่าง EN
ในแท็ก TABLE แอตทริบิวต์ UNIT กำหนดหน่วยขนาดเป็นพิกเซล
ในแท็ก TABLE แอตทริบิวต์ UNIT กำหนดหน่วยวัดสำหรับขนาดเป็นเปอร์เซ็นต์
ค่าของแอตทริบิวต์ VALIGN จะตั้งค่าการจัดตำแหน่งของเนื้อหาไปยังเส้นขอบด้านบน
ค่าของแอตทริบิวต์ VALIGN จะกำหนดการจัดแนวเนื้อหาให้ชิดขอบด้านล่าง
ค่าของแอตทริบิวต์ VALIGN จะตั้งค่าการจัดตำแหน่งแนวตั้งให้อยู่กึ่งกลาง
การแทรกรูปภาพใน HTML เขียนเป็น
องค์ประกอบรายการใน HTML เขียนเป็น
ความคิดเห็น HTML ถูกเขียนเป็น
หากไฟล์ส่วนหัวของเว็บเพจมีหนึ่งแท็ก
อย่างน้อย 3 ไฟล์
หากไฟล์ส่วนหัวของเว็บเพจมีแท็กที่ซ้อนกันสองแท็ก
แบ่งเป็น 3 เฟรม
แท็ก ชุด
รายการหมายเลข
แท็ก ชุด
รายการที่ไม่เรียงลำดับ
แท็ก
เซลล์ตาราง
แท็ก
รายการ
แอตทริบิวต์ขนาดอาจมีอยู่
ในแท็ก
อาจมีแอตทริบิวต์ bgcolor
ในแท็ก
ค่าของแอตทริบิวต์ href คือ
URL - ที่อยู่
ข้อใดต่อไปนี้ตรงกับการแสดงรูปภาพพร้อมคำบรรยายด้านล่าง
รูปถ่าย |
ระบุชื่อเฟรมในแอตทริบิวต์แท็กเป้าหมาย
ตั้งค่าแอตทริบิวต์เป้าหมายเป็น _blank
แท็ก ใช้แล้ว
เพื่ออธิบายโครงสร้างและเนื้อหาของไซต์
คุณสามารถโฮสต์เว็บไซต์บนเซิร์ฟเวอร์ได้ฟรี
แบนเนอร์คือ
บีทูบีคือ
รูปแบบอีคอมเมิร์ซของบริษัทธุรกิจซึ่งกันและกัน
บีทูซีคือ
รูปแบบอีคอมเมิร์ซของบริษัทธุรกิจกับผู้บริโภค
ซีทูซีคือ
รูปแบบอีคอมเมิร์ซของบุคคลซึ่งกันและกัน
ลายเซ็นอิเล็กทรอนิกส์คือ
ขั้นตอนการเข้ารหัสพิเศษที่แสดงหลักฐานการเป็นผู้เขียน
พื้นฐานของเงินอิเล็กทรอนิกส์คือ
การเข้ารหัสคีย์สาธารณะ
แบนเนอร์ในแถบเลื่อนแบนเนอร์กำลังเคลื่อนที่
โหลดซ้ำเป็นระยะๆ
การจัดการเอกสารอิเล็กทรอนิกส์ใช้
คอมพิวเตอร์บนเครือข่ายและโปรแกรมพิเศษ
รหัสผ่าน
ลายเซ็นลับยืนยันสิทธิ์
โฮสติ้งสำหรับไซต์ส่วนบุคคล
จ่ายตามกฎที่เจ้าของเซิฟเวอร์กำหนด
ไดเร็กทอรีทรัพยากรอินเทอร์เน็ตนำไปสู่
เซิร์ฟเวอร์ DNS ของโซนราก
มีการประเมินประสิทธิภาพของแบนเนอร์
จำนวนคลิกที่มัน
สิ่งที่ไม่รวมอยู่ในฟังก์ชั่นของเงิน
การถ่ายโอนข้อมูลเจ้าของ
รายการข้อกำหนด
แอคทีฟเอ็กซ์- ชุดเครื่องมือทางเทคนิคและเทคนิคที่เชื่อมต่อเครื่องมือต่างๆ เข้าด้วยกันเป็นชุดเดียวที่ช่วยให้นักพัฒนาเว็บเพจทำได้
ความละเอียด(จุดต่อนิ้ว) - จำนวนจุดต่อนิ้ว หน่วยวัดความละเอียดของอุปกรณ์ต่างๆ (เครื่องพิมพ์ สแกนเนอร์ ฯลฯ)
"ลำดับการหลบหนี"- ลำดับที่สามารถใช้เพื่อเข้ารหัสอักขระที่ไม่รวมอยู่ในตาราง ASCII และรวมอยู่ในคำสั่ง HTML
เอฟทีพี(File Transfer Protocol) คือโปรโตคอลการถ่ายโอนไฟล์ที่ใช้บนอินเทอร์เน็ตเพื่อคัดลอกไฟล์จากเครื่องหนึ่งไปยังอีกเครือข่ายหนึ่ง File Transfer Protocol ใช้เพื่อแลกเปลี่ยนข้อมูลระหว่างคอมพิวเตอร์ผ่านเครือข่าย TCP/IP โปรโตคอลที่ไม่ขึ้นกับแพลตฟอร์มนี้ทำให้คุณสามารถย้ายไฟล์ระหว่างคอมพิวเตอร์ที่มีโปรเซสเซอร์และระบบปฏิบัติการต่างกัน
HTML(ภาษามาร์กอัปข้อความไฮเปอร์ - ภาษามาร์กอัปข้อความไฮเปอร์) ภาษาที่ใช้ในการสร้างเอกสารไฮเปอร์เท็กซ์บนอินเทอร์เน็ต
เอชทีทีพี(Hyper Text Transport Protocol) เป็นโปรโตคอลสำหรับส่งไฟล์ไฮเปอร์เท็กซ์ผ่านอินเทอร์เน็ต หากต้องการใช้งาน โปรแกรมไคลเอนต์ HTTP จะต้องทำงานอยู่ที่ปลายด้านหนึ่งของแชนเนล และต้องติดตั้งเซิร์ฟเวอร์ HTTP ที่ปลายอีกด้าน
ไอพี(Internet Protocol) เป็นโปรโตคอลเครือข่าย TCP/IP หลักที่ให้ข้อมูลที่อยู่และการกำหนดเส้นทาง
ที่อยู่ IP- ที่อยู่จริงเฉพาะของคอมพิวเตอร์ที่เชื่อมต่อกับอินเทอร์เน็ต ประกอบด้วยเลขทศนิยมสี่ตัวคั่นด้วยจุด
ไออาร์ซี(Internet Relay Chat) เป็นบริการอินเทอร์เน็ตยอดนิยมที่ช่วยให้ผู้ใช้สามารถสื่อสารระหว่างกันได้โดยเชื่อมต่อกับเซิร์ฟเวอร์ IRC เดียวกัน การสนทนาดำเนินการตามเวลาจริงโดยการพิมพ์คำสั่งของคุณบนแป้นพิมพ์
โอเล่(การเชื่อมโยงและการฝังวัตถุ) เป็นเทคโนโลยีของ Microsoft ที่ช่วยให้คุณสามารถรวมวัตถุที่สร้างขึ้นในแอปพลิเคชันอื่น (เซิร์ฟเวอร์ OLE) ในเอกสารของแอปพลิเคชันหนึ่ง (ไคลเอนต์ OLE) ด้วยความสามารถในการแก้ไขวัตถุนี้โดยใช้เซิร์ฟเวอร์ OLE
พีซีไอ(การเชื่อมต่อระหว่างอุปกรณ์ต่อพ่วง - การทำงานร่วมกันของส่วนประกอบอุปกรณ์ต่อพ่วง) - บัสคอมพิวเตอร์ส่วนบุคคลที่ให้ประสิทธิภาพและคุณสมบัติขั้นสูงกว่าบัส ISA อย่างมีนัยสำคัญ
ปลั๊กแอนด์เพลย์(Plug and Play) เป็นมาตรฐานสำหรับเมนบอร์ด บัส คอนโทรลเลอร์ และระบบปฏิบัติการที่ช่วยให้คอมพิวเตอร์ส่วนบุคคลสามารถตรวจจับและกำหนดค่าฮาร์ดแวร์ในระบบได้โดยอัตโนมัติ
แชร์แวร์- โปรแกรมเวอร์ชันฟรีที่มีเวลาจำกัดในการทำงานเต็มรูปแบบ
เอสเอ็มทีพี(โปรโตคอลการถ่ายโอนจดหมายอย่างง่าย - โปรโตคอลการถ่ายโอนจดหมายอย่างง่าย) - โปรโตคอลอินเทอร์เน็ตสำหรับการส่งอีเมล
ทีซีพี(Transmission Control Protocol) เป็นโปรโตคอลที่เน้นการเชื่อมต่อซึ่งรับผิดชอบในการจัดรูปแบบข้อมูลใหม่เป็นแพ็กเก็ตและการส่งมอบแพ็กเก็ตเหล่านี้ที่เชื่อถือได้
ทีซีพี/ไอพี- ชุดพื้นฐานของโปรโตคอลอินเทอร์เน็ตที่รับผิดชอบในการแบ่งข้อความต้นฉบับออกเป็นแพ็กเก็ต (TCP) การส่งแพ็กเก็ตไปยังโฮสต์ปลายทาง (IP) และการรวบรวมข้อความต้นฉบับ (TCP)
เทลเน็ต- อินเทอร์เน็ตโปรโตคอลที่อนุญาตให้ผู้ใช้คอมพิวเตอร์เครื่องหนึ่งเชื่อมต่อกับคอมพิวเตอร์ระยะไกลอีกเครื่องหนึ่ง และทำงานกับคอมพิวเตอร์เครื่องนั้นเสมือนอยู่บนคอมพิวเตอร์ของตนเอง รวมถึงการดำเนินการแก้ไข ย้าย ลบ
URL(Uniform Resource Locator - ที่อยู่ทรัพยากรสากล) - วิธีการระบุที่อยู่ของคอมพิวเตอร์ ทรัพยากร และเอกสารบนอินเทอร์เน็ตในเชิงสัญลักษณ์
ยูเอสบี(Universal Serial Bus - บัสอนุกรมสากล) - ฮับที่ให้คุณเชื่อมต่ออุปกรณ์ต่าง ๆ 127 ชิ้นเข้ากับพอร์ตเดียว บัส USB มีขั้วต่อมาตรฐานที่สามารถเชื่อมต่อกับอุปกรณ์ต่อพ่วงทั้งหมดได้
พอร์ทัลเว็บ- เว็บไซต์ที่ให้การเข้าถึงแหล่งข้อมูลทางอินเทอร์เน็ตต่างๆ ผ่านไฮเปอร์ลิงก์จำนวนมากที่จัดระบบและอัปเดตเป็นประจำ
หน้าเว็บ- เอกสารแยกต่างหากที่มีข้อมูลไฮเปอร์เท็กซ์อยู่บนเซิร์ฟเวอร์ ผู้ใช้เครือข่ายสามารถเข้าถึงได้ผ่านบริการ WWW
www(เวิลด์ไวด์เว็บ - World Wide Web) เป็นบริการที่ให้การเข้าถึงทรัพยากรอินเทอร์เน็ตต่างๆ - เอกสาร กราฟิก การบันทึกเสียงและวิดีโอ โดยใช้โปรโตคอล HTTP และภาษา HTML
WYSIWYG(สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ - สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ) - หลักการของความสอดคล้องกันระหว่างภาพบนหน้าจอแสดงผลและเอกสารที่พิมพ์บนเครื่องพิมพ์
ผู้ดูแลระบบ- พนักงานที่ดูแลระบบปฏิบัติการ, ปฏิบัติงานที่เกี่ยวข้องกับการกำหนดค่าและบำรุงรักษาซอฟต์แวร์ระบบของเซิร์ฟเวอร์และเราเตอร์, กระจายทรัพยากรเซิร์ฟเวอร์ระหว่างบริการต่างๆ, บำรุงรักษาฐานข้อมูลเดียวของงบประมาณผู้ใช้, มีส่วนร่วมในการรักษาและส่งเสริมข้อมูลและบริการบริการ, การบูรณาการต่างๆ บริการ .
ที่อยู่- การกำหนดรหัสของจุดเริ่มต้นหรือปลายทางของข้อมูล
เวิร์กสเตชัน(เวิร์กสเตชัน) - คอมพิวเตอร์ส่วนบุคคลที่ติดตั้งซอฟต์แวร์พิเศษ (การบัญชี การออกแบบโดยใช้คอมพิวเตอร์ช่วย)
สถาปัตยกรรม- แนวคิดที่กำหนดแบบจำลอง โครงสร้าง หน้าที่ที่ทำ และความสัมพันธ์ของส่วนประกอบของวัตถุที่ซับซ้อน
การรับรองความถูกต้อง (การรับรองความถูกต้อง) - การสร้างความถูกต้องความน่าเชื่อถือของบางสิ่ง (วัตถุหรือเรื่อง) การรับรองความถูกต้องเป็นองค์ประกอบสำคัญของเทคโนโลยีความปลอดภัยเครือข่าย
ฐานข้อมูลเป็นการรวบรวมข้อมูลที่มีโครงสร้างตามชื่อสาขาวิชาเฉพาะ
แบนเนอร์ (แบนเนอร์) - รูปภาพแบบไดนามิกและสว่างบนหน้าเว็บที่โฆษณาบางอย่าง
เบราว์เซอร์ (เบราว์เซอร์) เป็นโปรแกรมไคลเอนต์ที่อำนวยความสะดวกในกระบวนการย้ายระหว่างโหนดของเครือข่ายทั่วโลก การแสดง ค้นหา รวบรวม และจัดเก็บข้อมูล คำนี้มาจากคำภาษาอังกฤษ "browse" - เพื่อดู
ไฮเปอร์ลิงก์ (การเชื่อมโยงหลายมิติ) เป็นไฮเปอร์เท็กซ์แฟรกเมนต์ที่เลือกมาเป็นพิเศษซึ่งมีตัวชี้ไปยังเซิร์ฟเวอร์ ไซต์ เอกสาร หรือแฟรกเมนต์เอกสารอื่น ซึ่งผู้ใช้มองไม่เห็น การเปลี่ยนไปใช้ทรัพยากรอื่นเกิดขึ้นเมื่อคุณคลิกที่ไฮเปอร์ลิงก์ เมื่อกดปุ่มไฮเปอร์ลิงก์ เคอร์เซอร์จะอยู่ในรูปฝ่ามือชี้
ไฮเปอร์เท็กซ์ (ไฮเปอร์เท็กซ์) เป็นรูปแบบเอกสารที่นอกเหนือจากข้อความแล้ว อาจมีลิงก์ไปยังเอกสารไฮเปอร์เท็กซ์ รูปภาพ เพลง และไฟล์อื่นๆ
เครือข่ายทั่วโลก (วาน, Wide Area Network) - ชุดของเครือข่ายที่เชื่อมต่อซึ่งใช้เครื่องมือสื่อสารของบุคคลที่สามสำหรับการสื่อสารระหว่างเครือข่าย
การกระจาย- โปรแกรมที่ออกแบบมาสำหรับการติดตั้งแอปพลิเคชันครั้งแรก
โดเมน- กลุ่มเซิร์ฟเวอร์ที่ตั้งอยู่ในพื้นที่เดียวกัน องค์กร อาคาร ชั้น แผนก
การป้องกันข้อมูลจากการเข้าถึงโดยไม่ได้รับอนุญาตและการปรับเปลี่ยน - ความแตกต่างของอำนาจการทำงานและการเข้าถึงข้อมูลเพื่อรักษาความลับ ความสมบูรณ์ และความพร้อมใช้งาน
กระจกเงา- เซิร์ฟเวอร์ที่เป็นสำเนาของเซิร์ฟเวอร์ยอดนิยมอื่น แต่อยู่ไกล ใช้เพื่อลดภาระของเครือข่ายและเพิ่มความเร็วในการถ่ายโอนข้อมูล เนื้อหาของมิเรอร์ได้รับการอัปเดตเป็นระยะ
บัตรประจำตัว- กระบวนการระบุวัตถุ (เครือข่าย, ผู้ใช้, ระบบ, ช่องสัญญาณ, อุปกรณ์, โปรแกรม, กระบวนการ) กับหนึ่งในวัตถุที่รู้จัก
การห่อหุ้ม- การซ้อนแพ็กเก็ตข้อมูลเข้าด้วยกัน
อินเทอร์เน็ต- เครือข่ายคอมพิวเตอร์ทั่วโลกที่รวมเครือข่าย เกตเวย์ เซิร์ฟเวอร์ และคอมพิวเตอร์ที่ใช้โปรโตคอลชุดเดียวในการสื่อสาร
อินเตอร์เฟซ (อินเตอร์เฟซ) - การเชื่อมต่อของอุปกรณ์สองเครื่องหรือสภาพแวดล้อมที่กำหนดโดยลักษณะทางกายภาพของตัวเชื่อมต่อ พารามิเตอร์สัญญาณ และความหมาย
ระบบข้อมูล- ชุดเอกสารที่สั่งโดยองค์กร อาร์เรย์ของเอกสารและเทคโนโลยีสารสนเทศที่ใช้กระบวนการข้อมูล นิยามอื่นก็ได้ ระบบสารสนเทศ - ชุดข้อมูล (ฐานข้อมูลหรือฐานความรู้) และเครื่องมือฮาร์ดแวร์และซอฟต์แวร์ที่ออกแบบมาเพื่อประมวลผลข้อมูลโดยอัตโนมัติ (ค้นหา จัดเรียง) แก้ปัญหาเฉพาะสำหรับระบบผู้เชี่ยวชาญ มี IS ข้อเท็จจริง (เช่น ข้อเท็จจริงเกี่ยวกับพนักงานของสถาบัน) และ IS สารคดี (ชุดบทความ หนังสือ ภาพวาด)
สังคมสารสนเทศเป็นสังคมที่ประชากรวัยทำงานส่วนใหญ่มีส่วนร่วมในการรับ เปลี่ยนแปลง ขนส่ง และจัดเก็บข้อมูล
ระบบค้นคืนสารสนเทศเป็นสภาพแวดล้อมของคอมพิวเตอร์ประยุกต์สำหรับการประมวลผล การจัดเก็บ การเรียงลำดับ การกรอง และการค้นหาอาร์เรย์ขนาดใหญ่ของข้อมูลที่มีโครงสร้าง
เทคโนโลยีสารสนเทศประยุกต์ - เทคโนโลยีที่ใช้ซอฟต์แวร์ประยุกต์
ข้อมูล- นี่คือข้อมูลที่ขจัดความไม่แน่นอนเกี่ยวกับโลกรอบตัว ซึ่งเป็นเป้าหมายของการจัดเก็บ การเปลี่ยนแปลง การถ่ายโอน และการใช้งาน
ช่องวิธีการหรือเส้นทางที่ส่งสัญญาณหรือข้อมูล
กลุ่ม- หน่วยขั้นต่ำของการจัดสรรข้อมูลบนดิสก์ประกอบด้วยเซกเตอร์ที่อยู่ติดกันอย่างน้อยหนึ่งเซกเตอร์
ลูกค้าคอมพิวเตอร์บนเครือข่ายที่ร้องขอทรัพยากรหรือบริการจากคอมพิวเตอร์เครื่องอื่นบนเครือข่าย
ลูกค้าเซิร์ฟเวอร์- แนวคิดของเครือข่ายที่ทรัพยากรจำนวนมาก (ฐานข้อมูล ไฟล์ อุปกรณ์จัดเก็บข้อมูล อุปกรณ์ภายนอก) มีความเข้มข้นในเซิร์ฟเวอร์ที่ให้บริการไคลเอนต์
ไวรัสคอมพิวเตอร์- โปรแกรมขนาดเล็กที่สร้างขึ้นเป็นพิเศษซึ่งสามารถเข้าร่วมโปรแกรมอื่น เพิ่มจำนวน (สร้างสำเนาของตัวเอง) และดำเนินการที่ไม่ต้องการ
การเข้ารหัส (การเข้ารหัส) เป็นวิทยาศาสตร์ที่พัฒนาวิธีการเข้ารหัส - การแปลงที่ทำให้ข้อความไม่สามารถอ่านได้และยากที่จะเปิดเผยโดยไม่ทราบรหัสลับ
เครือข่ายท้องถิ่น (แลน, Local Area Network) - เครือข่ายภายในองค์กร สถาบัน องค์กรเดียว
ตัวอักษรละติน #1(ละติน-1)- ISO 8859/1 ชุดอักขระไบต์เดี่ยว 8 บิต
มาโคร- ลำดับของคำสั่งต่าง ๆ ที่เรียกโดยการกดปุ่มเดียว มาโครถูกใช้เพื่อดำเนินการซ้ำๆ โดยอัตโนมัติ
เส้นทาง- ลำดับของโหนดเครือข่ายที่ส่งข้อมูลจากต้นทางไปยังผู้รับ
เราเตอร์ (เราเตอร์) - อุปกรณ์เครือข่ายมาตรฐานที่ทำงานในระดับเครือข่ายและอนุญาตให้คุณส่งต่อและกำหนดเส้นทางแพ็กเก็ตจากเครือข่ายหนึ่งไปยังอีกเครือข่ายหนึ่ง ตลอดจนกรองข้อความออกอากาศ
การกำหนดเส้นทาง (การกำหนดเส้นทาง) - กระบวนการกำหนดเส้นทางในเครือข่ายที่บล็อกข้อมูลสามารถเข้าถึงปลายทางได้ การกำหนดเส้นทางให้การแปลงที่อยู่ของวัตถุปลายทางเป็นรายการของช่องทางที่บล็อกข้อมูลนี้จะดำเนินการต่อไปยังผู้รับ
ผู้เชี่ยวชาญ- โปรแกรมพิเศษที่ใช้กล่องโต้ตอบหลายกล่องช่วยในการดำเนินการบางอย่าง
เมนบอร์ด (เมนบอร์ด) เป็นองค์ประกอบอิสระของคอมพิวเตอร์ที่ควบคุมการสื่อสารภายในและโต้ตอบกับอุปกรณ์ภายนอกโดยใช้ระบบขัดจังหวะ
ไฟร์วอลล์ (ไฟร์วอลล์, ไฟร์วอลล์) เป็นเครื่องมือฮาร์ดแวร์และซอฟต์แวร์ที่ป้องกันการเข้าถึงเครือข่ายที่ได้รับการป้องกันโดยไม่ได้รับอนุญาต
โมเด็ม (โมเด็ม) - อุปกรณ์ที่แปลงข้อมูลคอมพิวเตอร์ดิจิทัลเป็นสัญญาณที่ส่งผ่านสายโทรศัพท์ และในทางกลับกัน
โมเด็มเสียง– โมเด็มที่ทำงานผ่านช่องทางการสื่อสารทางโทรศัพท์เฉพาะหรือแบบ Dial-Up ที่มีอัตราการถ่ายโอนข้อมูลจาก 300 บิต/วินาที ถึง 52,000 บิต/วินาที
โมเด็มบรอดแบนด์– โมเด็มที่มีช่วงความถี่และอัตราการถ่ายโอนข้อมูลที่ใหญ่กว่าโมเด็มเสียง
มัลติมีเดีย- เครื่องมือแบบอินเทอร์แอกทีฟที่ช่วยให้คุณดำเนินการกับภาพนิ่ง วิดีโอ ภาพกราฟิกเคลื่อนไหว ข้อความ คำพูดและเสียงได้พร้อมกัน
แกะ (แกะ, หน่วยความจำเข้าถึงโดยสุ่ม - หน่วยความจำเข้าถึงโดยสุ่ม) - อุปกรณ์หน่วยความจำลบเลือนของคอมพิวเตอร์บนชิปสำหรับบันทึก อ่าน และจัดเก็บข้อมูล
ระบบปฏิบัติการ (ระบบปฏิบัติการ- ระบบปฏิบัติการ) คือชุดของโปรแกรมที่ให้การควบคุมคอมพิวเตอร์และการโต้ตอบกับผู้ใช้
แพ็คเกจข้อมูล(ชุดข้อมูล) เป็นบล็อกของข้อมูลที่ประมวลผลโดยโปรแกรมเครือข่ายโดยรวม
โฟลเดอร์- วัตถุของระบบปฏิบัติการ Windows ซึ่งเป็นคอนเทนเนอร์ที่สามารถมีโฟลเดอร์ โปรแกรม แอปพลิเคชัน เอกสาร และทางลัดอื่น ๆ เงื่อนไขที่เทียบเท่าในระบบปฏิบัติการ MS-DOS คือไดเร็กทอรีเงื่อนไขและไดเร็กทอรี
รหัสผ่าน- สัญญาณลับที่ยืนยันสิทธิ์ของผู้ใช้หรือโปรแกรมแอปพลิเคชันในการใช้ทรัพยากรบางอย่าง
อุปกรณ์ต่อพ่วง (อุปกรณ์ต่อพ่วง) - ส่วนประกอบฮาร์ดแวร์ในคอมพิวเตอร์ที่โต้ตอบกับสภาพแวดล้อมภายนอก
พิกเซล- จุดพื้นฐานของภาพบนหน้าจอแสดงผล
รูปสัญลักษณ์- การแสดงกราฟิกขนาดกะทัดรัดบนหน้าจอของโปรแกรม เอกสาร ไฟล์ โฟลเดอร์ ฯลฯ คำพ้องความหมายเกือบทั้งหมดคือ: ไอคอน, ไอคอน
เครื่องมือค้นหา- โปรแกรมที่ใช้บนเว็บไซต์เพื่อค้นหาข้อมูล
ค้นหาโหนด(หน้าค้นหา) - หน้าเว็บที่ให้คุณค้นหาข้อมูล
ผู้ใช้ (ผู้ใช้) คือบุคคลที่ใช้คอมพิวเตอร์ในการแก้ปัญหาประยุกต์บางอย่าง
ตู้จดหมาย– พื้นที่ของฮาร์ดดิสก์บนเมลเซิร์ฟเวอร์ที่มีไว้สำหรับเขียนจดหมาย เจ้าของกล่องจดหมายสามารถใช้โปรแกรมไคลเอนต์พิเศษเพื่อดู คัดลอก ย้าย ลบเนื้อหาของกล่องจดหมาย กล่องจดหมายถูกกำหนดที่อยู่อีเมลที่ไม่ซ้ำกัน ซึ่งทำให้กล่องจดหมายแต่ละกล่องสามารถแยกความแตกต่างจากกล่องจดหมายอื่นได้
พร็อกซีเซิร์ฟเวอร์- คอมพิวเตอร์ที่ใช้เพื่อลดภาระเครือข่ายและเพิ่มประสิทธิภาพ
มาตรการ- มาตรฐานที่กำหนดลักษณะการทำงานของบล็อกฟังก์ชันระหว่างการถ่ายโอนข้อมูล
สถานีงาน- ระบบสมาชิกที่เชี่ยวชาญในการแก้ปัญหาบางอย่างของผู้ใช้
ความกว้างบิตบัส (ความกว้างของรถบัส) คือจำนวนบิตที่ส่งพร้อมกันบนบัส
ฐานข้อมูลแบบกระจาย - ฐานข้อมูลซึ่งมีเนื้อหาอยู่ในระบบสมาชิกหลายระบบของเครือข่าย
เครือข่ายภูมิภาค (ผู้ชาย, Metropolitan Area Network) เป็นเครือข่ายที่ใช้เทคโนโลยีเครือข่ายบริเวณกว้างและเชื่อมต่อเครือข่ายท้องถิ่นภายในพื้นที่ทางภูมิศาสตร์ที่เฉพาะเจาะจง เช่น เมือง
ความเกี่ยวข้อง- ระดับความสอดคล้องของข้อมูลที่เลือกด้วยเกณฑ์การค้นหา
เว็บไซต์- ชุดของหน้าเว็บที่เกี่ยวข้องกันและอยู่บนเซิร์ฟเวอร์เดียวกัน
เซิร์ฟเวอร์ (เซิร์ฟเวอร์) - 1. โปรแกรมที่ให้โอกาสในการใช้ความสามารถ (ทรัพยากร) กับโปรแกรมอื่น - ลูกค้า 2. คอมพิวเตอร์ที่ให้บริการกับคอมพิวเตอร์เครื่องอื่น - ลูกค้า
ซอฟต์แวร์เซิร์ฟเวอร์ (ซอฟต์แวร์เครือข่ายเซิร์ฟเวอร์) เป็นซอฟต์แวร์ประเภทหนึ่งที่พัฒนาขึ้นสำหรับเซิร์ฟเวอร์ซึ่งจัดเตรียมพื้นที่จัดเก็บทรัพยากรสำหรับการเข้าถึงไคลเอนต์
แอปพลิเคชั่นเครือข่าย (แอปพลิเคชั่นเครือข่าย) เป็นโปรแกรมขั้นสูงที่พร้อมใช้งานผ่านระบบสื่อสารของเครือข่าย
เครือข่ายเพียร์ทูเพียร์ (เครือข่ายเพียร์ทูเพียร์) เป็นเครือข่ายประเภทหนึ่งที่คอมพิวเตอร์แต่ละเครื่องสามารถเป็นไคลเอ็นต์ไปยังคอมพิวเตอร์เครื่องอื่นได้ และยังทำหน้าที่เป็นเซิร์ฟเวอร์อีกด้วย
เครือข่ายเซิร์ฟเวอร์เฉพาะ (เครือข่ายที่ใช้เซิร์ฟเวอร์) เป็นเครือข่ายประเภทหนึ่งที่จำเป็นต้องมีเซิร์ฟเวอร์ทั้งเพื่อให้บริการและทรัพยากร และเพื่อควบคุมการเข้าถึงบริการและทรัพยากรเหล่านี้
สคริปต์- ชุดคำสั่งขนาดเล็ก (โปรแกรมหรือมาโคร) ที่ใช้ในการทำงานเฉพาะอย่าง ภาษาที่ใช้บ่อยที่สุดสำหรับการเขียนสคริปต์คือ Java, Visual Basic, JavaScript และ Perl
การจราจร- โหลด, การแลกเปลี่ยนข้อมูล, การไหลของข้อความ
ซีพียู (ซีพียู, หน่วยประมวลผลกลาง) - อุปกรณ์กลางของคอมพิวเตอร์ที่ดำเนินการประมวลผลข้อมูลและควบคุมอุปกรณ์ต่อพ่วงของคอมพิวเตอร์
ชิปเซ็ต (ชิปเซ็ต) - ชุดชิปที่ติดตั้งบนเมนบอร์ด
ยาง (รสบัส) - ชุดตัวนำแบบขนานเฉพาะในคอมพิวเตอร์ส่วนบุคคลที่ทำหน้าที่ย้ายข้อมูลระหว่างหน่วยประมวลผลกลางและอุปกรณ์ต่อพ่วง
ประตู (ประตู) เป็นโหนดเฉพาะซอฟต์แวร์ที่เชื่อมต่อกับเครือข่ายที่เข้ากันไม่ได้ แปลงข้อมูลเพื่อให้เครือข่ายทำงานร่วมกันได้
อีเมล (อีเมล) - บริการสำหรับส่งและรับข้อความหรือไฟล์ไบนารีเป็นไฟล์แนบจากคอมพิวเตอร์ของผู้ใช้เครื่องหนึ่งไปยังคอมพิวเตอร์ของผู้ใช้อีกเครื่องหนึ่งโดยใช้อินเทอร์เน็ต
สวัสดีผู้อ่านที่รักของเว็บไซต์บล็อก วันนี้เรายังคงศึกษาต่อไป และเรายังคงสอดคล้องกับคุณสมบัติการตกแต่งข้อความ การจัดแนวแนวตั้ง การจัดแนวข้อความ เยื้องข้อความ และอื่น ๆ อีกมากมายที่ช่วยกำหนดลักษณะที่ปรากฏของข้อความในโค้ด Html
ในบทความที่แล้ว เราดูคุณสมบัติที่มีไว้สำหรับปรับแต่งรูปลักษณ์ของฟอนต์เมื่อ
ก่อนหน้านี้ เราได้ตรวจสอบทุกประเภทโดยละเอียด เรียนรู้วิธีการจัดกลุ่มและลำดับความสำคัญที่เบราว์เซอร์กำหนดเมื่อตีความ จริงอยู่ ทั้งหมดนี้ถูกแบ่งออกเป็นหลายบทความ ดังนั้นเพื่อไม่ให้สับสน ฉันแนะนำให้คุณศึกษาเนื้อหาตามลำดับที่กำหนด
ตกแต่งข้อความ จัดข้อความ เยื้องข้อความใน CSS
วิธีทำงานกับข้อความใน CSS มีเหตุผลที่จะสันนิษฐานว่ามีกฎที่ออกแบบมาเป็นพิเศษสำหรับจุดประสงค์นี้ เรามาเริ่มกันที่ text-align ซึ่งเป็นการแทนที่แอตทริบิวต์ align (ใช้เพื่อจัดแนวเนื้อหา เช่น ย่อหน้า P หรือส่วนหัว)
มีค่าที่เป็นไปได้เพียงสี่ค่า:
ความหมายยังคงเหมือนเดิม จัดข้อความคือการจัดแนวเส้นในแนวนอน กฎนี้ใช้กับองค์ประกอบของบล็อกเท่านั้น (ย่อหน้า หัวเรื่อง ฯลฯ) เช่น แท็กที่สามารถปรากฏได้หลายบรรทัด เพราะ สามารถมีได้เพียงบรรทัดเดียวในองค์ประกอบแบบอินไลน์ จึงไม่มีจุดพิเศษในการใช้การจัดข้อความในองค์ประกอบเหล่านั้น
เป็นที่ชัดเจนว่าค่าของกฎนี้หมายถึงการจัดตำแหน่งตามลำดับ: ซ้าย (ซ้าย), ขวา (ขวา), กึ่งกลาง (กึ่งกลาง) และความกว้างของหน้า (ชิดขอบ - ทั้งซ้ายและขวาโดยเพิ่มระยะห่างระหว่างคำ) . ไม่ต้องบอกก็รู้ว่าควรใช้ค่า Justify สำหรับองค์ประกอบที่มีข้อความอย่างน้อย 2-3 บรรทัด มิฉะนั้นจะไม่เห็นผลจากสิ่งนี้
ตัวอย่างเช่น ฉันปรับย่อหน้าก่อนหน้า (คุณจะเห็นว่ามีขอบเท่ากันทั้งด้านซ้ายและขวา) โดยใช้:
text-align:justify;
ตามค่าเริ่มต้น ข้อความจะจัดชิดซ้ายในแนวนอน เช่น คุณไม่จำเป็นต้องเขียน text-align:left โดยเฉพาะ เว้นแต่ว่าคุณได้ระบุการจัดตำแหน่งอื่นไว้ก่อนหน้านี้ อย่างไรก็ตาม ฉันจัดย่อหน้านี้ให้อยู่กึ่งกลาง (กึ่งกลาง) อีกครั้งเพื่อเป็นตัวอย่างที่ดี แต่ที่นี่ ฉันคิดว่าทุกอย่างชัดเจนอยู่แล้ว
กฎ css ถัดไป เยื้องข้อความให้คุณตั้งค่าเส้นสีแดง ตัวอย่างเช่น สำหรับข้อความในแท็กย่อหน้า P การเยื้องของเส้นสีแดงสามารถตั้งค่าได้โดยการระบุค่า (ทั้งที่มีเครื่องหมายบวกและเครื่องหมายลบ โดยใช้ ) หรือใช้เปอร์เซ็นต์ :
เปอร์เซ็นต์จากการเยื้องข้อความคืออะไร จากความกว้างของพื้นที่ที่สงวนไว้สำหรับข้อความ เหล่านั้น. กฎ css text-indent:50% จะตั้งค่าเส้นสีแดงเป็นครึ่งหนึ่งของความยาวของบรรทัดนั้น ย่อหน้านี้เป็นเพียงตัวอย่างของกฎดังกล่าว
ตัวอย่างเช่น คุณสามารถตั้งค่าลบสำหรับเส้นสีแดงในการเยื้องข้อความ จากนั้นเราจะได้สิ่งที่คุณเห็นในย่อหน้านี้ เพื่อให้ได้ผลลัพธ์นี้ ฉันเขียนกฎ CSS ต่อไปนี้สำหรับแท็กย่อหน้า P:
เยื้องข้อความ:-1em;
การใช้การเยื้องข้อความโดยทั่วไป (เพื่อกำหนดเส้นสีแดงมาตรฐาน) อาจมีลักษณะดังนี้: text-indent:40px; (โดยวิธีการใช้กับย่อหน้านี้) กฎนี้ เช่นเดียวกับการจัดตำแหน่งข้อความที่กล่าวถึงก่อนหน้านี้ ใช้กับองค์ประกอบบล็อกเท่านั้น, เช่น. ซึ่งอาจปรากฏขึ้นหลายบรรทัด (ย่อหน้า หัวเรื่อง ฯลฯ)
ตอนนี้เรามาต่อกันที่ การตกแต่งข้อความ(การตกแต่งโดยใช้เส้นแนวนอน) ซึ่งใช้กับองค์ประกอบ Html ทั้งหมดแล้ว (ทั้งแบบอินไลน์และบล็อก)
สามารถมีความหมายได้สี่ประการเท่านั้น:
เหล่านั้น. สามารถใช้กับการตกแต่งข้อความ: overline (โอเวอร์ไลน์) ขีดทับ (line-through) หรือ underline (ขีดเส้นใต้) อืม หรือไม่ใช้อะไรเลย (none) องค์ประกอบ Html บางอย่างมีเส้นแนวนอนตามค่าเริ่มต้นอยู่แล้ว เช่น (เส้นเหล่านี้จะถูกขีดเส้นใต้ตามค่าเริ่มต้น)
ดังนั้นการเน้นสิ่งอื่นด้วยการขีดเส้นใต้ (ยกเว้นไฮเปอร์ลิงก์) นั้นไม่ดี เนื่องจากผู้ใช้มีบันทึกในจิตใต้สำนึกว่าเมื่อขีดเส้นใต้แล้ว (และเน้นด้วยสีด้วย) คุณจึงคลิกเพื่อไปต่อได้ แต่ด้วยการขีดเส้นใต้ข้อความธรรมดา คุณกำลังทำให้ผู้ใช้เข้าใจผิดและผิดหวังกับทรัพยากรของคุณในภายหลัง (เขาคิดอย่างนั้น แต่กลายเป็น ...)
ข้อแตกต่างในการใช้กฎการตกแต่งข้อความ Css คือสามารถเขียนค่าสาม (หรือสอง) ค่าพร้อมกันสำหรับองค์ประกอบ Html ใด ๆ (ละเว้นไม่มี) และด้วยเหตุนี้คุณจะได้รับ ขีดเส้นใต้-ขีดเส้นใต้-ขีดทับข้อความ(ฟังดูเท่ใช่ไหมล่ะ):
การตกแต่งข้อความ:ขีดเส้นใต้ ขีดเส้นใต้ บรรทัดผ่าน;
ต้องเขียนค่าสำหรับการตกแต่งข้อความ (ถ้าคุณต้องการใช้หลายค่าพร้อมกัน) ผ่านอักขระช่องว่าง.
การจัดตำแหน่งแนวตั้ง - การจัดตำแหน่งแนวตั้ง
ต่อไปเรามีการจัดตำแหน่งแนวตั้ง - การจัดตำแหน่งแนวตั้ง สำหรับองค์ประกอบเกือบทั้งหมดในโค้ด Html หมายถึงการจัดองค์ประกอบแบบอินไลน์ด้วยข้อความที่สัมพันธ์กับบรรทัดฐาน จริงสำหรับสิ่งนี้หมายความว่าแตกต่างกันเล็กน้อย - เนื้อหาทั้งหมดที่อยู่ในเซลล์เหล่านี้จะจัดแนวในแนวตั้ง
สำหรับกฎการจัดแนวแนวตั้ง Css คุณสามารถใช้ค่าต่อไปนี้:
แถวจะถูกจัดชิดกับเส้นฐานโดยค่าเริ่มต้น ดูสิฉันสมัครแล้ว ในส่วนนี้ของข้อความให้เพิ่มแบบอักษรและชิ้นส่วนทั้งสองนี้อยู่ในแนวเดียวกันบนเส้นฐาน (ด้านล่าง) และการจัดแนวตั้งด้วยการจัดแนวตั้งเป็นเพียงการเปลี่ยนวิธีการจัดแนวเส้น
ตัวอย่างเช่น ถ้าฉันเขียน vertical-align:baseline สำหรับข้อความเดียวกันที่ขยายใหญ่ขึ้น ก็จะไม่เกิดการเปลี่ยนแปลงใดๆ เนื่องจาก ค่าพื้นฐานใช้สำหรับกฎ Css เริ่มต้นนี้
อย่างไรก็ตาม ตัวเลขยังสามารถใช้เป็นค่าได้ และ vertical-align:0 จะมีความหมายเหมือนกับ vertical-align:baseline เช่น ค่าของเส้นฐานจะเท่ากับศูนย์ ดังนั้น หากเราต้องการระบุการเปลี่ยนแปลงใด ๆ ในการจัดตำแหน่งแนวตั้ง การเปลี่ยนแปลงนี้จะถูกระบุโดยสัมพันธ์กับเส้นฐาน (หรือศูนย์)
คุณสามารถเขียนแบบนี้:
จัดแนวตั้ง: 10px;
และเราได้รับ เปลี่ยนส่วนย่อยด้วยแบบอักษรที่ขยายใหญ่ขึ้น 10 พิกเซลจากเส้นฐาน ถ้าเราเขียนค่าลบ:
จัดแนวตั้ง:-10px;
จากนั้นเราจะได้รับ เลื่อนส่วนย่อยลงเทียบกับพื้นฐาน จะเห็นได้จากตัวอย่างที่เกิดจากการเลื่อน ความสูงของบรรทัดจึงเพิ่มขึ้นเพื่อให้ข้อความพอดีโดยไม่ชนกับบรรทัดที่อยู่ติดกัน การเปลี่ยนแปลงยังสามารถตั้งค่าใน Em และ Ex เช่นเดียวกับเปอร์เซ็นต์ซึ่งจะคำนวณจากความสูงของเส้นขององค์ประกอบนี้ (โปรดจำไว้ว่าในบทความที่แล้วเราได้เรียนรู้วิธีตั้งค่าโดยใช้ )
ในการจัดแนวเนื้อหาของเซลล์ตารางในแนวตั้งให้ใช้ค่าด้านบนและด้านล่างเพื่อรับด้านบนและด้านล่างของเซลล์ตามลำดับ (ตรงกลางในเซลล์ตารางใช้เป็นค่าการจัดแนวแนวตั้งเริ่มต้น)
และสำหรับองค์ประกอบแบบอักษร คุณสามารถใช้ข้อความด้านบน ข้อความด้านล่าง ตรงกลาง ลองใช้ตัวอย่างสำหรับ ข้อความชิ้นนี้ความหมาย:
จัดแนวตั้ง:กลาง;
เกิดอะไรขึ้นเป็นผล? เส้นตรงกลางของส่วนที่ขยายถูกจัดชิดกับเส้นฐานของข้อความธรรมดา นั่นคือ เราได้การจัดตำแหน่งแนวตั้งบนเส้นกึ่งกลาง สำหรับข้อความด้านบนและข้อความด้านล่างทุกอย่างจะเหมือนกัน ชอบ text-top และ like text-bottom
ค่า sub-align ในแนวตั้งและค่า super Css ตรงกับค่า sub- และ superindex ที่ควรจะเป็นใน Html บริสุทธิ์ (ก่อนที่จะใช้คุณสมบัติ CSS สำหรับการจัดรูปแบบภาพ)
แปลงข้อความ เว้นวรรคตัวอักษร เว้นวรรคคำ และเว้นวรรค
ไม่มี ใช้เป็นค่าเริ่มต้นและหมายความว่าอักขระในข้อความจะไม่เปลี่ยนแปลงในทางใดทางหนึ่ง - ตามที่เขียนใน Html จะแสดง ค่าตัวพิมพ์ใหญ่สำหรับการแปลงข้อความจะแปลงตัวอักษรทั้งหมดของส่วนย่อยเป็นตัวพิมพ์ใหญ่ ( ตัวอย่างแสดงในประโยคนี้ซึ่งใช้กฎ text-transform:uppercase และเดิมทีตัวอักษรเขียนด้วยตัวพิมพ์เล็ก)
ค่าตัวพิมพ์เล็กสำหรับกฎการแปลงข้อความ Css จะช่วยให้คุณสามารถแปลงอักขระทั้งหมดของส่วนย่อยเป็นตัวพิมพ์เล็กได้ ค่าตัวพิมพ์ใหญ่จะทำให้ตัวอักษรตัวแรกทั้งหมดของคำเป็นตัวพิมพ์ใหญ่ ( ตัวอย่างในประโยคนี้- การแปลงข้อความ: พิมพ์ใหญ่) เหล่านั้น. ด้วยการแปลงข้อความ คุณสามารถทำอะไรก็ได้กับข้อความธรรมดา แล้วคืนค่าทุกอย่างกลับคืนอย่างง่ายดาย
ดังนั้น หากคุณมีหน้าที่ทำให้หัวเรื่องทั้งหมดเขียนด้วยตัวพิมพ์ใหญ่เท่านั้น ให้เขียนเป็น Html ตามปกติ และทำให้เป็นตัวพิมพ์ใหญ่ใน CSS ผ่านการแปลงข้อความ: ตัวพิมพ์ใหญ่ จากนั้น หากคุณตัดสินใจที่จะเปลี่ยนบางอย่างกลับ ก็เพียงพอแล้วที่จะทำการเปลี่ยนแปลงเพียงเล็กน้อยในรูปแบบ ไม่ใช่ในเนื้อหาของหัวข้อทั้งหมด 100,500 รายการบนไซต์ของคุณ
ตามค่าเริ่มต้น ทั้งระยะห่างระหว่างตัวอักษรและการเว้นวรรคระหว่างคำจะถูกตั้งค่าเป็น Normal หรือเท่ากับศูนย์ (กล่าวคือ การเว้นวรรคระหว่างอักขระและคำจะไม่เปลี่ยนแปลงแต่อย่างใด) ขนาดของการเปลี่ยนแปลงระยะทางในกฎเหล่านี้สามารถระบุเป็นพิกเซล หรือ Em หรือ Ex เท่านั้น แต่ไม่สามารถระบุเป็นเปอร์เซ็นต์ได้
อย่างไรก็ตามสามารถใช้ทั้งค่าบวก (อักขระหรือคำกระจัดกระจาย) และค่าลบ (การบรรจบกันของอักขระหรือคำ) ตัวอย่างเช่น คุณสามารถ "แบบนี้ แบ่งตัวอักษรในวลีนี้ให้เบาบาง"ด้วยกฎ css ต่อไปนี้:
ระยะห่างตัวอักษร:0.4em;
หรือเป็นไปได้ “นี่คือวิธีการรวมตัวละครเข้าด้วยกันในวลีนี้”โดยใช้:
ระยะห่างระหว่างตัวอักษร:-1px;
เช่นเดียวกับการเว้นวรรคคำที่มีความแตกต่างเพียงข้อเดียว ซึ่งในกรณีนี้ ระยะห่างระหว่างคำจะเปลี่ยนไปแล้ว ตัวอย่างเช่นในวลีนี้ด้วยความช่วยเหลือของการสร้าง CSS:
ระยะห่างระหว่างคำ:4em;
ในทำนองเดียวกัน คุณสามารถใช้ค่าลบในการเว้นวรรคคำเพื่อลดระยะห่างระหว่างคำ
กฎ Css สุดท้ายสำหรับวันนี้ ซึ่งอนุญาตให้คุณจัดรูปแบบข้อความในโค้ด Html ได้ด้วยวิธีหนึ่งคือ พื้นที่สีขาว. มีหน้าที่แสดงอักขระช่องว่างบนหน้าเว็บที่เกิดขึ้นเมื่อเขียนโค้ด Html
ดังที่คุณจำได้จากบทความเกี่ยวกับ เมื่อแยกวิเคราะห์โค้ด เบราว์เซอร์จะรวมช่องว่างทั้งหมด ตัวแบ่งบรรทัดและแท็บไว้ในช่องว่างเดียว และตัดบรรทัดบนหน้าเว็บตามอักขระช่องว่างที่เกิดขึ้นในโค้ดทุกประการ
ดังนั้น white space สามารถรับค่าใดค่าหนึ่งจากสามค่า:
เป็นที่ชัดเจนว่าค่าเริ่มต้นคือปกติ และในกรณีนี้ทุกอย่างจะแสดงตามที่ฉันอธิบายไว้ข้างต้น แต่เมื่อใช้ค่า Pre เราจะเปรียบเทียบได้อย่างสมบูรณ์กับการใช้ เช่น บนหน้าเว็บ ข้อความจะแสดงพร้อมกับอักขระช่องว่างพิเศษทั้งหมดที่เกิดขึ้นเมื่อเขียนโค้ด และเบราว์เซอร์จะไม่สามารถใส่ยัติภังค์ได้
ก็ความหมาย ตอนนี้แร็พเพียงป้องกันไม่ให้เบราว์เซอร์ตัดอักขระช่องว่างที่พบในแฟรกเมนต์ด้วยกฎ white-space:nowrap CSS คุณสามารถทดลองวิธีการทำงานทั้งหมดด้วยตัวคุณเองโดยสร้างไฟล์ Html ง่ายๆ และใส่ข้อความใดๆ ในแท็กที่คล้ายกัน:
ขอให้โชคดี! พบกันเร็ว ๆ นี้ในเว็บไซต์บล็อกหน้า
คุณอาจจะสนใจ
สไตล์รายการ (ประเภท รูปภาพ ตำแหน่ง) - กฎ Css สำหรับปรับแต่งลักษณะที่ปรากฏของรายการในโค้ด Html
การวางตำแหน่งด้วยกฎ Z-index และ CSS Cursor เพื่อเปลี่ยนเคอร์เซอร์ของเมาส์
ช่องว่างภายใน ระยะขอบ และเส้นขอบ - เราตั้งค่าใน CSS ช่องว่างภายในและภายนอก เช่นเดียวกับเส้นขอบสำหรับทุกด้าน (บน ล่าง ซ้าย ขวา)
CSS มีไว้เพื่ออะไร วิธีเชื่อมต่อสไตล์ชีตแบบเรียงซ้อนกับเอกสาร Html และพื้นฐานของไวยากรณ์ของภาษานี้
ลอยตัวและชัดเจนใน CSS - เครื่องมือเค้าโครงบล็อก
CSS - มันคืออะไร สไตล์ชีตแบบเรียงซ้อนเชื่อมต่อกับโค้ด Html โดยใช้สไตล์และลิงก์อย่างไร
หน่วยขนาด (พิกเซล Em และ Ex) และการสืบทอดกฎใน CSS
แท็ก คลาส รหัส และตัวเลือกสากล รวมถึงตัวเลือกแอตทริบิวต์ใน CSS สมัยใหม่
ตำแหน่ง (สัมบูรณ์ สัมพันธ์ และคงที่) - วิธีจัดตำแหน่งองค์ประกอบ Html ใน CSS (กฎซ้าย ขวา บน และล่าง)
พื้นหลังใน CSS (สี, ตำแหน่ง, ภาพ, ทำซ้ำ, ไฟล์แนบ) - ทั้งหมดสำหรับกำหนดสีพื้นหลังหรือภาพพื้นหลังขององค์ประกอบ Html
อย่างที่คุณทราบ Habr ใช้แอตทริบิวต์แท็ก "โรงเรียนเก่า" ที่อนุญาตให้จัดรูปแบบข้อความและรูปภาพในบทความและความคิดเห็นโดยผู้เขียน ในบรรดาแท็กเหล่านี้มีแท็กที่ไม่อยู่ในมาตรฐาน W3C นี้ - . ปรากฎว่าผู้เขียนบางคน "ไร้เดียงสา" ใช้แอตทริบิวต์นี้เนื่องจากบรรณาธิการของ Habr ไม่ได้ให้ข้อมูลอื่น ผิดปกติพอสมควร ในบางเบราว์เซอร์ Habré รองรับแอตทริบิวต์นี้ แม้ว่าการทดสอบกับหน้าทดสอบที่สะอาดจะแสดงให้เห็นว่าไม่มีปาฏิหาริย์ แต่ก็ไม่ทำงานใน img
ฉันสนใจคำถามว่ามีการรองรับแอตทริบิวต์ในกรณีใดบ้างและต้องเพิ่มอะไรในรูปแบบเพื่อให้เริ่มรองรับได้ทุกที่ หากใช้งานได้บนไซต์ เราจะสนับสนุนความคิดเห็นที่ไร้เดียงสาว่านี่เป็นแอตทริบิวต์ที่ถูกต้อง แต่ยังคงได้รับเครื่องมือสำหรับจัดกึ่งกลางรูปภาพ
อันที่จริงแล้ว แอตทริบิวต์ align="center" ใน HTML มีไว้สำหรับองค์ประกอบระดับบล็อก (div, p, ...) และไม่ได้อ้างถึงพวกมันเอง แต่หมายถึงเนื้อหาภายในขององค์ประกอบ ดังนั้นถ้าเราเขียน
แต่สิ่งนี้ไม่สามารถเขียนใน Habré ได้ ซึ่งเป็นกฎของ tag parser
หากต้องการตรวจสอบวิธีการทำงานบน Habré คุณสามารถใช้การแสดงตัวอย่างเมื่อเขียนความคิดเห็นหรือในบทความฉบับร่าง สิ่งนี้จะไม่ตรงกับรูปลักษณ์สุดท้าย แต่คุณสามารถใช้สำหรับการทดสอบได้
นี่คือสิ่งที่เราจะได้เห็น:
ในเบราว์เซอร์ส่วนใหญ่ ยกเว้น Firefox รูปภาพที่สองจะอยู่กึ่งกลาง (หากสไตล์ของ Habr ยังไม่ได้รับการแก้ไข) แม้ว่าการทดสอบจะแสดงให้เห็นว่าเบราว์เซอร์ไม่สนับสนุนแอตทริบิวต์นี้ (ยกเว้นข้อยกเว้นที่พบได้ยากกับ doctypes)
เหตุใดข้อความผิดนี้จึงไม่ทำงานทุกที่ แต่ใช้ได้กับ Habré ไม่ใช่ใน Firefox
UPD 25 ม.ค 2556(ในหนึ่งปี):
เมื่อดูที่สไตล์ของภาพวาดเราจะพบเหตุผล
img ( แสดง: บล็อก; ขอบ: 0 อัตโนมัติ !สำคัญ; )
ได้ สำหรับ Habré ในไฟล์ all.css รองรับเคล็ดลับในการเปลี่ยนแอตทริบิวต์ที่ไม่ถูกต้องให้เป็นแอตทริบิวต์ที่ "ถูกต้อง" เป็นคุณสมบัติเหล่านี้ที่รูปภาพจำเป็นต้องมีเพื่อเริ่มจัดกึ่งกลาง - เป็นบล็อกและแบบกึ่งกลาง ขอบ: 0 อัตโนมัติ;.
(แต่ผู้ที่รู้ว่าไม่มีแอตทริบิวต์ดังกล่าวไม่สามารถคาดเดาได้ด้วยตนเองว่ามันใช้ได้กับ Habré - ไม่มีเอกสารประกอบ การทดสอบใน Fx ไม่ผ่าน ตัวอย่างเช่น ฉันค้นพบโดยบังเอิญอย่างแท้จริงเกี่ยวกับการมีอยู่ของมันเมื่อฉันเห็น aleksandrIt ใน บันทึกย่อ (เกือบจะในแต่ละคำอธิบายประกอบ) โดยดูผ่าน Chrome)
ยังคงเป็นเหตุผลว่าทำไมการอยู่ตรงกลางไม่ทำงานใน Firefox
เคล็ดลับคือการดูสไตล์ด้วย (ด้วยความช่วยเหลือของ Firebug) ที่นี่เราพบว่าแอตทริบิวต์เปลี่ยนเป็น align="middle" อย่างน่าอัศจรรย์ และแม้แต่การเปลี่ยนชื่อด้วยตนเองก็ไม่ได้ช่วยแก้ไข เบราว์เซอร์เองเปลี่ยนแอตทริบิวต์ที่ไม่ถูกต้องเป็น "ตามความเห็นของตน" ซึ่งเป็นคุณลักษณะที่เหมาะสมที่สุด (การจัดตำแหน่งแนวตั้งในสตรีมขององค์ประกอบแบบอินไลน์) ดังนั้นกฎสไตล์ img จึงหยุดทำงาน
ดังนั้น สำหรับการรองรับเบราว์เซอร์เต็มรูปแบบบน Habré จึงไม่มีกฎเพียงพอ:
img, img( แสดง: บล็อก; ขอบ: 0 อัตโนมัติ !สำคัญ; )
ทดสอบหน้าว่างด้วยแอตทริบิวต์
หากต้องการดูหน้าทดสอบสำหรับตรวจสอบแอตทริบิวต์ img align="center" ในเบราว์เซอร์ต่างๆ โปรดไปที่ลิงก์ spmbt.kodingen.com/habrahabr/testImgAlignCenter.htm ใน Firefox จะมีลักษณะเช่นนี้ ในเบราว์เซอร์อื่น ๆ จะมีลักษณะแตกต่างกันเล็กน้อย รูปภาพและบล็อกมีสีเพื่อให้โดดเด่นยิ่งขึ้น ไม่มีภาพจริงให้ดูคำบรรยายใน ALTก่อนอื่นเราจะเห็นบล็อกสีน้ำเงินใต้ข้อความ "การทดสอบหลัก" ข้าวเปล่า." ด้วยแอตทริบิวต์ที่ต้องการและแอตทริบิวต์ที่ล้มเหลวในภาพ ซึ่งเหมาะสมอย่างยิ่ง
ด้วยการคลิกเพียงครั้งเดียวที่ลิงก์ "เปิดใช้รูปแบบการแก้ไข" คุณจะเห็นกฎของรูปแบบที่เราได้รับถูกนำมาใช้เพื่อให้การจัดกึ่งกลางเริ่มทำงานในเบราว์เซอร์ทั้งหมด
บันทึกทางเทคนิค รูปลักษณ์พิเศษของฟังก์ชันใส่สไตล์ addRules() มาจากความปรารถนาที่จะเปิดใช้งานการเรียกใช้สคริปต์ในเบราว์เซอร์ IE8 (ยังไม่ได้ทดสอบใน IE9 แต่ควรใช้งานได้เหมือนในโปรแกรมอื่น) หากไม่มี doctype ระยะขอบ: 0 อัตโนมัติจะไม่ทำงานใน IE8 แต่แอตทริบิวต์ align:right และ left จะทำงาน
จะทำอย่างไร?
กฎดังกล่าวเขียนขึ้นโดยเฉพาะสำหรับการแก้ไขข้อผิดพลาดในรูปแบบ Habr ZenComment และในสคริปต์ HabrAjax (Habr-ajax) โดยไม่ขึ้นกับพวกเขา หลังจากนั้นการรวมศูนย์ด้วยแอตทริบิวต์ align="center" ก็เริ่มทำงานได้อย่างถูกต้องในเบราว์เซอร์ทั้งหมด .เพื่อหาข้อสรุปโดยทั่วกันต้องบอกว่าไม่ควรสนับสนุนความคิดเห็นในหมู่ผู้ดูแลเว็บว่าแอตทริบิวต์นี้สามารถทำงานในแท็ก IMG ในขณะที่วันของแอตทริบิวต์สิ้นสุดลงและทุกคนใช้สไตล์ แต่ผู้สร้างเว็บที่ไม่มีประสบการณ์บางคนอาจรู้สึกว่ามีแอตทริบิวต์ดังกล่าวอยู่
UPD 25 ม.ค 2556(ในหนึ่งปี):ปรากฎว่าสไตล์ของ Habr ไม่รองรับแอตทริบิวต์ที่ไม่ถูกต้องนี้อีกต่อไป เพื่อใช้งานบนไซต์ ฉันต้องเพิ่มสไตล์ผู้ใช้ในแบบเดียวกับที่ทำกับ Firefox ก่อนหน้านี้
แท็ก HTML กำหนดการจัดข้อความ การเยื้อง
ข้อความชิดขอบที่ใช้ในการพิมพ์
ตัวอย่างด้านล่างแสดงวิธีการจัดตำแหน่ง ข้อความถึงความกว้างหน้า:
จัด = "ซ้าย" | จัด = "ขวา" |
---|---|
จำนวนแรงงานที่ทำงานในภาคบริการและการเผยแพร่ข้อมูลเพิ่มขึ้นทุกวัน หากสัญลักษณ์ของศตวรรษที่ผ่านมาคือฟาร์มและโรงงาน สัญลักษณ์ของศตวรรษที่ 21 ในปัจจุบันก็คือสำนักงานที่ติดตั้งคอมพิวเตอร์ซึ่งสามารถเข้าถึงกระแสข้อมูลได้ |
|
จัด = "ปรับ" | จัด = "ศูนย์" |
จำนวนแรงงานที่ทำงานในภาคบริการและการเผยแพร่ข้อมูลเพิ่มขึ้นทุกวัน หากสัญลักษณ์ของศตวรรษที่ผ่านมาคือฟาร์มและโรงงาน สัญลักษณ์ของศตวรรษที่ 21 ในปัจจุบันก็คือสำนักงานที่ติดตั้งคอมพิวเตอร์ซึ่งสามารถเข้าถึงกระแสข้อมูลได้ |
จำนวนแรงงานที่ทำงานในภาคบริการและการเผยแพร่ข้อมูลเพิ่มขึ้นทุกวัน หากสัญลักษณ์ของศตวรรษที่ผ่านมาคือฟาร์มและโรงงาน สัญลักษณ์ของศตวรรษที่ 21 ในปัจจุบันก็คือสำนักงานที่ติดตั้งคอมพิวเตอร์ซึ่งสามารถเข้าถึงกระแสข้อมูลได้ |
ค่า justify ให้ความสม่ำเสมอ การจัดตำแหน่งข้อความไปทางขวาและซ้าย, นั่นคือ ในความกว้าง. วิธีนี้ใช้กันอย่างแพร่หลายในการพิมพ์
การจัดข้อความใน HTML ให้อยู่กึ่งกลางและจัดชิดขอบ
จัดข้อความใน HTML ให้อยู่กึ่งกลาง ข้อความอยู่ทางขวา:
ผลลัพธ์:
คุณลักษณะและค่านิยม
- จัด = "ซ้าย" - กำหนด การจัดข้อความชิดซ้าย(ค่าเริ่มต้น).
- จัด = "ศูนย์" - จัดข้อความให้อยู่กึ่งกลาง.
- จัด = "ขวา" จัดข้อความชิดขวา.
การจัดตำแหน่ง | เยื้องข้อความ HTML
ข้อความ HTML และการเยื้องด้านซ้ายของหน้า
มาผลิตกันเถอะ เยื้องข้อความทางซ้ายได้สองทางคือ
ผลลัพธ์:
ดูในหน้าต่างใหม่
คำอธิบาย
จัดกลุ่มข้อความชิดขอบ
ต้องใช้สไตล์แทนแอตทริบิวต์นี้
ไวยากรณ์
ค่า
left จัดข้อความชิดซ้าย ในกรณีนี้ บรรทัดข้อความจะชิดซ้าย และขอบขวาจะอยู่ใน "บันได" วิธีการจัดตำแหน่งนี้เป็นที่นิยมมากที่สุดในเว็บไซต์ เนื่องจากช่วยให้ผู้ใช้สามารถค้นหาบรรทัดใหม่และอ่านข้อความขนาดใหญ่ได้อย่างสะดวกสบาย center จัดข้อความให้อยู่กึ่งกลาง ข้อความจะวางในแนวนอนในหน้าต่างเบราว์เซอร์หรือคอนเทนเนอร์ที่มีบล็อกข้อความอยู่ บรรทัดข้อความดูเหมือนจะถูกพันบนแกนที่มองไม่เห็นซึ่งพาดผ่านตรงกลางของหน้าเว็บ วิธีการจัดตำแหน่งที่คล้ายกันถูกนำมาใช้อย่างแข็งขันในหัวเรื่องและคำบรรยายต่างๆ เช่น คำบรรยาย ทำให้การออกแบบข้อความดูเป็นทางการและมั่นคง ในกรณีอื่นๆ ทั้งหมด การจัดกึ่งกลางจะไม่ค่อยใช้ด้วยเหตุผลที่ว่าไม่สะดวกที่จะอ่านข้อความจำนวนมากๆ right จัดข้อความชิดขวา วิธีการจัดตำแหน่งนี้ทำหน้าที่เป็นศัตรูกับประเภทก่อนหน้า กล่าวคือ บรรทัดข้อความจะชิดขวา ในขณะที่ด้านซ้ายยังคงเป็น "ขาดๆ หายๆ" เนื่องจากไม่ได้จัดชิดขอบด้านซ้าย กล่าวคือ จากที่อ่านบรรทัดใหม่ ข้อความดังกล่าวจึงอ่านยากกว่าการจัดชิดซ้าย ดังนั้น การจัดชิดขวาจึงมักใช้กับหัวเรื่องสั้นไม่เกินสามบรรทัด เราไม่พิจารณาไซต์เฉพาะที่ต้องอ่านข้อความจากขวาไปซ้าย ซึ่งวิธีการจัดตำแหน่งที่คล้ายกันอาจมีประโยชน์ แต่คุณเคยเห็นเว็บไซต์ดังกล่าวที่ไหนในประเทศของเรา justify Justify ซึ่งหมายถึงการจัดชิดซ้ายและขวาพร้อมกัน ในการดำเนินการนี้ เบราว์เซอร์ในกรณีนี้จะเพิ่มช่องว่างระหว่างคำค่าเริ่มต้น
ตัวอย่าง. การจัดตำแหน่งข้อความ
Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. คุณสามารถใช้วิธีนี้ได้เพียงเล็กน้อย, ออกจาก nostrud exerci taion ullamcorper suscipit lobortis และตัดออกจากสิ่งที่เป็นผลสืบเนื่องจากคอมโมโด Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.
เบราว์เซอร์: เดสก์ท็อป มือถือ ?
อินเทอร์เน็ต เอ็กซ์พลอเรอร์ | โครเมียม | โอเปร่า | ซาฟารี | ไฟร์ฟอกซ์ |
1 | 1 | 1 | 1 | 1 |
แอนดรอยด์ | ไฟร์ฟอกซ์มือถือ | โอเปร่ามือถือ | มือถือซาฟารี |
1 | 1 | 6 | 1 |
✖
เบราว์เซอร์
สัญลักษณ์ต่อไปนี้ใช้ในตารางเบราว์เซอร์
- - เบราว์เซอร์รองรับองค์ประกอบอย่างเต็มที่
- - เบราว์เซอร์ไม่รับรู้องค์ประกอบและถูกละเว้น
- - ข้อผิดพลาดต่าง ๆ อาจเกิดขึ้นระหว่างการดำเนินการ หรือองค์ประกอบได้รับการสนับสนุนโดยการจอง
ตัวเลขระบุเวอร์ชันของเบราว์เซอร์ที่รองรับองค์ประกอบ