Html5

شروع موضوع توسط pouya saadeghi ‏17 جولای 2010 در انجمن زبان HTML

کلمات کلیدی:
وضعیت موضوع:
موضوع بسته شده است.
  1. Morteza1371

    Morteza1371 Active Member

    ارسال‌ها:
    1,126
    تشکر شده:
    955
    امتیاز دستاورد:
    36
    عناصر اچ تی ام ا (HTML ELement) چیست؟

    بوسیله ی عناصر سند های html مشخص می شوند.

    بیشتر توضیح بده.. [​IMG]

    در سند های اچ تی ام ل هر چیزی که بوسیله ی یک تگ باز شروع و با تگ بسته به پایان برسه. [​IMG]

    مثال:

    تگ شروع <p>
    تگ پایان </p>
    محتوای عنصر <p>این یه پاراگرافه </p>



    نکته:تگ شروع رو غالبا تگ باز نامیده شده و تگ پایان رو هم تگ بسته نامیده شده.

    ویژگی های عناصر در html

    • این عناصر بوسیله ی تگ باز شروع می شه . مثلا <p>
    • این عناصر بوسیله ی تگ پایان بسته می شه. مثلا </p>
    • محتوای در عناصر می تونه شامل هر چیزی باشه که بین دو تگ قرار گرفته م. مثلا: <p>این یک پاراگراف است </p>
    • بعضی از عناصر هم بدون محتوا هستند مثل <br> یا </br>
    • بیشتر عنصار می تونند خواصی رو داشته باشند
    عناصر تو دتو html

    بیشتر عناصر می تونند تو در تو نوشته بشن

    اسناد html از عناصر تو در تو تشکیل شده.

    نمونه


    <!DOCTYPE html>
    <html>
    <body>
    <p>This is my first paragraph.</p>
    </body>
    </html>
    مثال بالا شامل 3 تا عنصر هست .

    عنصر <p>


    <p>این یک پاراگراف است </p>
    • عنصر <p> پاراگراف رو در html تعریف می کنه.
    • این عنصر با <p> شروع می شه و با </p> تموم می شه.
    • محتوای این عنصر هم اینه ... این یک پاراگراف است....
    عنصر <body>


    <body>
    <p>این یک پاراگراف است.</p>
    </body>
    • عنصر<body> همون طور که از اسمش پیداست ، بدنه اسناد html رو مشخص می کنه که نحوه چیدن ستون ها و لینک و ... در این عنصر نمایش داده می شه
    • این عنصر با <body> شروع , با </body> بسته می شه.
    • محتوای این عنصر هم می تونه شامل هر چیزی باشه مثل </p> و <a></a> و...
    عنصر <html>


    • این عنصر مشخص می کنه که سند ساخته شده از نوع html هست.

    • این عنصر با تگ <html> شروع و با </html> بسته می شه.

    • محتوای این عنصر هم می تونه شامل <head> و <body> و.. باشه.
    تگ پایان رو یادتون نره

    بعضی از عنصار html رو حتی اگر شما تگ رو بسته هم نکنید بدرستی نمایش داده می شه. مثل نمونه زیر


    <p> این یه پاراگرافه
    مثال بالا در بیشتر مرورگر ها عمل می کنه ، چون بستن تگ اختیاری در نظر گرفته شده.

    اما یه نکته ای اینجاست هست، هرگز بر این موارد تکیه نکید چون که بیشتر تگ رو اگه بسته نکنید هنگام نمایش در مروگر خطا می ده و بدرستی نمایش داده نمی شه.

    نکات پایانی:
    از تگ بزرگ استفاده نکنید <P> . چون با استاندارد طراحی وب مطابقت نداره ، و بهتره از تگ کوچک استفاده کنید <p>
    تمامی عناصر در xhtml باید بسته بشن. می تونید با زدن یک اسلش (/) این کار رو انجام دهید. </b>

    خسته که نشدید [​IMG] [​IMG] [​IMG]

    موفق باشید [​IMG] [​IMG]

    منبع:w3school.com
     
    نوشته شده توسط Morteza1371 در ‏14 آگوست 2013
  2. Morteza1371

    Morteza1371 Active Member

    ارسال‌ها:
    1,126
    تشکر شده:
    955
    امتیاز دستاورد:
    36
    خواص اچ تی ام ال (HTML Attributes)

    خواص ، یه اطلاعات اضافی رو درباره عناصر html می ده.

    ویژگی ها HTML Attributes
    • عناصر می تونند خواصی رو بپذیرند
    • اطلاعات اضافی رو درباره عناصر می ده.
    • برای دادن خاصیت ها به تگ مورد نظر ، همیشه در تگ شروع مشخص می شه.
    • خواص دارای دو قسمت هست name/value ، نام خاصیت و مقدار آن .. مثال :name="value"
    مثال ها:

    برای تعریف لینک در html از تگ <a> استفاده می شه. آدرس لینک هم در خاصیت href مشخص می شه.

    <a href="http://www.wp-parsi.com">This is a link</a>
    استفاده از خاصیت ها

    مقادیر خاصیت ها یا ویژگی ها در دو کوتیشن ("/") باید محصور بشن.

    <a href="http://www.wp-parsi.com">This is a link</a>
    شایعترین نوع،استفاده از دو کوتشین هست و لی اط یک کتشین هم می شه استفاده کزد.

    در بعضی مواقع نادر، مقدار عنصر خود دارای کوتیشن استف لازمه که از تک کوتشین استفاده کنیم،
    مثال

    name='John "ShotGun" Nelson'
    نکته: از حروف کوچک برای مقادیر و ویژگی ها استفاده کنید. در نسخه ها ی جدید xhtml که در آینده میاد از حروف کوچک باید استفاده کرد.

    چند نمونه از خاصیت یا ویژگی ها + توضیحات هر کدام

    class : یک کلاس برای عنصر مشخص می کند ( اشاره به یک کلاس در شیوه نامه یا استایل داره)
    id: شناسه منحصربه فردی برای یک عنصر ایجاد می کنه.
    style: شناسه استایل داخلی رو برای عنصار مشخص می کنه.

    نکته:مهمترین تفاوت class و id

    id: از یک آی دی فقط می شه برای یک عنصر استفاده کرد.
    <a id="linkha"></a> class:از یک کلاس می شه برای چند عنصر مختلف استفاده کرد.
    <a class="linkam'>خانه</a> و <a class="linkam">زندگی</a>
    موفق باشید.

    منبع:w3school.om
     
    نوشته شده توسط Morteza1371 در ‏14 آگوست 2013
  3. dvdtools

    dvdtools Banned

    ارسال‌ها:
    91
    تشکر شده:
    22
    امتیاز دستاورد:
    6
    آقا بعد از یادگیری اچ تی ام ال 5 میشه سایت طراحی کرد یا باید چیز های دیگه هم یاد گرفت؟
     
    نوشته شده توسط dvdtools در ‏14 آگوست 2013
  4. netnazar

    netnazar Member

    ارسال‌ها:
    66
    تشکر شده:
    6
    امتیاز دستاورد:
    6
    سلام دوستان
    HTML5 رو می توانید به با استفاده از جاوااسکریپت زیر به بروزهای قدیمی بشناسونید بدون هیچ دردسر در تعریف استایل جداگانه برای سایتتان.
    http://www.netnazar.info/js/html5shiv.js

    با احترام
    نت نظر- بهترین نظرهای تهران - ایران
    http://www.netnazar.com/fa
     
    نوشته شده توسط netnazar در ‏18 دسامبر 2013
  5. mohammadnikkhah

    mohammadnikkhah New Member

    ارسال‌ها:
    1
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    ايا برنامه اي هستش باهاش بتوني قالبي رو كه به فرمت psd با فتوشاپ زدي رو به html و css تبديل كنه و به راحتي بهت بده؟
     
    نوشته شده توسط mohammadnikkhah در ‏30 ژانویه 2014
  6. tarenoco

    tarenoco Member

    ارسال‌ها:
    216
    تشکر شده:
    14
    امتیاز دستاورد:
    18
    سلام ممنون میشم درباره Article و section بیشتر توضیح بدید
     
    نوشته شده توسط tarenoco در ‏1 مارس 2014
  7. shahabm

    shahabm New Member

    ارسال‌ها:
    5
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    با سلام و وقت بخیر

    ممنون میشم راهنماییم کنید که با استفاده از چه کدی میتونم فایل swf رو در صفحات html5 به صورت فیت و استرچ در بیارم که با تغییر اندازه پنجره فایل فلش هم به صورت فیت شده تغییر سایز یدا کند و استرچ شود
    با تشکر

    نمونه کد در html معمولی (وقتی این کد رو در html 5 قرار میدم فلش یا اجرا نمیشه یا اندازش بهم میریزه در حالی که در صفحات html معمولی به خوبی عمل میکنه)

    <html dir="rtl" lang="fa-IR">
    <head>


    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>name</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
    </head>


    <body bgcolor="#000000" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" bgcolor="#000000">
    <object
    type="application/x-shockwave-flash" data="flash.swf" quality="high" type="application/x-shockwave-flash" width="480" height="800" SCALE="exactfit">
    <param name="allowScriptAccess" value="always" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="flash.swf" />
    <param name="quality" value="best" />
    <param name="scale" value="exactfit" />
    <param name="bgcolor" value="#000000" />
    </object>
    </noscript>
    </body>
    </html>
     
    نوشته شده توسط shahabm در ‏4 نوامبر 2014
  8. hbigdeli

    hbigdeli Member

    ارسال‌ها:
    32
    تشکر شده:
    2
    امتیاز دستاورد:
    6
    من دنبال یه کتاب خوب آموزش html هستم. کسی میدونه چه کتابی خوبه؟
     
    نوشته شده توسط hbigdeli در ‏18 دسامبر 2014
  9. GozinehTalaee

    GozinehTalaee New Member

    ارسال‌ها:
    2
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    توضیحات جامع بود تقریبا فقط منابع بیشتری جهت استفاده کاربران قرار بدید بهتره مثل سایت w3schools.com
     
    نوشته شده توسط GozinehTalaee در ‏13 می 2017
  10. hossein01

    hossein01 New Member

    ارسال‌ها:
    1
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام
    من چند سالی از وب دور بودم ولی یه چیز هایی بلدم هستم
    الان من باید از html 5 شروع کنم یا اینکه که یک چیزایی از نسخه ی قبلیش به یاد دارم کافیه ؟ !!!!!!!!!
    من برای این که یک وبسایت مانند این سایت درست کنم باید بیشتر از html css بلد باشم ؟
     
    نوشته شده توسط hossein01 در ‏27 آگوست 2018
  11. geeksesi

    geeksesi New Member

    ارسال‌ها:
    11
    تشکر شده:
    2
    امتیاز دستاورد:
    3
    همون چیزهایی که بلدید کفایت می کنه فقط کافیه شروع کنید به کار کردن هر مشکلی یا سوالی یا اپشنی خواستید از گوگل بپرسید :)
    پ.ن : اگه خواستید شروع کنید شاید من بتونم راهنماییتون کنم تلگرام : @geeksesi_xyz :)
     
    نوشته شده توسط geeksesi در ‏27 آگوست 2018
وضعیت موضوع:
موضوع بسته شده است.

به اشتراک بگذارید