Welcome To w3cschools

ویرایش گر های html

HTML


برای نوشتن کدهای HTML از NotePad یا TextEdit استفاده کنید


کدهای HTML می تواند با استفاده از حرفه ای ترین ویرایشگرها ویرایش شود مانند

  • Adobe Dreamweaver
  • Microsoft Expression
  • WebCoffeeCup HTML Editor

هر چند ما توصیه می کنیم ، برای فراگیری HTML از یک ویرایشگر متن مانند NotePad در


سیستم عامل ویندوز یا TextEdit در سیستم عامل مکینتاش استفاده کنید


4 گام زیر را برای ایجاد اولین صفحه وب خود با NotePad دنبال کنید




گام اول : باز کردن NotePad



برای باز کردن NotePad این مراحل را دنبال کنید :



Start


        All Programs

     Accessories         

Notepad




گام دوم : کدهای HTML خود را با  NotePad ویرایش کنید


کد های HTML خود را درون NotePad خود بنویسید








گام سوم : کدهای HTML خود را ذخیره کنید


از منوی File در NotePad گزینه Save as را انتخاب کنید


وقتی که شما یک فایل HTML را ذخیره می کنید ، شما می توانید هم از پسوند فایل


htm.و یا  از پسوند فایل html. استفاده کنید ؛ تفاوتی وجود ندارد فایل را در پوشه ای


که یادآوریش برای شما آسان است ذخیره کنید مانند w3cschools




گام چهارم : فایل HTML خود را در مرورگر اجرا کنید


شما می توانید به پوشه ای که فایل خود را ذخیره کرده اید بروید پس از این که فایل


خود را پیدا کردید بر روی فایل راست کلیک کرده و بر روی گزینه open with رفته و


گزینه Choose Default Program را انتخاب کنید سپس در کادری که باز می شود در


قسمت Recommended Programs مرورگری که مایل هستید فایل شما با آن اجرا شود


را انتخاب کنید اگر هیچ مرورگری در این لیست نبود و یا مرورگری که شما مایل هستید


در این لیست نبود تا فایل خود را با آن اجرا کنید می توانید بر روی فلش کوچک کنار


قسمت Other Programs کلیک کرده و مرورگر خود را انتخاب کنید اما حتی اگر در این


قسمت هم مرورگر مورد نظر شما یافت نشد بر روی دکمه Brows کلیک کرده و به


مسیری که مرورگر خود را نصب کرده اید بروید اگر با تنظیمات پیش فرض مرورگر خود را


نصب کرده اید باید این مسیر را دنبال کنید ابتدا به پارتیشن C رفته بر روی


Program Files دو بار کلیک کرده و سپس بر روی پوشه Mozila FireFox یا


Internet Explorer و یا هر مرورگری که مورد نظر شماست دو بار کلیک کرده و سپس


بر روی فایل اجرایی مرورگر خود دو بار کلیک کنید تا به لیست برنامه ها اضافه شود و


فایل شما با آن مرورگر اجرا شود


نتیجه کار باید شبیه به این باشد :








امیر Tj چهارشنبه 10 آبان‌ماه سال 1391 ساعت 03:02 ق.ظ
0 نظر

معرفی html

HTML




<!DOCTYPE html>


<html>


<body>


<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>


</html>








توضیح مثال :



  • اعلان DOCTYPE نوع سند را تعریف می کند
  • متن بین جفت تگ HTML ، صفحه وب را توصیف می کند
  • متن بین جفت تگ BODY ، محتوای قابل مشاهده صفحه است
  • متن بین جفت تگ H1 ، به عنوان تیتر نمایش داده می شود
  • متن بین جفت تگ P ، به عنوان پاراگراف نمایش داده می شود


اعلان <DOCTYPE html!> داکتایپی برای HTML 5 می باشد



HTML چیست؟

HTML یک زبان برای توصیف صفحات وب است
  • HTML مخفف Hyper Text Markup Language به معنای زبان نشانه گذاری ابر متن می باشد
  • HTML یک زبان نشانه گذری است
  • یک زبان نشانه کذاری ، مجموعه ای از تگ های نشانه گذاری است
  • تگ ها محتوای سند را توصیف می کنند
  • اسناد HTML را همچنین صفحات وب می نامند


تگ های HTML

تگ های نشانه گذاری HTML را معمولا تگ های HTML می نامند
  • تگ های HTML کلمات کلیدی هستند که به وسیله براکت زاویه ای ( قلاب ) احاطه شده اند مثل: <html>
  • تگ های HTML ، به طور معمول جفت هم ( آغازی و پایانی ) می آیند مثل :   <b> و <b/>
  • تگ اول جفت تگ ها  ، تگ آغازین است ؛ تگ دوم جفت تگ ها  ، تگ پایانی  است 
  • تگ پایانی مانند تگ آغازین نوشته می شود منتها با یک اسلش (/) قبل از نام تگ
  • تگ های آغازین و پایانی ( start and end tags ) را همچنین تگ های باز (opening tags) و تگ های بسته (closing tags) می نامند

<tagname> content </tagname>




عناصر HTML

عناصر HTML و تگ های HTML اغلب برای توصیف چیزی یکسان استفاده می شوند ؛ یک

عنصر HTML همه چیز بین تگ های آغازین و تگ های پایانی است


<p> This is a paragraph </p>



هدف مرورگرهای وب (مثل:گوگل کروم ، اینترنت اکسپلورر ، فایرفاکس یا سافاری) این

است که اسناد HTML را بخوانند  و آن ها را به عنوان صفحات وب نمایش دهند ،

مرورگرها تگ های HTML رانمایش نمی دهند بلکه از تگ ها برای تفسیر محتوای

صفحه استفاده می کنند


ساختار صفحه HTML







<html>
<body>
<h1>This a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>





نسخه های HTML


در زیر نسخه های HTML از ابتدا تا اکنون وجود دارند



Version Year
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013






اعلان DOCTYPE


اعلان DOCTYPE به مرورگر کمک می کند که یک صفحه وب را به درستی نمایش دهد


اسناد مختلف بسیاری بر روی وب وجود دارد و یک مرورگر تنها می تواند یک صفحه


HTML را به طور 100 % صحیح نمایش دهد اگـــــــر از نوع و نسخه HTML استفاده شده


آگاه باشد




اعلان های مرسوم




HTML5




<!DOCTYPE html>


HTML 4.01




<!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">



برای مشاهده ی لیست کاملی از اعلان های نوع سند به مرجع DOCTYPE ما بروید



امیر Tj چهارشنبه 10 آبان‌ماه سال 1391 ساعت 03:00 ق.ظ
0 نظر

مقدمه html

HTML


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


این خودآموز همه چیز درباره HTML را به شما می آموزد.


HTML برای یادگیری آسان است ، شما از آن لذت خواهید برد


مثال ها در هر فصل می باشند.

این خودآموز HTML بیش از 100 مثال را دارا می باشد.


با ویرایشگر HTML ما ، شما می توانید کدهای HTML را ویرایش کنید و


باکلیک بر روی لینک زیر " حالا خودتان امتحان کنید " وارد ویرایشگر ما می شوید و می


توانید به صورت آنلاین کدنویسی زبان های تحت وب را انجام داده و با کلیک بر روی 


دکمه " Edit and Click Me " ، نتیجه را مشاهده کنید »»» مثال:


<html>

<body>

<h1>My First Heading </h1>

<p>My First Paragraph</p>

<body/>

<html/>

 

امیر Tj جمعه 26 شهریور‌ماه سال 1389 ساعت 02:38 ق.ظ
0 نظر