سبد (0)

تبلیغات

عناصر در HTML

سند های HTML به وسیله عناصر HTML تعریف می شوند.


عناصر (Element)

Wiki

یک عنصر در HTML، هر چیزی از تگ شروع تا تگ پایان می باشد:

تگ شروع* محتوای عنصر تگ پایان*
<p> This is a paragraph </p>
<a href="/default.htm" > This is a link </a>
<br />    

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


نحوه نوشتن یک عنصر در HTML

Wiki

  • یک عنصر با یک تگ شروع (تگ باز) آغاز می شود.
  • یک عنصر به یک تگ پایان (تگ بسته) ختم می شود.
  • محتوای یک عنصر نوشته های بین تگ شروع و پایان می باشد.
  • بعضی از عناصر در HTML تهی هستند.
  • عناصر تهی در همان تگ شروع بسته می شود.
  • بیشتر عناصر HTML می توانند دارای خصوصیت هایی باشند.

توجه: در آموزش بعدی در مورد خصوصیت های عناصر، بیشتر توضیح می دهیم.


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

Wiki

 بیشتر عناصر HTML می توانند به صورت تو در تو باشند. (بدین معنی که محتوای آنها می تواند شامل دیگر عناصر HTML نیز باشد)

سندهای HTML شامل عناصر تو در توی HTML می باشند.


مثالی از یک سند HTML

Wiki

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

مثال بالا شامل سه عنصر زیر می باشد:

1- عنصر <p>

<p>This is my first paragraph.</p>

عنصر <p> یک پاراگراف را در سند HTML تعریف می کند.
این عنصر حاوی تگ شروع <p> و تگ پایان <p/> می باشد.
محتوای این عنصر "This is my first paragraph" می باشد.

2- عنصر <body>

<body>
<p>This is my first paragraph.</p>
</body>

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

محتوای این عنصر حاوی یک عنصر دیگر (عنصر p) می باشد.

3- عنصر <html>

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

عنصر <html> تمام سند html را توصیف می کند.

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

محتوای این عنصر حاوی یک عنصر دیگر (عنصر body که خود حاوی عنصر <p> است) می باشد.


تگ پایان را فراموش نکنید

Wiki

در بعضی عناصر HTML حتی اگر تگ پایان را فراموش کنید ممکن است آن عنصر درست عمل کند:

<p>This is a paragraph
<p>This is a paragraph

مثال بالا در بیشتر مرورگرها درست عمل می کند، زیرا تگ بسته در اینجا اختیاری می باشد.

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


عناصر تهی

Wiki

عناصری که قسمت محتوای آنها خالی است را عناصر تهی می نامیم.

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

نکته: در XHTML تمام عناصر باید بسته شوند. اضافه کردن یک اسلش درون تگ شروع، مثل </br>، راه مناسبی برای بستن عناصر تهی در XHTML و XML می باشد.


نکته: تگ ها را با حروف کوچک بنویسید

Wiki

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

دیدگاه‌ها  

0 # AMIR_PARAZIT 1396-08-15 20:33
با سلام و خسته نباشید.تشکر از سایت خوبتون میخواستم بدونم امکانش هست سوالات خصوصیرو از طریقه صفحه مجازی پرسید مثال تلگرام یا اینستاگرام ممنون اگر پاسخ دهید خدانگهدار.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # احسان عباسی 1396-08-16 11:42
سلام . ممنون از شما.
لطفا سوال خودتون رو با استفاده از آی دی [email protected] در تلگرام مطرح کنید. تا حد امکان پاسخ خواهیم داد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # mahdihooseni 1396-08-01 19:34
سلام با عرض خسته نباشید به شما ممنون از سایتتون واقعا عالیه

یک درخواستی که داشتم این بود که اگر همه اموزش ها رو اخرش ویدیو با بخش انلاین بزارید ممنون میشم
اموزش ها مقدمه اینا داره ولی هر چه پایین تر میایم دیگه نزاشتید لطفا بزارید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1396-08-03 14:32
سلام، ضمن تشکر از شما، تنها 3 درس اول آموزش HTML رایگان است و برای خرید مابقی دروس HTML از لینک زیر استفاده نمایید:
http://beyamooz.com/product/web-design/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # mmf. 1395-12-18 12:02
سلام خداقوت .
سایتتون فوق العاده هستش.
ممنون.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # مریم درگاهزادگان 1395-07-24 19:03
عناصر توسط کدام مرور گرها پشتیبانی میشود؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # مهرداد صلاحی 1395-07-24 21:19
با سلام.
منظورتون دقیقا کدوم عناصر هست.

اکثر تگ‌ها توسط اکثر مرورگرها پشتیبانی می‌شن، مگر تگ خاصی که برای یه مرورگر خاص که خیلی کم پیش میاد و برای جایگزین کردنش باید به منابع رجوع کنید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # مهدی دلاور 1395-07-09 14:16
سلام.
یه سوال در مورد تگ br
اینجا گفته شده در xhtml حتما باید این تگ رو به صورت بسته نوشته شود. آیا این به این معنی میشه که اگر ما یک سند html رو با نسخه xhtml بنویسیم این تگ با حالت بسته نشده ایجاد خطا میکنه؟ اما همان سند در html5 بدون مشکل اجرا میشه؟
و یه سوال خارج از درس:
من قبل از آشنایی با این سایت از خود w3c داشتم یاد میگرفتم و حدود 15-16 فصل رفتم جلو. فصل لینکها. و تازه سایت فوق العاده شما رو دیدم و دارم از اول با شما شروع میکنم. اما ترتیب یک سری از فصلها و در مواردی هم محتویاتشون (مثل 3 سند اولیه در فصل شروع کار با html)با اونی که من میخواندم فرق میکنه. البته کمتر از 10%. آیا این مربوط به تغییرات جدید w3c میشه که شما لازم ندیدید در سایتتون اعمال کنید یا خودتون این تغییرات رو برای بهتر شدن آموزش انجام دادین؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # مهرداد صلاحی 1395-07-24 21:20
با سلام.
اگر تگ رو توسط / نبندید، به این معنی نیست که اشکال بگیره و کار نکنه. بلکه بهتره برای استاندارد، این مورد رعایت بشه.

در مورد سؤال دوم، هدف اصلی این سایت آموزش هست. آموزش مبتنی بر رفرنس انگلیسی آن. ان شاءالله سعی میکنیم مدنظر قرار بدیم.

با سپاس از حسن توجه شما دوست عزیز.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # _5_24_sfarzane 1395-04-08 22:26
سلام
مرسی بابت سایت خوبتون ولی شما همه چیز رو گفتید الا اینکه چطوری پکیج رو بخریم.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # امیر پهلوان صادق 1395-04-09 14:44
سلام، برای خرید فیلم آموزش HTML از منوهای بالای سایت روی "فروشگاه" و سپس "HTML&CSS" کلیک کنید و یا روی لینک زیر کلیک کنید:
http://beyamooz.com/product/web-design/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html
نهایتا برای خرید فیلم آموزش HTML، در صفحه ی بالا، روی دکمه "اضافه کردن به سید خرید" کلیک کنید و مراحل پرداخت را انجام دهید. توجه داشته باشید که بلافاصله بعد از پرداخت هزینه از طریق درگاه بانک، ایمیلی حاوی لینک دانلود فیلم آموزش HTML به ایمیل شما ارسال می شود.
با تشکر از شما
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # amirdj 1395-03-22 23:00
سلام اقای پهلوان صادق من فیلم جلسه اول تا سوم آموزش HTML رو دانلود و مشاهده کردم و همه رو یاد گرفتم ولی فیلم جلسه چهارم به بعد رو دسترسی ندارم لطفا رسیدگی کنید . ممنون بابت زحمت هاتون
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1395-03-23 18:53
سلام
همان طور که قبلا عرض کردم، تنها فیلم جلسه اول تا سوم بصورت رایگان قابل مشاهده هست، بنابراین در صورت لزوم شما باید آنرا خرید نمایید. در صورت تمایل می توانید از لینک زیر برای خرید پکیج آموزش HTML اقدام نمایید:
http://beyamooz.com/product/web-design/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # yaser 1394-09-08 09:01
سلام خسته نباشید ممنون ازاموزش های که دارید خلیی عالی هستش
تفاوت بین html و xhtml چیست ؟
تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # مهرداد صلاحی 1394-09-08 09:20
با سلام و تشکر
اگه بخوام در یه جمله بگم، xhtml نسخه بهبودیافته html هست. در xhtml در واقع دو زبان html و xml با هم ترکیب شده اند.

برای آشنایی کامل شما با تفاوت این دو بهتره به لینک زیر مراجه کنید.
www.websiteha.com/post/%D8%AA%D9%81%D8%A7%D9%88%D8%AA-%D8%A8%DB%8C%D9%86-HTML-%D9%88-XHTML-%DA%86%DB%8C%D8%B3%D8%AA-%D8%9F
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # amin.z 1394-05-16 14:19
ایا برای یادگیری برنامه نویسی اندروید و شی گرا باید از قبل اچ تی ام ال و سی اس اس را یاد بگیریم
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # شهربانو دوستی 1394-05-31 09:03
با سلام
زبانی که برای برنامه نویسی آندروید استفاده میشود زبان Java هست که بسیار شبیه به زبان های خانواده C یعنی C# C++ هست.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیررضا11 1394-01-12 17:45
سلام.من این آموزش هایی رو که شما نوشتید مو به مو دارم تو یه دفتر مینویسم.من رفتم سراغ کدنویسی ولی بهم گفتند از همه اول باید HTML رو یادبگیری من هم به اینجا اومدم.امیدوارم مطالب سایتتون برام مفید باشه.راستی بعد HTML چی رو یاد بگیرم؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1394-01-13 00:08
سلام، بعد از آموزش HTML برید سراغ آموزش CSS ...
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # aroko.mafia 1393-12-25 16:07
سلام سایتتون فوق العادس خیلی عالی شده
یه سوال داشتم اینکه
عناصر تهی مثل چه فایده ای دارن؟
باهاشون چیکار میشه کرد؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # mohammad 1394-01-20 04:09
این تگ ها بیشتر کاربرد ویرایش و درست کردن ظاهر زیبا برای وب سایت به کار گرفته میشه.
مثل تگ hr که یک خط افقی را رسم می کنه و یا br که یک خط فاصله رو ایجاد میکنه تا کمک کنه که متن خوانایی داشته باشید در سایتی که طراحی میکنیم.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # مظاهر نصوحی 1393-12-26 08:21
این تگ ها بیشتر در ظاهر و چیدمان کاربرد دارند نه برای محتوا مثل br که برای شکستن خط به کار می رود. در واقع این ها تگ های ظرف نیستند که داخل آن ها محتوا قرار بگیرد
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+10 # مینا 1393-11-01 14:03
سلام
با اینکه سایتتون کپی از یه سایت خارجی هست ولی همین که خوب به فارسی ترجمه شده خیلی عالیه و کار ما رو راحت کردین.
ممنون
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+8 # زهرا علیزاده 1393-07-25 19:11
سلام من بهمن میخام برم طراحی وب
و میخام تا اون موقع آموزشای شمارو بخونم
HTML css
تشکر بابت سایت خوبتون :)
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+7 # امیر پهلوان صادق 1393-02-24 10:53
به نقل از یونس:
سلام خسته نباشید.
مرسی از سایتتون.
اگه در تگ بسته اسلشی که میذاریم (اول- آخر) جابه جا بشه مشکلی نداره

سلام، ممنون...
در این صورت شما استاندارهای HTML رو رعایت نکرده اید ولی مرورگر با هیچ مشکلی تگ مربوطه را نشان خواهد داد. توجه داشته باشید که اگر قوانین از این دست رو رعایت نکنید، در رنگ سایتتان تأثیر منفی خواهد گذاشت.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+5 # امیر پهلوان صادق 1392-12-10 08:54
به نقل از someone:
اگر تگ ها case sensitive نیستند و بیشتر وب سایت ها تگ ها را با حروف بزرگ می نویسند ( احتمالا برای یکپارچگی ) چرا شما می گید تگ ها را با حروف کوچک بنویسید؟؟؟؟؟

با سلام خدمت شما، فراموش نکنید که در HTML 4.0 تگ ها به بزرگی و کوچکی حروف حساس نیستند و در XHTML حساس است و البته این یک استاندارد است و اگر از آن پیروی نشود، مرورگرها صفحه را بدرستی نمایش خواهند داد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+5 # someone 1392-12-07 22:07
اگر تگ ها case sensitive نیستند و بیشتر وب سایت ها تگ ها را با حروف بزرگ می نویسند ( احتمالا برای یکپارچگی ) چرا شما می گید تگ ها را با حروف کوچک بنویسید؟؟؟؟؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # keysan rahnemapoor 1395-05-14 20:40
فرقی نداره ولی برای یادگیری بهتر چنین چیزی گفته میشه
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+13 # پری 1392-11-22 20:08
سلام وقتتون بخیر،من دانشجوی برنامه نویسی تحت وب هستم سایتتون عالیه و واقعا ب من کمک میکنه.تشکراز زحماتتون.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی HTML

بستن
مدرس:
سوال و جواب:

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

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی