آموزش 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 تگ <div> می باشد، که برای قسمت بندی استفاده می شود و اختصاص به هیچ نوع فرمتی ندارد.
در ادامه تعدادی از مهمترین تگ ها به صورت دسته بندی برای شما تهیه شده است. برای دیدن تمامی تگ ها به سایت W3schools مراجعه کنید.

 

صفحه بعدیصفحه قبلی

 

تاریخ آخرین بروز رسانی: 2017/12/29

3 پاسخ به “آموزش html”

  1. 슬롯머신 گفت:

    Perfect piece of work you have done, this internet site is really cool
    with great information.

  2. live22 download گفت:

    This is my first time pay a visit at here and i
    am in fact impressed to read everthing at alone place.

  3. I am glad to be a visitant of this unadulterated
    weblog, regards for this rare information!

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

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