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

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

معرفی عناصر 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> : برای نمایش سورس کدها میشه از این عنصر استفاده کرد.

تهیه شده در مدرسه مجازی ایرانیان

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

  • Sina

    سلام
    میشه یکم در باره ی چگونگی استفاده از تگ های acronum و address توضیح بدید؟

    • میترا رحیمی

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

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

      تهران و ...

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


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

  • mehrnaz

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

    • میترا رحیمی

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

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

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

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟