آموزش html

در آموزش html خواهید دید که html یک زبان برنامه نویسی نیست، بلکه زبانی برای نشانه گذاری ابر متن ها است. در حقیقت Html برای مجزا کردن محتوا نظیر: متن، جدول، مدیا و … می باشد. موتور رندر کننده مرورگر ها برای فهم و نمایش صفحات وب، سند Html را تحلیل می کند، این بدان معناست که هر محتوایی برای نمایش باید با سند Html به مرورگر شناسانده شود.

آنچه در این مقاله می خوانید ...

ایجاد محتوا و ساخت سند html

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

در ادامه آموزش html با ما همراه باشید:

ما در این آموزش سعی کردیم برای یادگیری بهتر شما عزیزان در مبحث آموزش html از مثال های استاندارد سایت W3schools استفاده کنیم تا شروع یادگیری تان به ‏صورت اصولی و استاندارد باشد. برای نوشتن تگ ها نیاز به نرم افزار ‏Notepad‏ یا ‏Dreamweaver‏ در ‏windows‏ و ‏TextEdit‏ در ‏Mac‏ دارید.‏

عناصر در html به دو شکل نوشته می شوند :

  • <tagname attributes> content </tagname>
  •   <tagname attributes />

که در حالت اول به تگ ابتدایی (< >) تگ باز و به دومی (< />) تگ بسته می گویند.

هر سند ‏html‏ که شما ایجاد کنید شامل چند تگ (< >) اصلی است که چهارچوب آن را تشکیل می دهند، در زیر این تگ ها را می ‏توانید ببینید:‏


با نوشتن کد های روبرو یک سند html ساده ساخته اید.
DOCTYPE html اعلانی برای شناساندن نسخه html به مرورگرها می باشد.
تمامی عناصر سند باید بین دو تگ <html> و <html/> قرار گیرند.
مهم ترین وظیفه تگ head معرفی سایت به موتور های جستجو می باشد.
تگ title عنوان سایت را معرفی می کند.
تگ body در بر گیرنده تمامی عناصر سند است که قرار است نمایش داده شوند

<!DOCTYPE html>
<html>
<head>
<title>
Title of the document
</title>
</head>
<body>
…The content of the document
</body>
</html>


پس از نوشتن موارد فوق باید فایل خود را با پسوند ‏‎ .html ‎‏ یا ‏‎.htm‎‏ ذخیره کرده، که پیشنهاد می شود، فایل خود را به صورت ‏index.html‏ ‏ذخیره کنید. سپس می توانید فایل خود را با هر مرورگری باز کنید. که پیشنهاد ما استفاده از ‏Mozilla Firefox و GoogleChrome است.

نکته مهم در آموزش html:

پرکاربرد ترین تگ در سند Html تگ <div> می باشد، که برای قسمت بندی استفاده می شود و اختصاص به هیچ نوع فرمتی ندارد.
در ادامه تعدادی از مهمترین تگ ها به صورت دسته بندی برای شما تهیه شده است. برای دیدن تمامی تگ ها به سایت W3schools مراجعه کنید.

همچنین بخوانید...!

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *