معرفی html

معرفی html   و تگ های مورد استفاده در  html

آموزش  html  درس اول

معرفی html
معرفی html

معرفی html :

HTML زبان استاندارد نشانه گذاری برای ایجاد صفحات وب است.
HTML مخفف زبان نشانه گذاری Hyper Text است.
HTML ساختار صفحات وب را با استفاده از نشانه گذاری توصیف می کند.
عناصر HTML بلوک های ساختمان صفحات HTML هستند.
عناصر HTML با برچسب ها نمایان می شوند.
تگ های HTML تکه هایی از محتوا مانند “عنوان”، “پاراگراف”، “جدول” و غیره را برچسب گذاری می کند.
مرورگر تگ های HTML را نمایش نمی دهد، بلکه از آنها برای ایجاد محتوای صفحه استفاده می کند.

 

یک سند ساده  html

 <!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>


<h1>My First Heading</h1>



My first paragraph.


</body>
</html> 

توضیح کد بالا

< DOCTYPE html!> این سند HTML5  را تعیین می کند.
<html> عنصر ریشه یک صفحه HTML است.
<head> شامل  اطلاعات متا در مورد سند است.
<title> یک عنوان را برای سند مشخص می کند.
<body> دارای محتوای صفحه قابل مشاهده است.
<h1> یک عنوان بزرگ را تعریف می کند.
<p> یک پاراگراف را تعریف می کند.

حتما بخوانید:  جاوااسکریپت html

 

تگ های  HTML

تگ های  HTML نام عناصر را  توسط براکت محصور می کنند:
<tagname/> محتوای اینجا قرار می گیرد … < tagname>
تگ های HTML معمولاً به صورت جفت مانند <p> و <p/> قرار می گیرند. تعداد خیلی کمی از تگ ها جفت نیستند.
اولین تگ در یک جفت تگ شروع است، تگ دوم تگ پایان است
تگ پایان مانند تگ شروع می باشد  اما قبل از اسم تگ ( / ) یا اسلش قرار داده می شود.
نکته: تگ شروع نیز  opening tag نامیده می شود  و تگ پایان  closing tag می باشد.

 

مرورگرهای وب

هدف مرورگر وب (کروم، IE، فایرفاکس، سافاری) خواندن اسناد HTML و نمایش آنها است.
مرورگر تگ های HTML را نمایش نمی دهد، بلکه از آنها برای تعیین نحوه نمایش سند استفاده می کند:

 

< DOCTYPE!>

< DOCTYPE!> نشان دهنده نوع سند است و به مرورگر کمک می کند تا صفحات وب به درستی نمایش داده شوند.
این باید فقط یک بار در بالای صفحه ظاهر شود (قبل از هر تگ HTML).
< DOCTYPE!>  به حروف حساس نیست.
< DOCTYPE!> برای HTML5:

حتما بخوانید:  کدگذاری URL در html

<DOCTYPE html!>

 

 نسخه های HTML

از روزهای اولیه وب، نسخه های متعددی از HTML وجود دارد:

VersionYear
HTML۱۹۹۱
HTML 2.0۱۹۹۵
HTML 3.2۱۹۹۷
HTML 4.01۱۹۹۹
XHTML۲۰۰۰
HTML5۲۰۱۴

آموزش html  درس دوم

امتیاز کاربران به این مطلب
۱ نفر - میانگین: ۵
تلگرام

دیدگاه‌تان را ثبت کنید:

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

3 × پنج =

PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
هدیه ما به شما
با سپاس از اینکه دیدگاه تان را در سایت ما ثبت کردید.


یک کوپن تخفیف 30%
  • مشاوره حضوری
  • دوره های آنلاین
  • بسته های آموزشی
  • محصولات دانلودی
  • وبینارهای آموزشی
  این کد فقط یکبار به شما نمایش داده می‌شود.
کد: qwert
ورود کاربران
* دسترسی رایگان به بخش آکادمی