שיחה:HTML

תוכן העניינים החדש

דיון

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

התלבטתי הרבה בקשר לזה. אנא קרא את ארבעת הפרקים הראשונים. השלושה הראשונים הם בעצם הקדמה ל-HTML בה המשתמש עדיין אינו פעיל. ראיתי חובה להכניס לפני פרק פנקס הרשימות, הדגמת תכלית של HTML, מידע על מבנה המסמך, ועל תגים כמו p מכיוון שאין אפשרות להכניס טקסט ישירות ב-body. ארז סגל 12:00, 13 אפריל 2006 (UTC)

הצעה לתוכנית לימודים

מידע מתקדם:

1. מבניות עם span ו- div. (שימושי גם למתכנתי javascript ו- CSS)
2. תגי טקסט מתקדמים: abbr, acronym, address, blockquote, q.

• ארבעת הפרקים הראשונים מיועדים להביא את המשתמש לנסות לכתוב בעצמו HTML כמה שיותר מהר. הפרק הרביעי אם כך צריך היה להיות ראשון. מכיוון שדפדפנים עתידיים עלולים שלא לקרוא מסמך ללא כותרות מתאימות, הפרק על מבנה המסמך חייב להיות לפניו. מכיוון שמבנה הקוד של מסמך תקני די מסובך, חשוב שהמשתמש יבין קודם מה עושים תגים שחובה שיהיו במסמך (התג b לבד אינו יכול להופיע בתוך body. הוא חייב להיות בתוך p או אלמנט גוש אחר). אם הפרק הראשון היה עיצוב המסמך, המשתמש היה צריך לקרוא שלושה פרקים לא קצרים לפני שהוא מבין מה זה HTML ולכן הפרק הראשון הנוכחי - היכרות, מיועד להראות למשתמש בדרך הקצרה ביותר מה זה HTML.

תגובות

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

אתה צודק. צריך לשנות את התוכנית כך שמתחילים יכירו בדרך את כל התגים שחשובים למתחילים. בקשר לפלאש ספציפית, ניתן ללמד שימוש כללי ב-object בחלק למתקדמים ובספר פלאש בפרק הראשון. מכיוון שנוח ללמוד על תחביר השפה דרך היכרות עם תגים אני מציע כך. שם הפרק יראה כך: שם התג, החומר הנלמד מבחינת תחביר. חלק מהפרקים ילמדו רק תגים בסדר הגיוני. ארז סגל 15:11, 18 מרס 2006 (UTC)

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

אז בסוף השבוע הקרוב. אני מקווה שיהיו עוד חוות דעת לגבי התכנית בינתיים, כי אני בעצמי לא בטוח לגביה...ארז סגל 21:12, 19 מרס 2006 (UTC)

HTML בעברית

• tag - תגית
• element - אלמנט (המקטע מתחילת התג הפותח, עד סוף התג הסוגר, כולל כל התוכן).
• block element - אלמנט גוש (אלמנט מסוג גוש: p, div וכו')
• property - מאפיין
• value - ערך

שמות לפרקים

בנוגע לשאלה ששאלת במזנון (שצריכה, לדעתי, להישאל כאן): נתחיל מזה שאני כמעט ולא יודעת כלום ב- HTML. לכן, ראשית אשאל: מהו הקשר בין "הדגשות וכותרות" לבין "תגים, סגירה וקינון"? האם אחד מהם הוא תת-נושא של השני? האם בעזרת אחד מהם בונים את השני? למשל: בעזרת קינון תג בונים הדגשה וכותרת? עם קצת הסבר וטיפה מחשבה, אני בטוחה שנוכל למצוא שמות מתאימים.

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

למעשה אין קשר. "הדגשות וכותרות" תוצאה של שימוש בתגים מסויימים (h,p,b), השני נושא כללי שמסביר על חלק מהתחביר של HTML. על מנת להדגיש ולשים כותרות, עקרונית, יש צורך לדעת את כל התחביר. הרעיון הוא ללמד את חלק מהתחביר בעזרת דוגמאות שימושיות. ללמד "תגים: סגירה וקינון" בעזרת התגים "h,p,b" שמשמשים להדגשה וכותרות.

אם כך, הרי שם הדף צריך להיות, לדעתי, "תגים: סגירה וקינון". הדף (הפרק) הזה יכול להיות מחולק למספר תתי-נושאים, למשל: HTML/תגים: סגירה וקינון/הדגשה" וכולי. רותם 20:10, 22 מרס 2006 (UTC)

אני מסכים. אבל מצד שני אני לא רוצה להפחיד קוראים עם שם פרק כמו תגים: סגירה וקינון אלא משהו פשוט כמו הדגשה ארז סגל 22:16, 22 מרס 2006 (UTC)

אני מסכים. אבל מצד שני אני רוצה שהקוראים יבינו שלא לומדים כאן רק ביצוע פעולות אלא גם עקרונות של HTML. ארז סגל 22:16, 22 מרס 2006 (UTC)

בעצם, משהו כמו HTML/תגים: סגירה וקינון/הדגשה יכול להתאים אלא שהוא שם ארוך ומסורבל מדי, ועדיין מפחיד מתחילים. ארז סגל 22:16, 22 מרס 2006 (UTC)

יש למישהו רעיון? ארז סגל 22:16, 22 מרס 2006 (UTC)

למה חתמת 4 פעמים ודיברת בתור 2 אנשים? בכל מקרה אפשר לרשום בתחילת הספר ב"כריכה" שבכל פרק נלמד עקרונות של htmlוגם פעולות ובשמות עצמם נרשום רק את הפעולה כמו הדגשה חורחה

זו היתה צורת הצגה של הדילמה שלי. חשבתי קצת, ואני מסכים. זו נראית לי הדרך הטובה יותר. את תוכן העניינים אפשר להפוך לטבלה או בעזרת תבנית מתאימה, לכתוב בגדול את שם הפרק (שם הפעולה) ובקטן את שם העקרונות. ארז סגל 15:59, 24 מרס 2006 (UTC)

בדיוק! למשל: פרק 1:HTML/תגים, סגירה וקינון: בפרק זה נלמד תגים כגון הדגשה, כותרות ושאר תגים, וכן נלמד לקנן על מנת ליצור... (אין לי מושג מה עוד יוצרים בעזרת קינון, אבל הבנת את הרעיון). רותם 18:25, 24 מרס 2006 (UTC)

נראה לי שלא הבנת בדיוק זה יותר אמור להיות ככה:

פרק 1:HTML/הדגשה וכותרות: בפרק זה נלמד תגים כגון הדגשה, כותרות ותגים נוספים, ובאמצעותם גם קינון תגים חורחה

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

#	שם הפרק (בכתב גדול)	חלק עיוני (בכתב קטן)
1	הדגשה וכותרות.	תגים, תגים סוגרים, קינון תגים.
2	שבירת שורה וקו מפריד.	תגים ריקים.

ארז סגל 03:54, 25 מרס 2006 (UTC)

שבירה

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

אתם כותבים ספר שמופנה לקהל יעד של אנשים שיש להם צורך בשפה, לא? אין טעם לסדר ספר לפי נושאים ברומו של עולם. אם מישהו רוצה לכתוב פסקה הוא יחפש את הערך של p ובתוך הערך הזה/בסמוך אליו יקווה למצוא את u,b,i . לדעתי יש צורך לסדר את הספר לפי נושאים: p למשל יכיל את u,b,i , זה המבנה הפשוט ביותר לטקסט, לא? אחריו, נניח, יבוא ul/ol (רשימה) שיכול להכיל פסקאות אך זהו ערך מתקדם. נסו לבנות את הספר כמו שבונים בניין: מהבסיס למעלה. את הקומות עצמן רצוי לבנות בצורה מסודרת; הדירה הראשונה תכיל את הבסיס לשנייה, בשנייה אמנם תוכל לבקר מבלי לראות את הראשונה אולם זה יהיה חסר טעם...

מלבד ה- IP שלי, שבטח לא יעזור לכם הרבה תוכלו להשאיר לי הודעות פה:

http://he.wikipedia.org/wiki/%D7%A9%D7%99%D7%97%D7%AA_%D7%9E%D7%A9%D7%AA%D7%9E%D7%A9:GGTM

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

יום טוב

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

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

כדי להוציא גרסה להדפסה

כמו שיש בשפת C למשל זה יכול להקל אלי לפחות... רועי ש 16:02, 31 בדצמבר 2006 (IST)

הערה לתשומת ליבכם

דפים רבים בספר זה חתוכים. הכוונה היא שבצד ימין לא רואים חלק מהאותיות והמילים, וזה מקשה על הקריאה. --V.N 18:09, 29 בספטמבר 2007 (IST)

הערה

למה אתה מערבב בספר בין HTML ל XHTML אם כבר תשנו לגירסא החדשה(1.1)?

אני לא מכותבי הספר, אבל xhtml הוא פשוט התקן html הכי חדש של הW3C. גירסה 1.0 היא הגירסה שביינתיים הכי תואמת לדפדפנים השונים. מאוד קל לעבור מגירסה 1.0 STRICT לגירסה 1.1, ולכן לדעתי זו הייתה הבחירה הנכונה.--Evp55555 11:27, 7 באוגוסט 2008 (IDT)

שלום כנסו בבקשה

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

הי, ראשית השאלה שלך היא שאלה כללית, ולכן, נהוג לשאול שאלות בסגנון זה בויקיספר:מזנון. לגב השאלה שלך, התשובה היא כן, מותר לך להעתיק חומר מהאתר ויקי. תוכל לקרוא עוד על כך ב : ויקיפדיה:שאלות ותשובות/קוראים--Illuyanka 21:58, 22 בינואר 2009 (IST)

עדכון לגירסה חדשה

אם אינני טועה, יצאה גירסה חדשה לHTML לא מזמן, אני חושב שכדאי לעדכן את הספר אליה או לפחות את הדברים הגדולים (כמו תמיכה בוידיאו), אני לא יודע לעשות זאת, כך שאני רק מציע זאת כאן. אליהו52ק 22:03, 2 בספטמבר 2009 (IDT)

אכן יש דיבורים כבר תקופה ארוכה על HTML גירסה 5 ואף פורסמה טיוטה בנושא. מה שכן, התקן הסופי עוד לא קיים, ואלמנטים כמו canvas נתמכים רק בחלק מהדפדפנים. אתה מוזמן להשתמש בכפתור העריכה כדי לתקן ולהוסיף, אך לא בזה צריך להתמקד. Johnny Zoo 16:56, 3 בספטמבר 2009 (IDT)

לא עובד לי אפשר לדעת מה?

יש לי כמה בעיות: 1. למטה יש תיבת בחירה ואין לי מושג למה אבל הוא שם לי לידה עוד אחת ריקה אם תיבת סימון לידה. 2. ניסית את כל הדברים שאני יודע שיכולים להפסיק ולהפריד שורה(br, hr, p) בין התיבת בחירה לכפתור שליחה. 3. משומה הוא לא מראה לי את הטקסט "שליחה:" שכתבתי ליד הכפתור. 4. הכפתורים שלי לא עובדים. אשמח מאד אם מישהו יוכל לעזור ולהגיד לי מה הטעויות שלי. הנה המסמך(לא יודע למה הוא יצא קצת מבולבל):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="he" xml:lang="he" dir="rtl">
  <head>
    <title>על עצמי</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta http-equiv="content-language" content="he" />
  </head>
  <body>
<from action="mailto:mmmm@mmm.com" methhod="post" enctype="text/plain"> <fieldset>
<p>
שם מלא: <input id="funa" name="funa" type="text" />
<br />
סיסמא: <input id="pass" name="pass" type="password" maxlength="8" /> (1-8 תווים)
<br />
מקום מגורים: <input id="plive" name="plive" type="text" />
<br />
טלפון: <input id="tl" name="tl" type="text" />
<hr />
השיעורים האהובים עלי הם:
<br />
תורה <input id="combo" name="combo" type="checkbox" />
<br />
גמרא <input id="combo1" name="combo1" type="checkbox" />
<br />
מתמתיקה <input id="combo2" name="combo2" type="checkbox" />
<br />
מחשבים <input id="combo3" name="combo3" type="checkbox" />
<br />
אחר <input id="combo4" name="combo4" type="checkbox" checked="checked" />
(ניתן לבחור בכמה תשובות)
<hr />
אני לומד ב:
<br />
גן <input id="radio1" name="radio" type="radio" />
<br />
יסודי <input id="radio2" name="radio" type="radio" />
<br />
חטיבה <input id="radio3" name="radio" type="radio" />
<br />
תיכון <input id="radio4" name="radio" type="radio" />
<br />
אוניברסיטה <input id="radio5" name="radio" type="radio" />
<br />
אחר <input id="radio6" name="radio" type="radio" checked="checked" />
<hr />
הניקוד שאני נותן לטופס הוא:
<select>
<option>1<option/>
<option>2<option/>
<option>3<option/>
<option>4<option/>
<option>5<option/>
<option>6<option/>
<option>7<option/>
<option>8<option/>
<option>9<option/>
<option selected="selected">10<option/>
<select/>
<p/>
<p>
שליחה:
<input type="submit" />
<br />
איפוס:
<input type="reset" />
<p/>
<fieldset/>
<from/>
<body/>
<html/>

מקור מידע נוסף

כתבתי בבלוג שלי שני מאמרים שיעזרו לכם, רישיון CC-BY-SA, אז אין בעייה לשלב בוויקיפדיה\וויקיספר: http://www.doom.co.il/blog/?p=71 http://www.doom.co.il/blog/?p=66 http://www.doom.co.il/blog/?p=6

תודה

הספר מאוד עוזר. כל הכבוד על ההשקעה!

כדאי להוסיף סיכום למתקדמים

חייבים לעשות כאן יותר תרגולים! 87.68.49.62 08:57, 18 בדצמבר 2010 (IST)

פלאש

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

176.98.73.90 16:51, 18 באוגוסט 2015 (IDT)

סידור הספר

• צריך ליצור תוכן עניינים בתבנית.
• יש לפחות שלושה דפים שמדברים על הכותרת הצהרת סוג מסמך, כותרת html והגדרת גרסה. לדעתי צריך לשלב אותם לתוך כותרת html וליצור הסבר קצרצר בהתחלה למתחילים (אולי זה שיש עכשיו באמת).