Nuvola apps bookcase Icône HS.svg
Emoji u1f3eb.svg

בתי ספר שמעוניינים להשתתף בפרויקט מוזמנים לשלוח דוא"ל לכתובת info@kidipedia.org.il

מדריך:HTML/שיעור 2

מתוך קידיפדיה
קפיצה אל: ניווט, חיפוש

בשיעור זה נלמד על עיצוב טקסט בסיסי. ‏

הקדמה

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

תג B

כדי להדגיש טקסט, אנו צריכים להוסיף את התג <b> לפני ואחרי הטקסט אותו אנו רוצים להדגיש. לדוגמא

<html>
	<head>
		<meta charset="utf-8">  
		<title> כותרת </title>
	</head>
	<body>
		<b>זהו טקסט מודגש</b>
		<p><b>זהו טקסט</b> שרק חלק ממנו מודגש</p>
	</body>
</html>

והתוצאה היא:
זהו טקסט מודגש
זהו טקסט שרק חלק ממנו מדוגש

תג I

כדי לכתוב טקסט נטוי יש להשתמש בתג <i>. לדוגמא

<html>
	<head>
		<meta charset="utf-8">  
		<title> כותרת </title>
	</head>
	<body>
		<i>זהו טקסט נטוי</i>
		<p><i>זהו טקסט</i> שרק חלק ממנו נטוי</p>
	</body>
</html>

והתוצאה היא:
זהו טקסט נטוי
זהו טקסט שרק חלק ממנו נטוי

קו תחתון

כדי להוסיף קו תחתון לטקסט יש להשתמש בתג <u> במדריך זה לא נראה לכם איך לעשות זאת. אתם תנסו לעשות זאת בעצמכם (ראו זאת כמעין תרגיל...).

תרגול

כתבו משפט שמילה אחת בו מודגשת ומילה אחרת בה מוטת.

לפתרון התרגיל, לחצו כאן ←
<html>
	<head>
		<meta charset="utf-8">  
		<title> כותרת </title>
	</head>
	<body>
		<p><b>BOLD</b> and <i>Italic</i></p>
	</body>
</html>

בהמשך

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