עבור לתוכן

HTML - Markup Language

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

יוצר/ת האשכול Zpower
  • זיו
  • 153
  • 2.7k הודעות

שלום לכולם,

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

נתחיל משמה של השפה: HTML, השם הוא ראשי תיבות של HyperText Markup Language.

השפה משומשת לבניית אתרי אינטרנט, והיא אחת מבין רבות לבניית דפי אינטרנט.

לשפה HTML יש גרסאות רבות, הגרסא הכי חדשה כרגע היא HTML 5 שדומה מאוד לגרסא הקודמת HTML 4.

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

  • איך השפה הזאת תעזור לי?

השפה HTML היא אחת מבין שפות רבות שאיתן ניתן להכין דף באינטרנט.

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

  • מה ניתן לעשות עם שפה זו?

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

  • האם השפה קלה ללמידה?

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

לדוגמה:</ "img src="image.jpg> הצלחתם לנחש מה הקוד עושה? בעזרת הקוד הזה ניתן לשים תמונה בשם image בפורמט jpg.

במהלך ההסבר אעבור על כמה דברים פשוטים ב-HTML.

  • איפה אני יכול ללמוד את השפה?

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

הדרך השניה והמומלצת היא דרך האינטרנט, אני למדתי מהאתר www.sololearn.com ,האתר מלמד אותך את הבסיס וטיפה דברים מתקדמים יותר.

תמיד אפשר למצוא אתרים אחרים באינטרנט ללמידת תכנות.

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

<!DOCTYPE html><html>   <head>       <title>Page Title</title>   </head>   <body>       <h1>Registeration Page</h1> <br/>       <label>Full Name:</label>       <input type="text" required autofocus placeholder="Name And Last Name"> <br/>       <label>Username:</label>       <input type="text" required placeholder="Choose Username"> <br/>       <label>Password:</label>       <input type="password" required placeholder="Choose a Password"> <br/>       <label>E-mail Addres:</label>       <input type="text" reqired placeholder="[email protected]"> <br/>       <h3>Private Information</h3>       <label>Gender:</label>        <input type="radio" checked> Male       <input type="radio"> female <br/>       <label>Birthday date:</label>       <input type="date"> <br/>       <button>submit</button>   </body></html>

7e3ca49900434626931ce3070621eab7.png

זאת התוצאה של הקוד הארוך.

בואו נעבור על אלמנטים שראינו בקוד:

<h1> =כותרת בגודל הגדול ביותר (קיימים שישה גדלים שונים מ-1 עד 6 כאשר 1 הוא הגדול ביותר).

<label> =כתיבת טקסט, ניתן לכתוב את הטקסט בהמון דרכים שונות ואפילו פשוטות יותר כמו <p>.

</br> =ירידת שורה, השפה לא יורדת שורה כל פעם שאתה לוחץ enter. אתה צריך להנחות אותה לרדת שורה.

<"input type="text> =מוסיף מלבן שבתוכו ניתן לכתוב טקסט.

<"input type="password> =מוסיף מלבן שכאשר כותבים בו הטקסט מוסתר ונכתב כנקודות על המסך.

required (בתוך ה-input) =גורם ל-input עצמו להיות הכרחי, לא נותן לך לסיים את "ההרשמה" ללא כתיבת טקסט בתוכו.

autofocus (בתוך ה-input) =כאשר אתה מגיע לדף אתה כבר מסומן על האובייקט בעל ה-autofocus.

placeholder (בתוך ה-input) =הטקסט האפור שנשאר שם עד שאתה מתחיל לכתוב משהו, הוא נמחק לבד כאשר עומדים על ה-input.

<"input type"radio> =מוסיף עיגול שניתן לבחור, ניתן לבחור רק אחד מהמספר הנתון של ה-radio.

checked (בתוך ה-input) =הברירת מחדל שנבחרה אוטומטית (ניתנת לשינויי) ובמקרה שלנו, Male.

<"input type="date> =מלבן עם תאריך מובנה הניתן לשינוי, מגיע בתבנית של חודש יום ושנה וכך משתנה.

יודע להבין שבחודש פברואר הוא נותן לך לעלות רק עד 28 (או 29 תלוי בשנה).

<button>submit</button> =כפתור submit.. אין מה להסביר עליו, ניתן לתכנת אותו אך זה בשלב מתקדם יותר.

מקווה שאהבתם את ההסבר על השפה! עוד בהמשך!

בברכה,

Zpower

קישור ישיר להודעה
שתף באתרים אחרים

  • תגובות 11
  • נוצר
  • תגובה אחרונה

משתמשים מובילים באשכול זה

ימים פופלאריים

משתמשים מובילים באשכול זה

MargotRobbie
  • יניב
  • 10
  • 772 הודעות

מדריך מעולה! שאפו זיו!

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

קישור ישיר להודעה
שתף באתרים אחרים

יוצר/ת האשכול Zpower
  • זיו
  • 153
  • 2.7k הודעות
מדריך מעולה! שאפו זיו!

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

אתה מתכוון למשהו כזה? http://code.sololearn.com/#html

קישור ישיר להודעה
שתף באתרים אחרים

MargotRobbie
  • יניב
  • 10
  • 772 הודעות
אתה מתכוון למשהו כזה? http://code.sololearn.com/#html

גם אך זה אתר ואני מדבר על קומפלייר להורדה.

קישור ישיר להודעה
שתף באתרים אחרים

יוצר/ת האשכול Zpower
  • זיו
  • 153
  • 2.7k הודעות
גם אך זה אתר ואני מדבר על קומפלייר להורדה.

HTML אפשר בכל קובץ טקסט. מומלץ Notepad++.

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

קישור ישיר להודעה
שתף באתרים אחרים

MargotRobbie
  • יניב
  • 10
  • 772 הודעות
HTML אפשר בכל קובץ טקסט. מומלץ Notepad++.

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

קומפלייר בשונה מכל קובץ טקסט בונה את התוכנה .

קישור ישיר להודעה
שתף באתרים אחרים

React
  • 13
  • 696 הודעות
קומפלייר בשונה מכל קובץ טקסט בונה את התוכנה .

לא דרוש קומפלייר לhtml, השפה הינו קוד פתוח. ("בדוק מרכיב") אפשר לראות את הקוד בכל מקום בניגוד ל php אשר הינו קוד סגור. אשר אי אפשר לראות.

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

קישור ישיר להודעה
שתף באתרים אחרים

MargotRobbie
  • יניב
  • 10
  • 772 הודעות
לא דרוש קומפלייר לhtml, השפה הינו קוד פתוח. ("בדוק מרכיב") אפשר לראות את הקוד בכל מקום בניגוד ל php אשר הינו קוד סגור. אשר אי אפשר לראות.

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

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

קישור ישיר להודעה
שתף באתרים אחרים

React
  • 13
  • 696 הודעות
לא שאלתי אם דרוש קומפלייר שאלתי אם קיים אחד כזה.

לא דרוש = לא קיים. אם היה דרוש אז היה קיים.

קישור ישיר להודעה
שתף באתרים אחרים

MargotRobbie
  • יניב
  • 10
  • 772 הודעות
לא דרוש = לא קיים. אם היה דרוש אז היה קיים.

הבנתי.

תודה בכל מקרה,מצאתי פתרון.

קישור ישיר להודעה
שתף באתרים אחרים

Trokar
  • guri
  • 14
  • 454 הודעות

וואלה זיו אתה תותח

קישור ישיר להודעה
שתף באתרים אחרים

יוצר/ת האשכול Zpower
  • זיו
  • 153
  • 2.7k הודעות
וואלה זיו אתה תותח

תודה גבר

קישור ישיר להודעה
שתף באתרים אחרים

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

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

צור חשבון

צור חשבון חדש בקהילה בקלי קלות.

רישום חשבון חדש

התחבר

משתמש קיים? התחבר.

התחבר עכשיו

תתי פורומים

בפורום זה אין תתי פורומים

מנהלי הפורום

בפורום זה אין מנהלים

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

×
×
  • צור חדש...