מדריך | לימוד html מא' עד ת' - חלק שני - מאפיינים ותחילת רשימת תגיות נפוצות
-
המדריך הזה הוא המשך מהמדריך הקודם שבו הסברתי על שפת html ואיך מתחילים לכתוב איתה
המדריך הזה יעסוק במאפיינים בhtml ונתחיל בו עם רשימת התגיותמאפיינים
לרוב התגיות יש מאפיינים נוספים שמוגדרים בתגית התפקיד של המאפיינים הוא לתת לדפדפן הוראות מסוימות
ולתת מידע נוסף על האלמנט המאפיינים מופיעים תמיד בתגית הפותחת
המאפיינים באים בזוגות של שם המאפיין וערך שנמצא בתוך גרשיים כשבניהם מופיע הסימן שווה "="לדוגמא בתגית הקישור נמצא את המאפיין href המאפיין הזה אומר לדפדפן את היעד של הקישור
לדוגמא:<a href="https://mitmachim.top">לאתר מתמחים טופ</a>יש לנו את התחלת התגית עם סוגר משולש שם התגית (a) לאחרי רווח לאחריו שם המאפיין (href) הסימן שווה גרשיים הערך
שבמקרה שלנו הוא הקישור
עוד גרשיים וסיום התגית עם סוגר משולש
בתגית <html> נשים את המאפיין lang
שהוא קיצור של language - שפה
ואת הערך he - עברית
וזה יראה ככה:
<html lang="he">וכן על זה הדרך
רשימת תגיות נפוצות
1: מעבר שורה - <br> - כדי לעבור שורה באמצע טקסט נשתמש בתגית <br>
לדוגמא<p> HTML, או HyperText Markup Language, היא שפת סימון המשמשת לבניית דפי אינטרנט. היא מגדירה <br> את מבנה התוכן באמצעות תגים שונים כמו כותרות, פסקאות, תמונות וקישורים. HTML מאפשרת <br> לדפדפנים להציג את התוכן בצורה מסודרת וברורה.</p>תצוגת הקוד בדפדפן:
2: התגיות <h1>-<h6> - תגיות כותרת - תגיות <h1> עד <h6> הם תגיות שמראות טקסט של כותרת
לדוגמא:<h1>כותרת</h1> <h2>כותרת</h2> <h3>כותרת</h3>תצוגת הקוד בדפדפן:
3: התגית <p> פסקה - כאן תכתבו את הטקסט שלכם
לדוגמא:<p> HTML, או HyperText Markup Language, היא שפת סימון המשמשת לבניית דפי אינטרנט. היא מגדירה <br> את מבנה התוכן באמצעות תגים שונים כמו כותרות, פסקאות, תמונות וקישורים. HTML מאפשרת <br> לדפדפנים להציג את התוכן בצורה מסודרת וברורה.</p>תצוגת הקוד בדפדפן:
4: התגית <b> - תגית זו משמת להדגשת טקסט
לדוגמא:<p> HTML, או HyperText Markup Language, היא שפת סימון המשמשת לבניית דפי אינטרנט.<b> היא מגדירה <br> את מבנה התוכן באמצעות תגים שונים כמו כותרות, פסקאות, תמונות וקישורים. HTML מאפשרת <br> לדפדפנים להציג את התוכן בצורה מסודרת וברורה.<b></p/>תצוגת הקוד בדפדפן:
המשך הרשימה במדריך הבא
בהצלחה!
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}