רגע של מחשבית (HTML)שמואלג
עבר עריכה על ידי שמואלג בתאריך י"א בסיון תשע"ג 21:04

אפשר להגדיר HTML ב2 מילים- שפת עיצוב.

 

מטרתו של הHTML להורות לדפדפן איך להציג את המידע שהוא מקבל.

 

קצת על מה שקורה בעת גלישה באתר פשוט:

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

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

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

לכל תאג יש תאג סוגר, כשבניהם יש את התוכן שלו.

הנה דף HTML בסיסי:

<html>
<head>
<title>כותרת העמוד</title>
</head>
<body>
<b>אני בולד</b>
<u>אני עם קו תחתוון</u>
<div id="main">אני תאג עם מאפיין id<br/>
<a href="http://inn.co.il">אני קישור</a>
</div>
</body>
</html>

בדף זה יש מספר תאגים בסיסים:

  1. html התג שבתוכו יושב כל הדף
  2. head תאג המכיל כל מיני הגדרות כלליות לדף, ודברים נוספים.
  3. title כותרת הדף
  4. body גוף הדף- פה יבואו כל הדברים שרואים על הדף בפועל
  5. b תאג ליצוג טקסט מודגש
  6. u תאג ליצוג טקסט עם קו תחתון
  7. div לרוב משמש כ"קופסא" להכלת תאגים נוספים
  8. br מעבר שורה
  9. a תאג לקישור.

כל תאג יכול להכיל עוד הגדרות (כמו ההגדרה id של הdiv).

למשל אם הייתי רוצה שכל מה שנמצא בתוך הdiv (קרי הטקסט "תאג עם מאפין..." והקישור) יהיה עם רקע כחול הייתי שם לו מאפיין stayle עם הערך background:blue.

 

הקודם|רשימה מלאה|הבא

תודה רבהנפשי תערוג


אם יצא לכם להיתקל בבעיה "קוד חתימה גדול מידי"שמואלג

ואתם לא מבינים למה אז עכשיו אולי תבינו יותר טוב.

 

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

 

גם חתימה נשמרת בערוץ כקוד הHTML שמייצג אותה.

בגלל סיבות טכניות לא טוב שאותו הקוד יהיה ארוך מידי, לכן זה הוגבל ל600 תווים.

 

אבל על כל פיסת עיצוב שאתם עושים "מתבזבז" לכם מאותם תוים, כי העיצוב הזה צריך להיות מיוצג כHTML.

למשל השורה הבאה:

שמואלג כותב שטויות

 

תעלה לכם: 640!! תווים...

(לפני הנסיון לייעל, שבמקרים מסויימים יכול להועיל המון)

 

אז בהצלחה

חן חן! זה יפהכתר הרימון


זה הסבר פרקטי...משה
יישר כח-משה ר-


תודה!כתר הרימון

אני לא מאמינה שבסוף זה קרה

 

1. יש מצב לראות את העיצוב של הדף שהעלית, איך הוא נראה בעיניי המשתמש?

 

2. למה לכאורה יש פעמיים b..?

 

מימין ומשמאל לטקסט: 

<b>אני בולד</b>

וכן בשאר השורות.

 

3. שים את הרגעים הקודמים. שכחת

 

בתודה

1. אני אעלה לפה בעז"השמואלג

2. אחד פותח ואחד סוגר, שידע איפה מסתיים התאג.

 

3. ידוע, פשוט רציתי כבר לשלוח, אוסיף בהזדמנות

תגית פתיחה ותגית סגירה ועוד קצת.11111

תגת פתיחה הינה תגית הפותחת את הקטע שהיא מסמנת, היא תבוא רגיל בתוך סוגריים משולשות, כך:

<tag>

תגית סגירה לעומתה מסיימת את הקטע, ולפני שם התגית יבוא סלש, כך:

</tag>

ישנם תגיות שלא מסמנות קטע (למשל תגיות תמונה (img), מעבר שורה (br) וכדו') ולכן לא צריכות פתיחה וסגירה, בHTML מודרני צריך לסמנם עם סלש בסוף התגית, כך:

<tag />

זה אמנם יעבוד בלי בעיה גם בלי הסלש אך כך צריך.

 

 

לקביעת מאפיינים לתגית יש להכניסם לאחר השם שלה (ואם מדובר בתגית המסמנת קטע אז מכניסים את המאפיינים רק בתגית הפותחת), כך:

<tag id="example_tag" />
תודה.כתר הרימוןאחרונה

וזה גם מסביר לי עוד משהו שניסיתי להבין...

אז תודה

זה הספד לפני שעוברים לHTNL5?מושיקו

אאל"ט הכול פה נכון גם לגבי HTML5שמואלג


מי כותב היום?היום יש ארגז כליםמושיקו

למי שממש מענין אותו הנושא

יש אתר טוז ללימוד

http://www.devschool.co.il/guides/html5/html5_HOME.aspx

 

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


אולי הוא מתכוון לtoolbox ב VSאיזה_טוב_ה'_


ישר כוח. רק שאלה:טל 123

איפה כותבים את זה?

 

כלומר, java, לדוגמא, כותבים בnetbeans או בeclipse ועוד, ובונים קובץ jar.

c בvisual studio ...

 

איפה בונים דף html? איך מעלים אותו לשרת?

אפשר לכתוב גם בפנקס רשימות, ולשמור כHTMLאיזה_טוב_ה'_

בגלל שזה לא צריך לעבור קימפול כמו java

לרוב אם כותבים HTML לבדשמואלג

עובדים בעורך טקסט פשוט, או משהו בסגנון של notepad++.

 

אבל לרוב באתר אמיתי, שהתוכן קצת דינמי התוצאה היא HTML, אבל זה אחרי שעובר "עיבוד".

דוגמאות לשפות שמשתמשים בהם לזה asp php

 

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

או שרת אפצ'י- אם בטעות מדובר על שרת בבית, או IIS.

 

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

מה ההבדל בין PHP ASP ASPX וכו'?מושיקו


אין לי תשובה מדוייקתשמואלג

או לפחות אני לא מצליח לנסח כזאת.

 

(כי בראש פחות או יותר יש לי)

הדף שבדוגמאשמואלג
תודה.כתר הרימון

למה אני רואה br רק פעם אחת?

אני שמתי רק אחד.שמואלג

הסיבה שיש פעמיים רווח זה בגלל שdiv בברירת המחדל הוא בשורה חדשה

למה אנשים מגמגמים?בנות רבות עלי

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

אמרתי לו אוקי מה…

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

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

חחח …בנות רבות עלי

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

מצווה שניה.

אגב, למה לא פונה אלי מישהי חסודה לשם שינוי?בנות רבות עליאחרונה

סתם שאלה שעלתה לי הרגע.

טוב זה כבר קרה בשבת ויצאתי קצת טמבל אבל בסדר. לא נדבר על זה כרגע. מי שואל איפה זה עין גנים כשיש גם רחוב כזה וזה גם שכונה?! כן זה אני ששאלת אותו את זה בשבת היי 🙋🏼‍♂️

חחח מצחיק שאני מגיע לפה פעם ביובל עם סיפורים הזויים …

שנה טובה, ברוכה, שמחה, שלווה, לכולכם כולכם כולכם!!נחלת

אמן ואמן וגם לךארץ השוקולד

שנה של קיום משאלות לטובה לכל באי ובאות הפורום

אמן. גם לךנפשי תערוגאחרונה

יש משהו מאוד מוזרפשוט אני..

כאשר יש תחושת אבל על אדם שהלך לעולמו,

למרות שהוא לא קרוב משפחה,

ולא חבר קרוב,

ולא בוס,

אלא ''רק'' מנחה ומנטור.

מי שבהרבה מובנים הביאה אותי עד הלום,

ומי שמיליוני בני אדם חייבים לה את חייהם בלי שהם בכלל יודעים.

נוחי בשלום,

פרופסור עדה יונת.

וכן אני יודע שהיא הייתה שמאלנית קיצוניתפשוט אני..

אשמח אם זה לא יהיה הנושא כאן...

למה מוזר?משה

היה לך קשר איתה. הערכת אותה. עשית איתה דרך. הכי הגיוני בעולם.

מתוך 14 הזוכים הישראלים בפרס נובלאריק מהדרום

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

יהי זכרה ברוך.

איזו תקרת זכוכית?shaulreznik

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

נכון עקרוניתאריק מהדרום

בפועל היתה רק אחת

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

לא היו גונבים ממנה את הגילוי

לכבוד ראש השנהאוי טאטע!

ארץ אשר ד' אלהיך דרש אתה תמיד עיני ד' אלהיך בה מרשית השנה ועד אחרית שנה

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

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

מוזמנים להצטרף

קמפיין 'טובה הארץ מאוד מאוד'

מי אשכנזי וער בגלל סליחות?זיויק

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

יש כאן אוהדי קבוצת כדורגל/כדורסל לשאלה בפרטי?צע

חיילי גבעתיאריק מהדרום

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

לא מכבים אש עם דלק!Nachman Wilhelmאחרונה

מעגל דמים ללא קץ או עוצמת נצח: התודעה היהודית שתכריע את האויב

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

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

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

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

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

קטן מידי.

מה הבעיה להגדיל?אני פה דברו!
היי, מזמן לא היית פה!מבולבלת מאדדדד

כי אי אפשר מהפלאפוןאריק מהדרום

בוודאי שאפשרנפשי תערוג

תעבור למצב מחשב

ואז הגדלה/הקטנה על ידי צביטה

אפשר מהטלפוןמשה

החל מלפני כחודש שהחלפנו את הckeditor הנוראינב tiptap.

א-אהאריק מהדרוםאחרונה

עכשיו הכל מובן.

זה בדרך אבל אתם לא יודעים את זהקפיץ

אולי יעניין אותך