close
تبلیغات در اینترنت
قسمت ششم اموزش اچ تی ام ال
خرید و فروش فایلپروژه رباتیک و الکترونیک
آخرین مطالب مفید
[Post_Title]
[Post_Title]
تاریخ: [Post_Date]
نویسنده: [Post_Author]
redtools.ir
تبلیغات
خرید هاست تبلیغات شما
قسمت ششم اموزش اچ تی ام ال
قسمت ششم اموزش اچ تی ام ال
تاریخ: 22 / 12 / 1392
نویسنده: Majid

درس 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> 

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

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

مثال 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 ذکر شد، عناصری هستند که به تگ های باز و بسته معروفند. این به اصطلاح تگ های متصل شده نیست بلکه تگ ها جدا شده اند. یک مثال از چنین برچسب <br /> است که مثل اینتر کیبورد عمل میکند و یک خط پایین میاید:

مثال 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>

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

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

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

<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>

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


نمایش نظرات
آیا وقت آن نرسیده است که قالب اختصاصی برای خود داشته باشید؟!
ابزار قرمز با سابقه عالی و طراحی های مد پسند بهترین انتخاب برای شما میباشد.
با کیفیت ترین قالب با مناسبترین قیمت , قالب هایی سئو شده و طراحی های نو
همینک قالب اختصاصی خود را سفارش دهید

درباره ابزار قرمز

ابزار قرمز در 8/8/1392 به صورت رسمی شروع به کار کرد.
ابزار قرمز تصمیم دارد دنیای گرافیک و کدینگ را واضح تر رو به روی مردم فارسی زبان ایران به نمایش در آورد و تا به امروز پیشرفت چشم گیری کرده است!
این سایت توسط گرافیست و برنامه نویس وب ایرانی به نام دانیال ضامنی اداره میشود.
هدف ابزار قرمز هیچ گاه پول نبوده و نیست , تنها پیشرفت وبلاگنویسان ایرانی برای ما مهم است و می ماند.
با وجود هزینه های سنگین در دنیای مجازی ما هیچ گاه از تبلیغات های سنگینی مثل پاپ اپ استفاده نمیکنیم.
با تشکر مدیریت ابزار قرمز!

وضعیت بازدید ابزار قرمز

تعداد مطالب ارزشمند رایگان: 116
تعداد کاربران عضو سایت: 3007
تعداد نفرات حاظر در سایت: 1
تعداد بازدید امروز: 99
تعداد بازدید دیروز: 263
تعداد بازدید این ماه: 3,139
تعداد بازدید این سال: 14,326
زمان حال سایت: یکشنبه 01 مهر 1397

تــ ــالــ ــار گــفـ ـتــ ـگـ ـو

تعداد پاسخ: 0
تعداد بازدید: 1
توسط: sitecode
تعداد پاسخ: 0
تعداد بازدید: 2
توسط: amiralli96
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: nikanmohajer
تعداد پاسخ: 0
تعداد بازدید: 2
توسط: nahal
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: amiralli96
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: amiralli96
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: amiralli96
تعداد پاسخ: 0
تعداد بازدید: 5
توسط: nahal
تعداد پاسخ: 0
تعداد بازدید: 4
توسط: nahal
تعداد پاسخ: 0
تعداد بازدید: 7
توسط: amiralli96
تـــمـــامـــی حـــقــــوق مــــحـــفــوظ مــیــبــاشــد !
طــراحــی شــده تــوسـط: مجید امانی
اجــرا شــده تـوسـط: وبـســایــت ابــزار قــرمـز