תגיות html, css, js וכו'

[יעקב מ. פינס]

שלום לחברי הפורום היקרים
אחרי שגמרתי קורס של html+css ניסיתי לחפש ברשת קובץ בעברית עם התגיות של html\css והסבר על כל תגית או אטריביוט מה יעודו ומה הוא עושה
לבנתיים לא מצאתי כזה דבר ואני רוצה ליצור אותו
יש לי אתר בsite123 שאין לי מה לעשות איתו (הוא אתר פרו אבל הצורך שלו בוטל) לכן אני רוצה להסב אותו לאתר עם הסבר מה כל דבר עושה
את מה שאני יודע אני יכול להניס לבד
הבקשה: מי שיכול להעלות או לשלוח לי למייל שבפרופיל דפים עם הסבר על תגיות ובאיזה מחלקה הם נמצאים
אפי לשלוח רק קצת על כל מחלקה (לדוג': טבלאות- <table><\table> יצירת טבלה וכו')
ואני אכניס את הנתונים באתר בצורה מסודרת
אשמח לתגובות עד כמה הרעיון הזה אפשרי וכמה ישמחו לעזור לי בזה

[צדיק תמים]

@יעקב-מ-פינס זה הכי מסודר שאני מכיר בעברית:
https://www.gov.il/BlobFolder/generalpage/html5/he/חומרי הדרכה ותרגיליםhtml5.pdf

[dovid]

ראשית, חזק ואמץ.
יש דף רשמי באנגלית: https://developer.mozilla.org/en-US/docs/Web/HTML/Element
זה הדף הרשמי ביותר, והוא נכתב ומתועד ע"י עובדים של הקודקודים הגדולים ביותר בתעשיית האינטרנט.

אני לא חושב שהרעיון שלך מספיק טוב, כי רשימה זה אינצקלופדיה.
99% מכתיבת HTML מרוכזת בחמש עשרה תגיות בערך, כשהרשימה שלך יכולה לכלול מאות שורות.
עדיף להתרכז בתגיות המוכרות ולהרחיב מתי להשתמש בכל אחת (זה לא מלאכה קלה להסביר את זה).

הערה:
עצתי היא שלא תשתמש בsite123. פתח את הארנק ושלם מחיר של אחסון אתר לחברה פופלרית כמו siteground או hostinger מדובר ב5/25 ש"ח לחודש לזכרוני, וזה הרבה הרבה יותר מקצועי (עבור מי שמצליח לכתוב קובץ HTM ולו בדוחק בכוחות עצמו). בהצלחה!

[dovid]

@צדיק-תמים קובץ מדהים! תודה.

[יעקב מ. פינס]

@dovid כתב בתגיות html, css, js וכו':

אני לא חושב שהרעיון שלך מספיק טוב, כי רשימה זה אינצקלופדיה

אני ארחיב על הרעיון
אני כרגע באמצע כתיבת אתר עם הסבר על תוכנה מסויימת שבו יש סימולטור של התוכנה (תמונות של המסכים וכפתורים בכל מקום שיש כפתור בתוכנה)
הרבה פעמים אני מחפש איך עושים הגדרה מסויימת ומכייון שהאנגלית שלי לא ממש טובה אני מסתבך למצוא
היעד שלי הוא בעצם אתר עם חיפוש מחולק לדפים שכל דף מדבר על שפה אחרת (אחד של HTML ואחד של css וכו') כל דף (שפה) מחולקת לקטגוריות (בסיס, טקסט, טבלאות, טפסים וכו') בכל קטגוריה יהיה טבלה שבה בעמודה 1 כתוב התגית ובעמודה 2 כתוב השימוש בה
ככה שמתכנת טרי שמגיע לעצב טבלה באתר שלו אבל הוא לא זוכר איך קוראים לתגית (כמובן שהוא יכול להשתמש בGPT אבל בשביל מי שמשתמש נטפרי ב"ה הצ'אט לא כ"כ מוצלח ואכמ"ל) כותב בשורת החיפוש טבלה והוא מגיע לקטגוריה הנכונה וכן הלאה כיד הדמיון הטובה עליכם

@dovid כתב בתגיות html, css, js וכו':

הערה:
עצתי היא שלא תשתמש בsite123. פתח את הארנק ושלם מחיר של אחסון אתר לחברה פופלרית כמו siteground או hostinger מדובר ב5/25 ש"ח לחודש לזכרוני, וזה הרבה הרבה יותר מקצועי (עבור מי שמצליח לכתוב קובץ HTM ולו בדוחק בכוחות עצמו). בהצלחה!

כמו שכתבתי למעלה יש לי אתר בגרסת פרו וחבל לי עליו חוץ מזה שיש לי עוד פרויקטים לעבוד עליהם וביום יש רק 24 שעות שמתוכם 7 אני עובד בעבודה אחרת
עוד נקודה אין לי בעיה לשלם לחברה אחסון שרתים הבעיה שאני עם כרטיס דיירקט (בנק הדואר)
כמובן שבעז"ה לכשירחיב אני אכתוב את האתר בצורה יותר מסודרת עם קוד רציני וכו'

@צדיק-תמים @dovid תודה על הקבצים אני עובר עליהם ברגעים אלו ממש

[dovid]

@יעקב-מ-פינס כתב בתגיות html, css, js וכו':

יש לי אתר בגרסת פרו וחבל לי עליו

ולי חבל עליך...
מה תעשה בסיום השנה? הרי תמשיך את המינוי כי כבר הכל יהיה מושתת שם.
שים לב שכל השקעה שלך בפלטפורמה הזו, תישאר תמיד שמה.

[יעקב מ. פינס]

@dovid
אין לי כסף מיותר להוציא על מנויים שאין לי מה לעשות איתם
אני באופן אישי מעדיף לעשות את האתר בHTML זה נותן לי סיפוק ואתגר
(כתבתי 5 עמודים באתר שאני באמצע עכשיו והסיפוק שלי מהם הוא ענק)
רק שכרגע אני חושב שכדאי לי לפני שאני כותב אתר שיכול לשמש הרבה אנשים, ללמוד יותר ולהתנסות יותר חבל שאני אכתוב אתר ואח"כ אני אצטרך לכתוב אותו מחדש בגלל הגדרות שלא תואמות js וכדו'

[dovid]

@יעקב-מ-פינס אכן גם חבל על זמני...

[יעקב מ. פינס]

@dovid
טוב לקחתי את דבריך ברצינות והתחלתי לכתוב את האתר קצת הסתבכתי עם ה CSS יש לי כמה דברים שלא מסתדרים לי
למעשה אני מאוד אשמח אם ישלחו לי תוכן על כל מה שזז בקוד
תודה מראש

[dovid]

@יעקב-מ-פינס אני שמח.
לא לגמרי הבנתי את שאלתך,
נ.ב. אם אתה צריך הכוונה כללית ופרטנית, כלומר לא שאלה שאפשר לענות עליה בפורום עם תשובה אחת, אז צור עימי קשר באישי ואשתדל לעזור.

[יעקב מ. פינס]

@dovid
השאלה יותר נכון הבקשה הייתה זה

@יעקב-מ-פינס כתב בתגיות html, css, js וכו':

למעשה אני מאוד אשמח אם ישלחו לי תוכן על כל מה שזז בקוד
תודה מראש

@dovid כתב בתגיות html, css, js וכו':

נ.ב. אם אתה צריך הכוונה כללית ופרטנית, כלומר לא שאלה שאפשר לענות עליה בפורום עם תשובה אחת, אז צור עימי קשר באישי ואשתדל לעזור.

חבל שאין לי אפשרות להעלות על הכתב את כמות התודה שאני צריך לתת לך
אני מקווה להסתדר לבד עם הבעיה הזו

[dovid]

תודה על המילים החמות!

אני מאוד אשמח אם ישלחו לי תוכן על כל מה שזז בקוד

את המילים האלו אני לא מבין,
מה ש@צדיק-תמים שלח לא מכיל הסבר על כל דבר?
קוד אתה מתכוון HTML? CSS?
תפרט מה "לשלוח לך".

[יעקב מ. פינס]

@dovid
בשביל בן אדם אחד קצת קשה ללקט תגיות ולהגדית את השימוש שלהם
לכן אני אשמח לשיתוף פעולה ממי שיש לו כח כמובן בליקוט ובהגדרה
אני אכניס פה טבלא לדוג':

טבלאות

התגית	השימוש והסבר
<tabie></table>	יצירת טבלה, תגית עוטפת תגיות יש להשתמש בתגיות הבאות בשביל ליצור שורות ועמודות
<tr></tr>	יצירת שורות , תגית עוטפת טקסט או תגית
<td></td>	יצירת עמודות , תגית עוטפת טקסט

---

זה הרעיון לטבלה בכללי
וכמו שאמרתי מישהו רוצה ליצור טבלה נכנס לאתר ומחפש בעברית 'טבלה'
והנה הוא מקבל תוצאה מסודרת ומפורטת

בראש העמוד יהיה טבלת קישורים לפני נושאים למי שלא בטוח מה הוא צריך בדיוק

וכן טבלת css לדוג':

שוליים

הפקודה	השימוש והסבר
margin	שוליים חיצוניים, ניתן להגדיר את צד השוליים ע"י הוספת '-' ואת הצד באנגלית 'top' למעלה וכו'
padding	שוליים פנימיים, ניתן להגדיר את צד השוליים ע"י הוספת '-' ואת הצד באנגלית 'top' למעלה וכו'

וכן הלאה על זה הדרך

[dovid]

זה ממש נפלא מה שאתה הולך לעשות, מקוה שיהיה לך קל.
איך נעזור לך בדיוק? אתה רוצה לכתוב מסמך יחד? בגוגל דרייב או בויקיפדיה?

אני עושה משהו שאולי הוא טפשי מאוד, להעיר/להאיר לך על מה שכתבת, מקוה שזה יעודד בלבד!
יש לציין שגם אם תשאיר בדיוק איך שכתבת זה מצויין ויעזור להרבה.

• המילה "יצירת" נותנים תחושה של קוד שיוצר, אבל זה תיאור ולא פקודה. נכון לומר שtable זה מייצג טבלה, הייתי כותב ממש פשוט שtable = טבלה.
• באלמנטים שמת בכל שורה את ה<> הפותחים והסוגרים, וזה מייגע, כל אלמנט html זה ככה! אלו שמותר לא לסגור אותם או שיש להם סגירה עצמית, אפשר לציין זאת.
• המינוח תגית לדעתי מתייחס לכל <> כלומר באלמנט table יש שני תגיות, אחת פותחת ואחת סוגרת, לכן המילה היותר מתאימה זה אלמנט (ככה גם קוראים לזה בשפה האנגלית ובתיעוד ובקוד).
• כתבת שtr הוא תגית עוטפת טקסט (או תגית) אבל tr אמור לעטוף (חוקית/רשמית) רק td או th, כפי שכתבת בtable שיכול לעטוף רק tr (וגם tbody וthead וtfoot).
• בtd שזה אכן אלמנט שיכול לעטוף הן אלמנטים והן טקסט, אפשר לקצר ולכתוב שזה עוטף כל תוכן.

בCSS, המאפיינים שבחרת הם חלק ממאפיינים שמתחלקים לחלקים, וציינת שאפשר להשתמש בחלקיהם עם הסיומת top וכולי. אבל יש לדעת שגם בשימוש בהם אפשר בבת אחת (ע"י כמה ערכים מופרדים ברווח) להגדיר ערך שונה לכל צד, או ערך שונה לאופקי ולאנכי.

[NH.LOCAL]

@יעקב-מ-פינס נראה שגיטהאב הוא פלטפורמה נוחה לערוך כזה דבר באופן משותף. או למצער, קובץ משותף בדרייב, שמקסימום תשלב בעצמך באתר. זה יותר פשוט מלשלוח במייל וכו'

[dovid]

@NH-LOCAL בשביל משימה כזאת של כתיבת תיעוד הכי טוב זה מדיה-ויקי או מוצרים דומים, ככה גם עובד MDN.
אבל אתה צודק שהפתרון הזמין המעשי זה מסמך של גוגל.

[צדיק תמים]

@יעקב-מ-פינס מה בעצם חסר במדריך ששלחתי?
הדפדפן נותן לך תוכן עניינים

ויש חיפוש עם F5.
מה חסר שם שאתה רוצה לכתוב את זה לבד מאפס?
ואם אתה רוצה יותר תמציתי, יש את w3schools, אם כי הוא באנגלית אבל יחסית מאוד ברור.
אגב לגבי מה שהציע @dovid מדיה-ויקי, בויקיספר יש מדריך HTML, אפשר פשוט לשפר אותו, זו פלטפורמה שיתופית, כמו ויקפדיה.

[יעקב מ. פינס]

@NH-LOCAL כתב בתגיות html, css, js וכו':

@יעקב-מ-פינס נראה שגיטהאב הוא פלטפורמה נוחה לערוך כזה דבר באופן משותף. או למצער, קובץ משותף בדרייב, שמקסימום תשלב בעצמך באתר. זה יותר פשוט מלשלוח במייל וכו'

למען האמת גם אני חשבתי על זה אבל לצערי אני לא ממש יודע להשתמש בגיטהב

@צדיק-תמים כתב בתגיות html, css, js וכו':

מה בעצם חסר במדריך ששלחתי?

ענית תשובה

@צדיק-תמים כתב בתגיות html, css, js וכו':

יותר תמציתי,

---

@צדיק-תמים כתב בתגיות html, css, js וכו':

יש את w3schools

=

@צדיק-תמים כתב בתגיות html, css, js וכו':

הוא באנגלית

@צדיק-תמים כתב בתגיות html, css, js וכו':

אפשר פשוט לשפר אותו, זו פלטפורמה שיתופית, כמו ויקפדיה.

עברתי עליו מלמעלה הוא לא מספיק תמציתי ונראה לי שיהיה יותר קל לכתוב אותו מחדש מאשר לערוך אותו (ככה נראה לעניות דעתי)

@צדיק-תמים כתב בתגיות html, css, js וכו':

מה חסר שם שאתה רוצה לכתוב את זה לבד מאפס?

לא חסר שם כלום אפשר להשתמש בהעתק הדבק

@dovid כתב בתגיות html, css, js וכו':

אני עושה משהו שאולי הוא טפשי מאוד, להעיר/להאיר לך על מה שכתבת, מקוה שזה יעודד בלבד!

מעודד אותי עצם העובדה שיש לך הערות אם מישהו כותב מסמך טיפשי אתה אפי' לא תטרח להעיר לו וד"ל

@dovid כתב בתגיות html, css, js וכו':

איך נעזור לך בדיוק? אתה רוצה לכתוב מסמך יחד? בגוגל דרייב או בויקיפדיה?

אם לומר את האמת חשבתי שפשוט ישלחו לי קבצים פשוטים במייל עם אלמנט שתיים התפקיד שלהם בקוד והסבר קצר על אופן השימוש בהם
אבל נראה לי שהפתרון הכי טוב הוא ליצור מסמך שיתופי בגיטהב שבו כל אחד יוכל לכתוב כהנאתו ואני כבר אשתדל לעצב את זה באתר

תודה רבה לכל העונים
רק אם מותר לי לשאול איך יוצרים פרוייקט בגיטהב

[dovid]

רק אם מותר לי לשאול איך יוצרים פרוייקט בגיטהב

אם אתה שואל שאל ברצינות.
קודם כל תחפש בגוגל/תנסה.
אם לא הולך פתח לזה נושא ותפרט איפה הבעיה.

[יעקב מ. פינס]

נפתח מאגר בגיטהב
https://github.com/YMP112/table
מקווה שנתתי קישור נכון

אני מודה מאוד לכל אחד שישתף בהוספת תוכן שם
אשמח לשמוע הערות והארות על הפרוייקט במייל שלי בחתימה או בפרופיל

נ.ב. @dovid כדאי לשתף את המאגר בנושא חדש?