תגיות לעבודה עם טקסטים
נכתב ע"י יוחאי ירמיהו
הספקנו לדבר במדריכים הקודמים על יצירת פסקאות ועל יצירת עיצוב לטקסטים בעמוד. במאמר הבא ננסה לדבר על סוגים נוספים של קודים שבדרך כלל נוכל להשתמש בהם בעבודה עם טקסטים ונציין קודים ב-HTML שיאפשרו לנו לשבור שורה, להוסיף מרווחים, למרכז טקסטים ועוד…
איך לבנות אתר בחינם בשעה וחצי?
יש לי הצעה מעניינת עבורך, יצרתי הדרכה מלאה של למעלה משעה וחצי שתלמד אותך איך לבנות אתר מ-0 בחינם כולל רכישת אחסון ודומיין. נשמע מעניין? אשמח לשלוח לך אותה למייל.
מרכוז של טקסט בעמוד
בדרך כלל כאשר אנחנו רוצים למרכז אלמנט לעמוד נצטרך לעמוד זאת באמצעות קוד CCS ולא באמצעות קוד HTML (ניתן לראות מידע נוסף על CSS באתר CSS ישראל).
למזלנו קיימת גם תגית HTML בשם Center שתאפשר לנו למרכז את הקוד בעמוד אפילו ללא השימוש בקוד CSS בעמוד.
זוהי שורה שבה הטקסט ממורכז בתוך העמוד
<center>
<p>זוהי שורה שבה הטקסט ממורכז בתוך העמוד</p>
</center>
שבירת שורה (ירידת שורה)
במאמר של יצירת פסקאות הסברנו לכם שאי אפשר לרדת שורה בתוך פסקה ב-HTML. כאשר אתם יורדים שורה בתוך עורך התוכן שאיתו אתם עובדים הדפדפן מתעלם מירידת ומציג את התוכן ברצף רגיל. כאשר אנחנו רוצים לרדת שורה בקוד HTML נוכל לעשות זאת באמצעות תגית br וניתן להשתמש בתגית אפילו יותר מפעם אחת כדי לרדת יותר משורה אחת.
שורה ראשונה בעמוד
שורה שנייה בעמוד
<p>
שורה ראשונה בעמוד
<br />
שורה שנייה בעמוד
</p>
כפי שצוין ניתן גם לרדת שונה נוספת ולהוסיף מרווחים בין 2 השורות על ידי הוספת התגית של br פעם נוספת בעמוד.
שורה ראשונה בעמוד
שורה שנייה בעמוד
<p>
שורה ראשונה בעמוד
<br /><br />
שורה שנייה בעמוד
</p>
יצירת מרווח בין מילים בעמוד
בצורה דומה לכך שהדפדפן מתעלם משבירת שורות בתוך התוכן של העמוד הוא גם מתעלם ממרווחים מיותרים וניתן להוסיף רק מרווח אחד בין מילה אחרת לאחרת רק באמצעות קוד מיוחד לכך.
על מנת להוסיף מרווחים בין מילים שונות בתוך העמוד נוכל להשתמש בפקודה הבאה ובכל פעם שנכניס את הקוד המיוחד למרווח יתווסף רווח נוסף בין מילה אחת למילה האחרת.
זוהי תחילת השורה וכאן יש מרווח נוסף
<p>
זוהי תחילת השורה וכאן יש מרווח נוסף
</p>
כאשר אנחנו רוצים להוסיף יותר ממרווח אחד בין המילים נוסיף את הפקודה כמה פעמים לפי כמות המרווחים/התווים שאנחנו רוצים.
זוהי תחילת השורה וכאן יש מרווח נוסף
<p>
זוהי תחילת השורה וכאן יש מרווח נוסף
</p>
עוד לא צפיתם בהדרכה? זה בחינם!
אני רוצה ללמד אתכם לבנות אתר אחד בחינם. מדובר על הדרכה של למעלה משעה וחצי שבה אני אלמד אותך מ-0 לבנות אתר כולל רכישת אחסון ודומיין. לקבלת ההדרכה למייל באופן מיידי יש להשאיר פרטים מתחת.
אם אהבתם את המדריך ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:
יש לכם שאלות בנוגע למדריך HTML? שתפו אותנו בתגובות!
אם יש לכם שאלות, אם משהו היה לא מובן או במידה ואתם רוצים לשתף אותנו בדעה שלכם תוכלו לעשות זאת בתגובות מתחת: