آموزش طراحی وب

معرفی عناصر HTML با مثال (۱)

در این بخش بصورت مختصر عناصر کاربردی html را برای شما دوستان عزیز آماده کرده ایم که …

معرفی عناصر html

فصل دوم (عناصر HTML4)

جلسه چهارم (معرفی عناصر HTML همراه با مثال ) (HTML Elements) (قسمت اول)

در این بخش بصورت مختصر عناصر کاربردی html رو برای شما دوستان عزیز آماده کردم که بهتره قبل از شروع پروژه برای درک بهتر ، با این عناصر آشنا بشید.

<html></html> : عنصر اصلی یک پرونده html این عنصره که ابتدا و انتهای پرونده درج میشه . مثال :

 <head></head> : عنصر عنوان و تمامی متاتگ ها و لینک های اتصال فایل های css و  javascript به پرونده و کدهای جاوا اسکریپت مابین این عنصر قرار میگیرن . مثال :

 <title></title> : عنوان صفحه ی وب مابین این عنصر قرار میگیره . مثال :

  <body></body>  : این عنصر بدنه ی یک صفحه ی وب و تشکیل می ده و تمامی کدهای نمایش صفحه تو این قسمت قرار میگیره . مثال :

 <p></p> : برای ایجاد پاراگرف ها از این عنصر استفاده می کنیم .

</ br> برای ایجاد سرخط از این عنصر استفاده میکنیم . ( دو خط و از هم جدا می کنه) مانند :

 <center></center> : از این عنصر برای قرار دادن محتوا تو مرکز صفحه استفاده می شه .

<pre></pre> : توسط این عنصر می تونید نوشته ها و متون و با هر چند space که وارد می کنید نمایش بدید . به عنوان مثال تو تمامی عناصر اگر از space بین کلمات استفاده کنید ، هرچند تا space (فاصله) هم باشه فقط یک space محاسبه می کنه و متون رو بصورت پیشفرض نمایش می ده ، اما اگر از عنصر <pre> استفاده کنید می تونید با همون فواصل دلخواه و قالبی که میخواین ،  متون و نمایش بدید . به عنوان مثال : هر جمله تو یک خط.

 <b></b> : اگر متنی رو مابین این عنصر قرار بدید ، اون و بصورت ضخیم و یا Bold نمایش می ده .

<i></i> : اگر متنی را مابین این عنصر قرار بدید، اون و بصورت کج و یا Italic نمایش می ده .

<sup></sup> : برای درج توان بالای اعداد از این عنصر استفاده میکنیم .

<sub></sub> : برای درج اندیس از این عنصر استفاده میکنیم .

<hr />‎ : با استفاده از این عنصر شما میتونید یک خط مابین متون خودتون رسم کنید .

<em></em> : از این عنصر برای تاکید و متون مهم استفاده می شه .

<strong></strong> : اگر متنی رو مابین این عنصر قرار بدید اون متن و بصورت ضخیم و یا Bold نمایش می ده و برای موتورهای جستجوگر به عنوان یک متن مهم بشمار میاد.

<address></address>  : برای افزودن آدرس از این عنصر استفاده می شه که محتوا باید بین این دو عنصر قرار بگیره . مانند :

<acronym></acronym> : برای افزودن اختصارها از این عنصر استفاده می شه . مانند:

<blockquote></blockquote> : برای درج نقل قول  های طولانی از این عنصر استفاده می شود .

<q></q> : برای نوشتن نقل قول های کوتاه از این عنصر استفاده می شود .

<code></code> : برای نمایش سورس کدها میشه از این عنصر استفاده کرد.

تهیه شده در مدرسه آنلاین ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۴

    • سلام دوست عزیز

      از عنصر address برای نوشتن یه آدرس استفاده میشه مثلا :

      تهران و ...

      از عنصر acronym برای نوشتن یک توضیح برای یک عبارت استفاده میشه. مثلا تو مثال زیر ما یک جمله نوشتیم و خواستیم برای iranweblearn یه توضیح بدیم که با رفتن موس روی این کلمه توضیحی رو هم مشاهده میکنیم .


      آموزش تخصصی طراحی وب IranWebLearn

  • برای نوشتن نقل و قول چرا توی تایپ خیلی ساده از : استفاده نمی شه؟
    مورد codeرو اصلا متوجه نشدم! سورس چه کدی؟

    • سلام دوست عزیز
      منظورتون و از : متوجه نشدم ، توی نقل قول : کاربرد نداره .
      منظور از کد یا سورس همون کدهای html , php, css , js و … هست.
      موفق باشید

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین