ผู้ติดตาม 3860 คน

ติดตาม

1/2

1 คนบันทึกแล้ว

Html cheat sheet

#ติดเทรนด์ #lemon8ไดอารี่ #Lemon8ฮาวทู #ไอทีน่ารู้ #freedomhack

2025/12/1 แก้ไขเป็น

ถ้าคุณเพิ่งเริ่มต้นเรียนรู้การเขียนเว็บ หรือกำลังมองหาแหล่งข้อมูลช่วยจำแท็ก HTML ต่างๆอย่างรวดเร็ว ใบ Cheat Sheet นี้จะเป็นเพื่อนคู่ใจที่ดีมากสำหรับคุณ ฉันเองใช้เวลาไม่นานก็สามารถเข้าใจโครงสร้างพื้นฐานของ HTML ได้ และยังช่วยให้การเขียนโค้ดเร็วขึ้นมาก แท็กสำคัญที่ควรรู้ เช่น <html> ซึ่งเป็นรากฐานเริ่มต้นของเอกสาร HTML, <head> สำหรับเก็บข้อมูลสำคัญของหน้าเว็บ, <title> ที่กำหนดชื่อหน้าเว็บที่แสดงบนแท็บเบราว์เซอร์ ทั้งยังมีแท็กสำหรับจัดรูปแบบข้อความอย่าง <b> สำหรับตัวหนา, <i> ตัวเอียง, และ <mark> สำหรับเน้นข้อความ ตลอดจนแท็กสำหรับสร้างตาราง รูปภาพ ลิงก์ และฟอร์มเพื่อเพิ่มฟังก์ชันให้เว็บไซต์ของคุณ อีกอย่างที่สำคัญคือ การเข้าใจแท็ก <meta> ที่ใช้กำหนดข้อมูลที่ช่วย SEO และแสดงผลบนอุปกรณ์ต่างๆ รวมถึงแท็กสำหรับสคริปต์ที่จะทำให้เว็บมีการโต้ตอบมากขึ้น จากประสบการณ์การใช้ cheat sheet นี้ทำให้ฉันสามารถสร้างเว็บเพจที่มีโครงสร้างดีและใส่ฟีเจอร์ครบถ้วนได้อย่างรวดเร็ว และช่วยลดความผิดพลาดลงอย่างมากจริง ๆ หากคุณสนใจการทำเว็บแบบมืออาชีพ หรือแค่ต้องการพื้นฐานการเขียน HTML ที่มั่นคง การฝึกใช้ HTML Cheat Sheet พร้อมกับทดลองเขียนโค้ดจริงจะช่วยให้เรียนรู้ได้เร็วและสนุกยิ่งขึ้นนะคะ

โพสต์ที่เกี่ยวข้อง

ภาพอินโฟกราฟิกแสดงคู่มือคีย์ลัดปุ่ม F1-F12 พร้อมคำอธิบายฟังก์ชันแต่ละปุ่ม เช่น F1 เปิด Help, F2 เปลี่ยนชื่อไฟล์, F5 รีเฟรช, F11 เต็มหน้าจอ, F12 บันทึกเป็น นอกจากนี้ยังเน้นการใช้ปุ่ม Fn บนแล็ปท็อปเพื่อสลับฟังก์ชันพิเศษ.

⌨️ Cheat Sheet: รวมคีย์ลัด F1-F12 ที่ต้องรู้!

โพยลับฉบับย่อ สำหรับคนอยากใช้คอมฯ ให้เก่งขึ้น! 🚀 รวมมาให้แล้วกับฟังก์ชันปุ่ม F1 ถึง F12 ที่ใช้บ่อยที่สุด 💡 รู้ไว้ใช่ว่า: F2 = เปลี่ยนชื่อไฟล์ F5 = รีเฟรช F11 = เต็มหน้าจอ F12 = บันทึกเป็น (Save As) ปล. ชาว Laptop อย่าลืมปุ่ม Fn นะครับ (อ่านในภาพเลย) 📌 เซฟเก็บไว้ด่วนๆ เวลานึกไม่ออกจะได้เปิดด

ถูกใจ 63 ครั้ง

📂 Cheat Sheet: แจกโพย Future Tense! อนาคตนี้ (แกรมม่า

มาถึงคิวของ Tense อนาคตแล้วค่าาา! 🎉 ใครกำลังเตรียมตัวสอบ หรือต้องเขียนอีเมลแพลนงาน ห้ามพลาดโพสต์นี้เลย! เราสรุปโครงสร้าง (Structure) + คีย์เวิร์ดบอกเวลา (Time markers) เช่น tomorrow, next week, by the time มาให้ครบ จบในโพสต์เดียว เอาไปใช้รอดแน่นอน 💯 เหมาะกับทั้งนักเรียน นักศึกษา หรือวัยทำงานเลยน้

ถูกใจ 4 ครั้ง

ภาพประกอบแสดงวิธีการเติมเงิน Suica สำหรับมือใหม่ โดยมีตัวละครถือบัตร Suica และพาสปอร์ต ยืนอยู่หน้าตู้เติมเงิน พร้อมภาพเงินเยนและบัตร Suica ด้านบน

ภาพสรุป 3 วิธีเติมเงิน Suica ได้แก่ เติมที่ตู้ขายตั๋ว, เติมผ่านร้านสะดวกซื้อ (พนักงานหรือ ATM) และเติมผ่านมือถือด้วย Mobile Wallet พร้อมภาพประกอบแต่ละวิธี

ภาพแสดงขั้นตอนการเติมเงิน Suica ที่ตู้ขายตั๋ว โดยเริ่มจากการมองหาตู้ที่มีสัญลักษณ์ IC CARD และการเปลี่ยนภาษาบนหน้าจอเป็นภาษาอังกฤษ

เติมเงิน Suica ยังไง? สรุปวิธี ทำตามได้ทันที

มือใหม่ไปญี่ปุ่นเลิกกังวลเรื่องเงินหมดในบัตร! วันนี้มารีแคปวิธีเติมเงิน Suica ทุกรูปแบบ พร้อมสอนขั้นตอนการเติมที่ตู้แบบ Step-by-Step เซฟโพสต์นี้ไว้เปิดดูหน้าตู้ได้เลย รับรองไม่ยืนงงแน่นอน! . #เที่ยวญี่ปุ่น #บัตรรถไฟญี่ปุ่น #เที่ยวโตเกียวด้วยตัวเอง #ญี่ปุ่นมือใหม่ #โตเกียว

ถูกใจ 42 ครั้ง

ภาพบุคคลถือโทรศัพท์มือถือบังหน้าจอคอมพิวเตอร์ที่แสดงโค้ด พร้อมข้อความว่า "คำศัพท์ HTML ที่คนเขียนโค้ด ต้องรู้!!" และ "ส่วนผมก็ยังไม่รู้" เน้นย้ำถึงคำศัพท์ HTML ที่จำเป็นสำหรับนักพัฒนา

ภาพแสดงรายการคำศัพท์ HTML 10 คำแรก ได้แก่ Tag, Doctype, Head, Meta, Heading, Image, Body, Anchor, Div และ HTML พร้อมคำอธิบายสั้นๆ บนพื้นหลังหน้าจอคอมพิวเตอร์ที่แสดงโค้ด

ภาพแสดงรายการคำศัพท์ HTML ลำดับที่ 11-20 ได้แก่ Span, Break, Horizontal Rule, Form, Input, Button, Textarea, Blockquote, Placeholder และ Bold พร้อมคำอธิบายสั้นๆ บนพื้นหลังหน้าจอคอมพิวเตอร์ที่แสดงโค้ด

คำศัพท์ HTML ที่คนเขียนโค้ดต้องรู้ !✨

1. Tag - เครื่องหมายที่ใช้กำหนดโครงสร้างของ HTML 2. Doctype (<!DOCTYPE html>) - ประกาศเวอร์ชันของ HTML ที่ใช้ 3. Head - ส่วนที่ใช้กำหนดข้อมูลของเอกสาร(metadata) 4. Meta - แท็กที่ใช้กำหนดข้อมูลเกี่ยวกับเอกสาร เช่น charset, description 5. Heading (<h1> - <h6>) - หัวข้อของเนื้อหา

ถูกใจ 264 ครั้ง

🪄 เคลียร์ความงง! สรุป If-Clause 4 แบบ ฉบับย่อยง่ายสุดๆ 📝✨

ใครเห็นเรื่อง If-Clause (ประโยคเงื่อนไข) แล้วท้อ แวะมามุงทางนี้ด่วนค่า! 🙋‍♀️ วันนี้เราทำ Cheat Sheet สรุปประโยค 'ถ้า... แล้ว...' มาให้แบบครบทั้ง 4 เลเวล อ่านจบคือแต่งประโยคเป็นเลย! 🌟 แอบกระซิบจุดปราบเซียน: ✔️ Type 0 & 1: ใช้กับเรื่องจริง / สิ่งที่มีโอกาสเกิดขึ้นได้ ✔️ Type 2: ใช้กับเ

ถูกใจ 3 ครั้ง

Side me ฝึกเขียนโปรแกรมหลายภาษาได้ในแอพเดียว

รวมภาษาเขียนโค้ดไว้ในที่เดียว Python | JavaScript | C++ | และอีกเพียบ! เรียนผ่านเกม สนุก เข้าใจง่าย ฝึก Logic + Coding Skill ไปพร้อมกัน เหมาะมากสำหรับ มือใหม่เริ่มเขียนโค้ด หรือคนที่อยากอัปสกิลเพิ่ม เล่นได้ทุกที่ ฝึกวันละนิด เก่งขึ้นจริง! ลองแล้วเป็นยังไง คอมเมนต์มาแชร์กัน กดไลก์ + ติด

ถูกใจ 119 ครั้ง

ภาพปกแสดงหัวข้อ "10 ทริค เรียนบัญชีให้เข้าใจง่าย" พร้อมไอคอนเด็กผู้หญิงกำลังโบกมือ, ก้อนเมฆ, ดาวกระจาย, สมุดโน้ต และดินสอสี

หน้ากระดาษโน้ตสีเหลืองอ่อน แสดง 3 ทริคแรกในการเรียนบัญชี: เข้าใจภาพรวมระบบบัญชี, ฝึกทำตัวอย่างทีละขั้นตอน และใช้ตารางเดบิต-เครดิตช่วยจำ

หน้ากระดาษโน้ตสีเหลืองอ่อน แสดงทริคการเรียนบัญชีต่อจากหน้าก่อน: ใช้สีช่วยจำ, ฝึกทำโจทย์บ่อยๆ, ทบทวนด้วย Active Recall และเชื่อมโยงกับชีวิตจริง

💥ทริคเรียนบัญชีง่ายนิดเดียว!! 🙋🏻‍♀️

📌 ทริคการเรียนบัญชีให้เข้าใจง่าย 1. เข้าใจ “ภาพรวมระบบบัญชี” ก่อน • อย่าท่องจำทีละหัวข้ออย่างเดียว ให้เข้าใจว่า “บัญชีคือการบันทึก → สรุป → รายงาน” • เริ่มจาก สมการบัญชี สินทรัพย์ = หนี้สิน + ส่วนของเจ้าของ ทุกอย่างในบัญชีจะหมุนอยู่รอบ ๆ สมการนี้ 2. ฝึกทำตัวอย่างทีละขั้นตอน

ถูกใจ 301 ครั้ง

แบบฟอร์ม 'FICTION WRITER'S CHARACTER CHART' สำหรับนักเขียน มีส่วนสำหรับชื่อ รูปร่างหน้าตา สิ่งที่ชอบ/ไม่ชอบ นิสัย และภูมิหลังของตั��วละคร

แบบฟอร์ม 'Character Development' มีส่วนสำหรับข้อมูลการเกิด รูปร่างหน้าตา ครอบครัว ศาสนา สิ่งที่ชอบ/ไม่ชอบ วัยเด็ก และข้อมูลเบ็ดเตล็ดของตัวละคร

ชวนทำ Character profile เพิ่มมิติให้ตัวละครน่าสนใจ✨

กลับมาพบกันอีกครั้งในเดือนตุลาคม🙇🏻‍♀️🙇🏻‍♀️ วันนี้จะชวนเพื่อน ๆ นักเขียน และนักเริ่มเขียนทุกคน ทำ Character Profile ของตัวละครที่คุณรักให้ดูมีมิติ น่าค้นหา มีภูมิหลังที่ทำให้ลักษณะนิสัยของตัวละครชัดเจนขึ้น และทำให้ผู้อ่านสามารถเข้าใจในพฤติกรรมของตัวละครมากขึ้น 🥰 🌷สำหรับมือใหม่ที่ยังไม่รู้ว่าต้องเร

ถูกใจ 816 ครั้ง

ภาพแสดงคำจำกัดความของ Research Skill 101 ว่าเป็นการค้นหาความรู้ที่เร็ว แม่นยำ และลึกกว่าคนทั่วไป โดยเน้นที่การตั้งคำถาม การหาแหล่งข้อมูลที่น่าเชื่อถือ และการกลั่นกรองข้อมูลให้เป็นความเข้าใจที่นำไปใช้ได้จริง

ภาพอธิบายหลักการสำคัญของการค้นคว้าที่ดี ซึ่งคือการตั้งคำถามที่ถูกต้อง การเลือกข้อมูลคุณภาพ และการสรุปเป็น Insight ที่ใช้ได้จริง พร้อมระบุ 3 เลเยอร์ของการค้นคว้า: Scan, Zoom และ Synthesize

ภาพแสดงขั้นตอนปฏิบัติ Step 1: ตั้งโจทย์ให้ชัดเจน โดยให้ถาม 3 ข้อคือ ต้องการรู้อะไร, เพื่อนำไปทำอะไร, และต้องการคำตอบลึกระดับไหน พร้อมตัวอย่างโจทย์ที่ถูกและผิด เพื่อเน้นความสำคัญของโจทย์ที่แคบและเฉพาะเจาะจง

Research Skill 101: เทคนิคค้นหาความรู้ให้เร็ว

Research Skill 101 คือทักษะการค้นหาข้อมูลที่เร็ว แม่นยำ และลึกกว่าคนทั่วไป ไม่ใช่แค่เสิร์ชคำในกูเกิล แต่คือการรู้ จะถามอะไร, จะอ่านตรงไหน, และ จะตรวจสอบความน่าเชื่อถือยังไง เนื้อหานี้สรุปวิธีค้นหาแบบมืออาชีพ เช่น การตั้งคำถามให้เฉพาะเจาะจง (Query Refinement), การใช้ Advanced Search, การ Cross-check

ถูกใจ 5 ครั้ง

ภาพหน้าปกหนังสือแบบฝึกหัดคำศัพท์ภาษาอังกฤษสำหรับคอมพิวเตอร์และเทคโนโลยีสารสนเทศ มีผู้หญิงชี้ขึ้นด้านบนพร้อมข้อความว่า "แชร์คลังคำศัพท์ สายไอที" และโลโก้ Lemon8

สารบัญหนังสือแสดงหัวข้อหลัก เช่น ฮาร์ดแวร์ ซอฟต์แวร์ และอินเทอร์เน็ต พร้อมเลขหน้า มีข้อความภาษาไทยกำกับว่า "คำศัพท์และแบบฝึกหัดเย�อะมาก เตยจะแปะ Link ให้ใน comment ค่ะ"

หน้าแบบฝึกหัดหัวข้อ 1.6 Scanning มีคำศัพท์และคำแนะนำวิธีการสแกนภาพ พร้อมภาพประกอบเครื่องสแกนแบบต่างๆ และคำอธิบายศัพท์เฉพาะทาง เช่น dpi, OCR, JPEG

แชร์คลังคำศัพท์สายไอที 💻

สวัสดีค่า เตยไปได้แหล่งรวมคำศัพท์ พร้อมแบบฝึกหัดของสายไอที สาย IT สาย Dev ใครกำลังฝึกภาษาอังกฤษอยู่ เดี๋ยวเตยจะแปะลิงค์ไว้ใน comment นะคะ Link : https://psv4.userapi.com/s/v1/d/ASrZpIvGuOdIlgAzWjFilrCHGbZlXOcwQnFZTnHhX3kbsvTH2lhCZL--6a-un1XTNBqC6DK7dh4pKXMZUvxnTaTdPmNXPAN-aggWDFHILJlfuLc0/Che

ถูกใจ 55 ครั้ง

ภาพประกอบตัวการ์ตูนและแมว มองหน้าจอโทรศัพท์ที่แสดงเมนู NotebookLM สำหรับแก้ไขและดาวน์โหลดสไลด์ พร้อมคำถามว่าไฟล์ที่ Export เป็นรูปภาพหรือไม่

ภาพหน้าจอเมนู NotebookLM แสดงตัวเลือกต่างๆ โดยมีวงกลมสีเหลืองเน้นที่ 'Revise' พร้อมข้อความ 'จะแก้ slide กด Revise Step 1: กดตรงนี้'

ภาพหน้าจอ NotebookLM แสดงการแก้ไขสไลด์ โดยมีช่องให้พิมพ์คำสั่ง (prompt) เพื่อปรับแต่งเนื้อหาและโทนสีของสไลด์ พร้อมปุ่ม 'Generate new deck'

อัปเดตใหม่! NotebookLM แก้ไขสไลด์ได้แล้วนะ ✨ พร้อมข้อควรรู้✅

#รวมเรื่องไอที NotebookLM มีอัปเดตใหม่เมื่อ 2-3 วันที่ผ่านมา เพื่อนทักมาว่า “หาเมนูไม่เจอทำยังไงนะ” คือวันก่อนเมนูยังไม่ขึ้น เมื่อเช้า NotebookLM ประกาศว่า rollout ทุก account แล้ว เลยมาลองดูอีกทีค่ะ ใครใช้ NotebookLM สร้าง Presentation แล้วอยากปรับแต่งสไลด์แค่บางหน้า ตอนนี้ทำได้ง่ายๆ บนมือถื

ถูกใจ 12 ครั้ง

ภาพประกอบแสดงตัวการ์ตูนถือกล่องที่มีโลโก้ "GIT" พร้อมหัวข้อ "มัดรวม Git command แบบพื้นฐาน ตั้งแต่ 0" และคำสั่ง Git พื้นฐาน เช่น git init, git commit, git checkout, git branch, git merge, git push พร้อมระบุแหล่งที่มาของข้อมูล.

ภาพสรุปคำสั่ง Git ในส่วน "Setup" สำหรับการตั้งค่า Git และ "Local Repo" สำหรับการจัดการคลังข้อมูลในเครื่อง รวมถึงคำสั่งเพิ่ม, ลบ, ย้าย��ไฟล์, commit และ checkout พร้อมคำอธิบายประเภทการเปลี่ยนแปลงและ Commit Reference.

ภาพสรุปคำสั่ง Git ในส่วน "Branching" สำหรับการสร้าง, สลับ, ลบ และรวม branch และส่วน "Remote Repo: sync commands" สำหรับการซิงค์ข้อมูลกับคลังข้อมูลระยะไกล เช่น git push, git pull, git fetch และ git clone.

สรุป Git command เผื่อได้ใช้กัน

หนึ่งในพื้นฐานในการเเป็น software developer คือการใช้ git โพสนี้เราสรุป Git command ที่ได้จากการเรียนคอร์สออนไลน์ที่ชื่อว่า Git Essentials for Developers ของทาง Skooldio เลยทำ cheatsheet นี้ขึ้นมา เผื่อเพื่อน ๆ ได้เอามาใช้กันเนอะ อยู่ในเม้นนะ แล้ว Git command ต่าง ๆ มีอะไรบ้าง ไปดูกัน ⭐️ S

ถูกใจ 58 ครั้ง

ภาพหญิงสาวกำลังคิด พร้อมข้อความว่า "ก่อนจะไปสมัครแอร์ รู้จักตัวเองดีพอหรือยัง?" และ "4 Steps Self-Discovery ที่เปลี่ยน vibe สัมภาษณ์ให้มั่นใจมากขึ้น!" มีกราฟิกวงกลมแสดง Motivation, Strengths, Weaknesses, และ Value

ภาพคนสวมผ้าพันคอในสวนสาธารณะ มีกราฟิก "Self-Awareness Map" ทับใบหน้า พร้อมคำอธิบาย Motivation, Strengths, Weaknesses, และ Values ที่ช่วยให้รู้จักตัวเองชัดเ��จนขึ้น

ภาพถนนในเมือง มีข้อความ "Story Bank" และคำแนะนำให้เก็บเรื่องราว Success story, Struggle story และ Skill in action story เพื่อใช้ในการสัมภาษณ์

เพราะถ้ารู้จักตัวเองชัด = ตอบสัมภาษณ์มั่นใจ! 💎

เคยมั้ย…ไปสัมภาษณ์แล้วตอบแบบที่คิดว่า recruiter อยากฟัง พยายามตอบให้ดู perfect จนตัวจริงของเรา dim ลง ไม่เป็นตัวเองเลย 🥲 จริง ๆ confidence เริ่มจากรู้จักตัวเองให้ชัด 💖 ลองทำ 4 steps นี้ จะเปลี่ยน vibe จากกังวล เป็นมั่นใจ self-assured ✨ 1. Know Yourself 🪞 map จุดแข็ง จุดอ่อน values & motiva

ถูกใจ 98 ครั้ง

$ภาพหน้าจอแล็ปท็อปแสดงโค้ด พร้อมกล่องข้อความซ้อนทับที่มีข้อความว่า \"เว็บฝึกโค้ดที่มือใหม่ไม่ควรพลาด !\" และแฮชแท็ก #Code #Programming #itphilxss$

$ภาพหน้าจอเว็บไซต์ W3Schools แสดงตัวอย่างโค้ด HTML และส่วน \"Learn to Code\" พร้อมคำบรรยายภาษาไทยว่า \"เว็บสอนพื้นฐานโค้ดแทบทุกภาษา มีตัวอย่างโค้ดให้ลองรันได้ ไม่เครียด เหมาะมากสำหรับการเริ่มต้น\"$