Videos · วิดีโอ
Web Basics — HTML & CSS · พื้นฐานเว็บ — HTML & CSS
Pick a topic to watch. · เลือกหัวข้อเพื่อดู
21 video lessons · 21 บทเรียนวิดีโอ
2:20
หน้าเว็บแรกของคุณ
ทุกหน้าเว็บที่เคยเปิดเป็นไฟล์ที่ใครสักคนพิมพ์ ไม่วาด ไม่ออกแบบในแอป - พิมพ์ และคุณสามารถพิมพ์หนึ่งในเวลา…
2:28
หัวข้อ
หน้ากระดาษที่ประกอบด้วยย่อหน้าทั้งหมดขนาดเท่ากันคือกำแพงข้อความ และผู้อ่านจะไม่หยุดอ่าน หัวข้อคือวิธีที่…
2:07
Bold, italic, break
จนถึงตอนนี้ tag จะห่อหุ้มทั้ง block: บรรทัดนี้เป็นย่อหน้า บรรทัดนี้เป็นหัวข้อ นี่คือสิ่งใหม่ — tag ที่ห่…
2:17
ลิสต์ (Lists)
เขียนสามรายการเป็นสามย่อหน้าเบราว์เซอร์ก็ไม่รู้ว่าพวกมันเกี่ยวข้องกัน บอกว่า list แล้วมันก็ทำ รายการใช้แ…
2:31
ลิงก์
ทุกสิ่งที่คุณเขียนมาจนถึงตอนนี้อยู่ในหน้าเดียวและอยู่ที่นั่น แท็กหนึ่งเปลี่ยนมันให้เป็นส่วนหนึ่งของเว็บ …
2:25
รูปภาพ
แท็กบอกเบราว์เซอร์แล้วว่าอะไรคือ 'สิ่งนี้' แต่ตัวนี้ต้องบอกให้มันรู้ด้วยว่า '去哪里' และรับข้อมูลมา ซึ่งต้อ…
2:18
หน้าเว็บจริง
จนตอนนี้คุณได้เขียนชิ้นส่วนต่างๆ ของหน้าแล้ว หน้าจริง将它们放在框架中，而且几乎世界上每个网站的框架都是一样的，所以值得…
2:29
คอมเมนต์และการซ้อน
until ตอนนี้แท็กทุกอย่างอยู่ข้างกันเหมือนเพื่อนบ้าน หน้าจริงจะใส่แท็ก 'ภายใน' แท็กอื่น และทันทีที่ทำได้ …
2:17
ตาราง
นี่คือแท็กที่นักเรียนผิดบ่อยที่สุดเสมอเพราะเหตุผลเดียวกัน: พวกเขาเดาลำดับแทนที่จะอ่าน ตารางต้องการสามแท็กซ้อน…
2:08
รูปแบบ
ทุกสิ่งที่คุณสร้างมาจนถึงตอนนี้มีไว้สำหรับอ่าน แต่ฟอร์มนั้นต่างกัน: มันคือสิ่งที่ผู้เข้าใช้ใช้งาน เมื่อค…
2:19
ส่วนและคลาส
หน้าเล็กก็พอที่จะใช้แท็กเรียงซ้อนกันหน้าใหญ่ไม่ใช่ — ผู้เข้าใช้เห็นชื่อเรื่อง เนื้อหา แล้วมีหมายเหตุด้าน…
2:21
CSS แรกของคุณ
กลางหลักสูตรภาษาที่สองปรากฏขึ้น HTML บอกว่าแต่ละสิ่ง IS什么 — นี่คือย่อหน้านี้คือหัวข้อ CSS บอกว่ามันดูอย่…
2:18
ตัวเลือก (Selectors)
บทก่อนหน้า ตัวเลือกของคุณคือชื่อแท็ก ซึ่งเปลี่ยนทุกย่อหน้าบนหน้า นี่คือเยอะเกินไป มักจะมีอีกสองอย่าง เขี…
2:19
สี
สีคือจุดที่หน้าเว็บหยุดดู像是作业.它还是一位初学者挑选十二种颜色时页面崩溃的地方。编写最简单的方法……
2:16
การสไตล์ข้อความ
ในบทเรียนที่สอง เบราว์เซอร์เลือกขนาดหัวข้อให้คุณ ตอนนี้คุณสามารถเลือกเองได้ด้วย font-size วัดเป็นพิกเซล …
2:27
โมเดลของกล่อง
สององค์ประกอบปฏิเสธที่จะนั่งในที่ที่คุณต้องการ และสิ่งที่พิมพ์ไม่มีวิธีแก้ไข почтиทุกครั้ง นี่คือเหตุผล …
2:17
Margin
Margin คือพื้นที่ภายนอกกล่อง และนี่คือเรื่องเกี่ยวกับมัน: บนกล่องที่ไม่มีอะไรล้อมรอบ margin จะเปลี่ยนอะไ…
2:16
แสดงออก
คุณกำลังดูสิ่งนี้มาตั้งแต่บทเรียนที่สามโดยไม่มีชื่อมัน บางองค์ประกอบใช้บรรทัดเต็มและยืด横跨 across the pag…
2:09
ความกว้างและการจัดกึ่งกลาง
นี่คือสิ่งที่คุณอาจไม่ Noticed: กล่องแบบบล็อกกว้างเท่ากับหน้าอยู่แล้ว มัน一直是这样 — คุณแค่ไม่เห็นขอบโดยไม่มี…
1:58
Flexbox
ทุกสิ่งที่คุณสร้างมาจนถึงตอนนี้จะเรียงตัวลงด้านล่าง เพราะนั่นคือหน้าที่ของกล่องแบบบล็อก (block boxes) แต…
2:19
การ์ดโปรไฟล์ของคุณ
บทเรียนสุดท้าย และเป็นโปรเจกต์แทนที่จะเป็นแนวคิดใหม่ คุณกำลังสร้างการ์ดโปรไฟล์: รูปภาพด้านบน ชื่อในสีที่…