/ جلسه پنجم آموزش html -->تگ ها و عناصر
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 3 از 3

موضوع: جلسه پنجم آموزش html -->تگ ها و عناصر

  1. #1
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir

    جلسه پنجم آموزش html -->تگ ها و عناصر

    درود!

    در این آموزش میخوام نحوه قرار گیری و .... تگ ها و عناصر رو بهتون آموزش بدم!

    اسناد اچ تی ام ال توسط عناصر اچ تی ام ال توصیف میشن!

    مروری بر قسمت های قبلی آموزش:
    عناصر HTML

    همه عناصر اچ تی ام ال بین و تگ آغازین و پایانی قرار میگیرند!

    تگ پایانی عناصر تگ آغازین
    </p> This is a paragraph <p>
    </a> wikivb <"a href="wikivb.ir>
    <br>
    معمولا به تگ آغازین تگ باز و به تگ پایانی تگ بسته میگویند!


    ترکیب و نحوه عناصر HTML

    • عناصر HTML با تگ باز شروع میشوند .
    • عناصر HTML با تگ بسته تمام میشوند .
    • تمامی محتوای عناصر HTML بین دو تگ باز و بسته قرار دارند .
    • بعضی از عناصر HTML محتوایی ندارند .
    • عناصر بدون محتوا با تگ باز به پایان میرسند .
    • اکثر عناصر HTML ویژگی هایی برای توصیف بیشتر دارند .

    درجلسه بعد درباره ویژگی ها بیشتر توضیح خواهم داد !

    عناصر HTML تو در تو

    بیشتر عناصر اچ تی ام ال تو در تو هستند !(میتواند حاوی عناصر اچ تی ام ال دیگری باشند .)

    اسناد html از عناصر تو در تو یا زیاد به وجود می آیند!

    مثال برای سند HTML

    کد:
    <!DOCTYPE html>
    <html>
    
    <body>
    <p>This is my first paragraph.</p>
    </body>
    
    </html>


    مثال بالا دارای 3 عنصر اچ تی ام ال میباشد !

    درباره تگ های HTML
    تگ <p>

    کد:
    <p>This is my first paragraph.</p>


    عناصر داخل این تگ یک پاراگراف رو تعریف میکنند .

    عنصر بعد از تگ <p> شروع و در قبل از تگ </p> به پایان میرسد .

    محتوای عنصر:This is my first paragraph میباشد .

    تگ <body>

    کد:
    <body>
    <p>This is my first paragraph.</p>
    </body>


    تگ <body> محتویات قابل نمایش توسط مرورگر را نمایش میدهد .

    عنصر داخل این تگ توسط <body>شروع میشود و توسط </body>به پایان میرسد .

    عناصر قابل نمایش در دیگر تگ ها در بین این تگ قرار میگیرند .

    تگ <html>

    کد:
    <html>
    
    <body>
    <p>This is my first paragraph.</p>
    </body>
    
    </html>


    تمامی تگ ها و عناصر بین این تگ قرار میگیرند .

    عناصر داخل این تگ با <html>شروع و با </html>به پایان میرسند .

    تمامی تگ ها و عناصر قابل نمایش و غیر قابل نمایش در بین این تگ قرار میگیرند .

    تگ بسته را فراموش نکنید !

    بعضی از عناصر اچ تی ام ال بدون بستن تگ پایانی نیز قابل نماش هستند حتی اگر تگ پایانی را فراموش کنیم :

    کد:
    <p>This is a paragraph
    <p>This is a paragraph


    مثال بالا در بیشتر مرورگر ها قابل اجرا هست چون تگ پایانی اختیاری در نظر گرفته شده است!

    هرگر به این چیز تکیه نکنید !چون بیشتر تگ ها نیز باید بسته شوند و اگر بسته نشوند باعث کار نکردن یا ارور ..... میشوند .

    عناصر بدون محتوا HTML

    تگ های اچ تی ام ال که هیچ عنصری در انها وجود ندارد را عناصر بدون محتوا مینامند !

    برای مثال تگ <br> یک تگ بدون تگ بسته میباشد و محتوایی نیز ندارد .(از این تگ برای شکستن جمله استفاده میشود!مانند کلید enter در ادیتور)

    در XHTML تمامی تگ ها باید بسته شوند!یعنی باید یک اسلش به آن ها اضافه کرد مانند </br> , این راه مناسبی برای بستن تگ ها در XHTML و XML است !

    از حروف یا کلمات کوچک و مخفف استفاده کنید

    اچ تی ام ال به تگ های بزرگ یا کوچک حساس نیست:<p> همان معنی <P> را میدهد.

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

    پایان آموزش مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    ادامه دارد.....

    9 نفر از اعضا پست AminX را پسندیده اند


    ویرایش توسط AminX : 06-03-2013 در ساعت 06:06 PM
    .....

  2. نوين وردپرس تبلیغات شما

  3. #2
    Mr.Design آنلاین نیست.
    Mr.Design
    کاربر اخراجي
    256نوشته264مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5739
    پسندیده است
    130 پست
    بلاگ
    2 پست
    میزان امتیاز
    274
    No Set
    درود.

    فهمیدم همه رو ولی فک کنم ترجمه w3school بود. قبلا اونو خونده بودم. شایدم نباشه حدسه.

    یه سوال این اجباری هست آوردنش؟

    کد PHP:
    <!DOCTYPE html

  4. #3
    Mr.Design آنلاین نیست.
    Mr.Design
    کاربر اخراجي
    256نوشته264مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5739
    پسندیده است
    130 پست
    بلاگ
    2 پست
    میزان امتیاز
    274
    No Set
    همچنان منتظر

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. Html کردن صفحات اضافی انجمن با وی بی سئو
    توسط M3hRd4D در انجمن آموزش های VBSeo
    پاسخ: 2
    آخرين نوشته: 02-27-2014, 03:58 PM
  2. پاسخ: 0
    آخرين نوشته: 03-19-2013, 12:58 PM
  3. نظرتون درباره دومین طراحی html من
    توسط MR.CSS در انجمن دیگر کار های گرافیکی
    پاسخ: 34
    آخرين نوشته: 03-01-2013, 11:07 PM
  4. تایپیک جامع آموزش html 5
    توسط رضا در انجمن HTML
    پاسخ: 1
    آخرين نوشته: 12-05-2012, 05:49 PM
  5. آموزش ایجاد متن چشمک زن با html
    توسط رضا در انجمن HTML
    پاسخ: 0
    آخرين نوشته: 11-24-2012, 07:00 PM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی