آموزش HTML 5 - بخش1 : "مقدمه"

کد اخبار



||     خانه     ||     رهگیری مرسولات پستی      ||   فرم ثبت نظر و پیشنهاد     ||    پیشنهاد محصول     ||     کسب درآمد از ایران روز

با توجه به اینکه شماره تلفن و ایمیل تنها راه ارتباط گیری ما با مشتری میباشد لطفا در هنگام ثبت آنها دقت لازم را بعمل آورید. متاسفانه بعضی از سفارشات با مشکل روبرو شده و پس از اقدام به تماس از طرف ما مشخصات تماس اشتباه یا غیرفعال بوده است و ما هیچ راه ارتباطی با مشتریان گرامی نداشته ایم.


  • آموزش HTML 5 -  بخش1 : "مقدمه"

آموزش HTML 5

بخش 1 : مقدمه


HTML چیست:

  • html مخفف hyper text markup language است (زبان نشانه گذاری فرا متنی).
  • فایل html فایلی است که حاوی تگ های کوچک نشانه ئگذاری است.
  • تگ های نشانه گذاری به وب بروزرها میفهماند که صفحه را چطور نمایش دهد
  • فایل html میتوانذ با پسوند html. یا htm. باشد
  • فایل افئم یک فایل متنی است پس میتواند توسط یک ویرایشگر متنی ساده ویرایش شود
 

یک مثال:

(دست بکار شوید و کد زیر را در ویرایشگر notpad کپی کنید و فایل متنی را با پسوند html. ذخیره کنید و اجرا کنید)
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

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

</body>
</html>

 

 

دقت کنید :

برای اینکه قطعه کد مقابل را اجرا کنید باید کدها را در notpad نوشته و با یک نام مشخص در جایی ذخیره کنید.

سپس باید پسوند فایل ذخیره شده را از txt. به html. تغییر دهید.

 

 

 

توضیح قطعه کد بالا:

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

My First Heading

My first paragraph.

خروجی قطعه کد بالا:

 

 

 

تگ های HTML :

برچسب های HTML کلمات کلیدی (تگ) هستند که توسط براکت باز (>) و بسته (<) احاطه شده اند 

<نام تگ/>محتوی<نام تگ>

  • تگ های HTML معمولا به صورت جفت می آیند <P> </P>
  • در برچسب های دوتایی برچسب(تگ) اولی تگ شروع و تگ دومی تگ پایان نام دارد
  • برچسب پایانی دقیقا مثل برچسب شروع نوشته می شود ولی قبل از نام برچسب یک اسلش (/) قرار می گیرد
تگ شروع معمولا تگ باز هم نامیده می شود و تگ پایان اغلب تگ بسته هم نامیده می شود

مرورگرهای وب :

مرورگرهای وب مانند Chrome, IE, Firefox, Safari می توانند صفحات HTML را خوانده و نمایش دهند.

مرورگرها تگ های HTML را نمایش نمی دهند.  اما با استفاده از آنها میفهمند که چگونه یک صفه وب را نمایش دهند:

html

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

در زیر نمایشی از ساختار یک صفحه HTML را می بینید:

 

<html>

<head>

<title/>عنوان صفحه<title>

<head/>

<body>

<h1/>یک تیتر بزرگ<h1>
<p/>این یک پاراگراف هست.<p>
<p/>و همیچنین این هم یک پاراگراف هست.<p>

<body/>

<html/>

تعریف <DOCTYPE!> :

تعریف <DOCTYPE!> به مرورگر کمک می کند تا صفحه وب را بدرستی نمایش دهد.

در سطح وب انواع مختلف سند وجود دارد.

برای اینکه یک سند بدرستی نمایش داده شود, مرورگر باید نوع و نسخه آنرا بداند.

در تعریف <DOCTYPE!> حروف بزرگ و کوچک اهمیتی ندارد. تمام موارد زیر قابل قبول است:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

تعریف های مرسوم:

HTML 5:

<!DOCTYPE html>

HTML 4:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 


--پایان بخش 1--

لطفا نظرات و سوالات خودتون رو از قسمت نظرات با ما در میون بذارین

نویسنده : میثم وحدت پناه

نوشتن نظر

توجه: HTML ترجمه نمی شود!
    بد           خوب

آموزش HTML 5 - بخش1 : "مقدمه"

  • مدل کالا: learn-html-5-part-1
  • موجودی: آموزش رایگان

کالاهای مرتبط

خرید مجموعه ابزار های برنامه نویسی اندروید - Android Programing Pack

خرید مجموعه ابزار های برنامه نویسی اندروید - Android Programing Pack

بسم الله الرحمن الرحیم بسته کامل ..

40,000تومان

آموزش HTML 5 -  بخش2 : "ویرایشگرها"

آموزش HTML 5 - بخش2 : "ویرایشگرها"

آموزش HTML 5 بخش 2 : ویرایشگرها &n..

آموزش HTML 5 -  بخش3 : "مثالهای پایه"

آموزش HTML 5 - بخش3 : "مثالهای پایه"

آموزش HTML 5 بخش 3 : مثالهای پایه ..

آموزش HTML 5 -  بخش4 : "عناصر HTML"

آموزش HTML 5 - بخش4 : "عناصر HTML"

آموزش HTML 5 بخش4 : "عناصر HTML&..

آموزش HTML 5 -  بخش5 : "ویژگی ها"

آموزش HTML 5 - بخش5 : "ویژگی ها"

  آموزش HTML 5 بخش5 : "و..

آموزش HTML 5 -  بخش6 : "تیتر ها"

آموزش HTML 5 - بخش6 : "تیتر ها"

آموزش HTML 5 بخش5 : "تیترها در HT..

برچسب ها: آموزش, html 5, طراحی سایت


نکات مهم

 - در حال حاضر محصولات سایت بر روی دی وی دی های 4.2 گیگ معمولی (رایتی) با مارک های عرف موجود در بازار رایت میشوند. جهت حداکثر ماندگاری اطلاعات با سرعت های پایین بر روی دیسک ها رایت شده و درون کاورهای ضدخش 2*1 قرار میگیرند.

 - ارسال سفارشات حداکثر 72 ساعت کاری پس از واریز مبلغ و تایید سفارش به وسیله پست پیشتاز انجام میگیرد و شماره پیگیری به مشتریان گرامی اعلام میشود. در صورتی که ارسال سفارش بیش از این زمان بطول انجامید با واحد پشتیبانی سایت تماس حاصل فرمایید.

 - لطفا به این نکته توجه فرمایید که : مبلغ کل سفارشات پستی غیر از هزینه پست حداقل باید 5000 تومان باشند تا ترتیب اثر داده شود. اطلاعات بیشتر

 - جهت بهره مندی از حداکثر امکانات سایت و خدمات پس از فروش حتما در موقع ثبت نام مشخصات تماس خود را بطور صحیح وارد نمایید.

 - هرگونه پیشنهاد محصول را میتوانید از این طریق با ما در میان بگذارید. (بطور کلی ما بشدت مشتاق شنیدن هر نوع پیشنهاد ، انتقاد و یا خدای ناکرده گلایه ای از طرف شما هستیم.)

هدایت به بالای صفحه

پشتیبانی