Html5

وضعیت
موضوع بسته شده است.

Morteza1371

Active Member
عناصر اچ تی ام ا (HTML ELement) چیست؟

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

بیشتر توضیح بده..
blink.png


در سند های اچ تی ام ل هر چیزی که بوسیله ی یک تگ باز شروع و با تگ بسته به پایان برسه.
rolleyes.gif


مثال:

تگ شروع <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>

خسته که نشدید
biggrin.png
biggrin.png
ph34r.png


موفق باشید
wub.png
wub.png


منبع:w3school.com
 

Morteza1371

Active Member
خواص اچ تی ام ال (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
 

dvdtools

Banned
آقا بعد از یادگیری اچ تی ام ال 5 میشه سایت طراحی کرد یا باید چیز های دیگه هم یاد گرفت؟
 

mohammadnikkhah

New Member
ايا برنامه اي هستش باهاش بتوني قالبي رو كه به فرمت psd با فتوشاپ زدي رو به html و css تبديل كنه و به راحتي بهت بده؟
 

shahabm

New Member
با سلام و وقت بخیر

ممنون میشم راهنماییم کنید که با استفاده از چه کدی میتونم فایل 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>
 

GozinehTalaee

New Member
توضیحات جامع بود تقریبا فقط منابع بیشتری جهت استفاده کاربران قرار بدید بهتره مثل سایت w3schools.com
 

hossein01

New Member
سلام
من چند سالی از وب دور بودم ولی یه چیز هایی بلدم هستم
الان من باید از html 5 شروع کنم یا اینکه که یک چیزایی از نسخه ی قبلیش به یاد دارم کافیه ؟ !!!!!!!!!
من برای این که یک وبسایت مانند این سایت درست کنم باید بیشتر از html css بلد باشم ؟
 

geeksesi

New Member
سلام
من چند سالی از وب دور بودم ولی یه چیز هایی بلدم هستم
الان من باید از html 5 شروع کنم یا اینکه که یک چیزایی از نسخه ی قبلیش به یاد دارم کافیه ؟ !!!!!!!!!
من برای این که یک وبسایت مانند این سایت درست کنم باید بیشتر از html css بلد باشم ؟
همون چیزهایی که بلدید کفایت می کنه فقط کافیه شروع کنید به کار کردن هر مشکلی یا سوالی یا اپشنی خواستید از گوگل بپرسید :)
پ.ن : اگه خواستید شروع کنید شاید من بتونم راهنماییتون کنم تلگرام : @geeksesi_xyz :)
 
وضعیت
موضوع بسته شده است.

جدیدترین ارسال ها

بالا