قسمت ششم اموزش اچ تی ام ال

          Majid 
            بازدید : 933
          1392/12/22
           نظرات (1)
        

درس 6: معرفی عناصر دیگر

ایا شما توانستید تا الان صفحه ی اچ تی ام ال ساده ای را بسازید؟ اگه نه به مثال زیر توجه کنید:

<html>

<head>

<title>My website</title>

</head>

<body>

<h1>A Heading</h1>

<p>text, text text, text</p>

<h2>Subhead</h2>

<p>text, text text, text</p>

</body>

</html>

حالا وقت یادگیری هفت عنصر دیگر است.

در اچ تی ام ال برای کلفت کردن متن با قرار دادن آن بین تگ باز کردن  و تگ بسته شدن  انجام میدهیم ، شما می توانید بزرگی و قوی تر را با استفاده از تگ باز کردن را  و برچسب بسته  انجام دهید .

مثال 1:

<strong>Stronger emphasis.</strong>

چیزی که در مرورگر مشاهده میشود:

Stronger emphasis.

small متن خود را کوچکتر کنید:

	<small>This should be in small.</small>

چیزی که در مرورگر مشاهده میکنید:

This should be in small.

شما به راحتی می توانید چندین عنصر را که به هم دخالت ندارند رو با هم جفت کنید بهتر است با مثال به شما نشان دهیم:

مثال 3:

	<em><small>Emphasised small text</small></em>

این طرز غلط است:

	<em><small>Emphasise small text</em></small>

تفاوت این است که در مثال اول اولین تگی که باز میشود اخرین تگ بسته شده میشود و مثال دومی مثال غلط میباشد که هم مارا گیج میکند و هم مرورگر را

همانطور که در درس 3 ذکر شد، عناصری هستند که به تگ های باز و بسته معروفند. این به اصطلاح تگ های متصل شده نیست بلکه تگ ها جدا شده اند. یک مثال از چنین برچسب  است که مثل اینتر کیبورد عمل میکند و یک خط پایین میاید:

مثال 4:

متن <br /> و متن در یک خط جدید

چیزی که در مرورگر مشاهده میشود:

متن
و متن در یک خط جدید

عنصر دیگری که فاصله میاندازد <hr /> است که برای رسم یک خط افقی ("ساعت" مخفف "خط افقی") به کار میرود:

مثال 5:

<hr />

چیزی که در مرورگر مشاهده میشود:

نمونه هایی از عناصر ها هستند که باید هر دو یک تگ باز و تگ بسته شدن داشته باشند به عنوان مهمترین عناصر این تگ هارا معرفی میکنیم: `ul` ، `ol` و `li` .این تگ ها زمانی که شما میخواهید متن را به لیست تبدیل کنید به کار می اید.

ul کوتاه را برای "لیست نامرتب" است و درج گلوله (نقطه قبل از متن) برای هر آیتم از لیست. ol کوتاه را برای "لیست مرتب" و شمارش هر آیتم از لیست است. برای آیتم های موجود در لیست با استفاده از li برچسب ("قلم دوم از اقلام لیست") استفاده میشود:

مثال 7:

<ul>

<li>قلم دوم از اقلام لیست</li>

<li>یکی دیگر از اقلام لیست</li>

</ul>

چیزی که در مرورگر مشاهده میشود:

قلم دوم از اقلام لیست
یکی دیگر از اقلام لیست

مثال 8:

<ol>

<li>اولین فقره فهرست</li>

<li>دومین فقره فهرست</li>

</ol>

چیزی که در مرورگر مشاهده میشود:

اولین فقره فهرست
دومین فقره فهرست

خب این هم از هفت عنصری که امروز یاد گرفته اید:

<strong>Stronger emphasis</strong>

<small>Small text</small>

<br />

Line shift

<hr />

Horizontal line

<ul>List</ul>

<ol>Ordered list</ol>

<li>List item</li>

خب درس امروز هم تمام شد منتظر درس های بعدی ما باشید.همواره نظرات شما موجب پیشرفت و دلگرمی ما میشود. خدا نگهدار

ارسال نظر برای این مطلب

	این نظر توسط behnam در تاریخ 1393/01/11 و 21:29 دقیقه ارسال شده است

			میشه در آخر هر درس کد بدست اومده از اول درس رو بگین ؟ پاسخ : بله میشه, اول همین درس رو توجه کنید کدهای بدست اومده نوشته شده.

عنوان	پاسخ	بازدید	توسط
توری مرغی چیست؟	0	3	marjanraad
کارتریج لاپاراسکوپی چیست	0	7	marjanraad
گاتر یا ناودان چیست و در کجا به کار می رود ؟	0	13	showerdrain
سردرد چیست و چگونه سردرد را درمان کنیم ؟	0	13	dr-peymanzandi
عمل جراحی دیسک کمر و تنگی کانال کمری با تعبیه بالشتک بین مهره ای	0	21	dr-peymanzandi
جراح مغز و اعصاب چه کسی هست ؟	0	19	dr-peymanzandi
استپلر چیست؟	0	24	marjanraad
فروش لیوان کاغذی به صورت عمده چگونه است ؟	0	44	sj-cup
وال پست	0	44	wallmeshiran
طراحی ساختمان‌های در برابر زلزله، پیوست شش آیین نامه 2800	0	42	wallmeshiran