آموزش HTML5 – بخش اول

بازدید: 572 بازدید

 * با عرض سلام خدمت کاربران عزیز وبسایت پرنیان طرح *

امروز تصمیم گرفتیم از ابتدا آموزش html رو برای شما کاربران عزیز آماده کنیم.

با HTML شما می توانید وب سایت خود را ایجاد کنید.

این آموزش به شما بخش بسیار مقدماتی را درباره HTML آموزش میدهد.

HTML بسیار برای یادگیری ساده و آسان میباشد و به راحتی میتوانید آن را یاد بگیرید.


 

HTML چیست؟

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

یک سند HTML ساده :

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

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
[/html]

آموزش خط به خط مثال بالا :

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


تگ های html :

با مثال خوب زیر به راحتی مفهوم تگ در html رو متوجه میشید :

<tagname>content goes here…</tagname>

تگ های HTML معمولا به صورت جفتی مانند <p> و </ p> قرار می گیرند.
اولین تگ در یک جفت تگ شروع است، برچسب دوم تگ پایان است.
تگ پایان مانند تگ شروع می شود، اما قبل از اسم تگ وارد شده است.


در مرورگر وب :

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

 

مرورگر
مرورگر

 
ساختار صفحه HTML :

ساختار صفحه های html بصورت زیر است که برای مفهوم بیشتر از کشیدن جدول استفاده کرده ایم.

<html>

<head>

<title>Page title</title>

</head>

<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>

  • توجه: فقط محتوا در قسمت(قسمت سفید بالای بالا) در مرورگر نمایش داده می شود.

 

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

ورژن سال
HTML ۱۹۹۱
HTML 2.0 ۱۹۹۵
HTML 3.2 ۱۹۹۷
HTML 4.01 ۱۹۹۹
XHTML ۲۰۰۰
HTML5 ۲۰۱۴
دسته بندی آموزش html
اشتراک گذاری
مقالات مرتبط

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

سبد خرید

هیچ محصولی در سبد خرید نیست.