ورود به حساب ثبت نام جدید فراموشی کلمه عبور
برای ورود به حساب کاربری خود، نام کاربری و کلمه عبورتان را در زیر وارد کرده و روی “ ورود به حساب” کلیک کنید.





اگر فرم ثبت نام برای شما نمایش داده نمیشود، اینجا را کلیک کنید.









اگر فرم بازیابی کلمه عبور برای شما نمایش داده نمیشود، اینجا را کلیک کنید.





نمایش نتایج: از 1 به 7 از 7
  1. #1
    adminmsp
    مدیر کل و موسس سایت
    تاریخ عضویت
    1970 Jan
    محل سکونت
    M.S.P Soft
    نوشته ها
    1,589
    759
    432

    آموزش html4 جلسه اول

    مقدمه ای بر وب و معرفی HTML
    وب گسترده جهانی :
    وب گستره جهانی (World Wide Web) که معمولا فقط وب گفته میشود؛ شبکه ای است که تمام رایانه ها متصل به آن را در سراسر جهان به هم وصل میکند. و تمام رایانه ها میتوانند در وب با هم ارتباط داشته باشند.
    WWW چگونه کار میکند ؟
    اطلاعات وب در فایل هایی به نام Web Page قرار میگیرند که آن ها نیز در رایانه هایی به نام Web Server قرار دارند و رایانه ها برای دیدن صفحات وب از استانداردی ارتباطی به نام (Hyper Text Transfer Protocol) که HTTP مخففش ایت، استفاده میکنند. رایانه های متصل به وب اطلاعات موجود در Web Page ها را از طریق برنامه هایی به نام مرورگر وب (WWeb Browser) نشان میدهند. رایج ترین مرورگرهایی که مورد استفاده قرار میگیرند، Internet Explorer و FireFox میباشند.
    چگونه مرورگرها صفحات وب را نشان میدهند ؟
    همه صفحات وب شامل دستورالعمل هایی برای نمایش توسط مرورگرها هستند. مرورگرها با خواندن این دستورالعمل ها صفحات وب را نشان میدهند.
    دستورالعمل های صفحات وب، تگ های HTML نامیده میشوند.
    HTML چیست ؟


    • HTML یک زبان برای نشاه گذاری فرا متنی است که کارش توصیف وب است.
    • HTML برگرفته از کلمه Hyper Text Markup Language است.
    • HTML یک زبان برنامه نویسی نیست بلکه یک زبان نشانه گذاری است.
    • HTML از تگ های نشانه گذاری استفاده میکند که از طریق آن ها صفحات وب را توصیف میکند.
    • یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود.

    تگ های HTML :


    • تگ های نشانه گذاری معمولا تگ های HTML خوانده میشوند.
    • برچسب هایی هستند که متن ها را توسط کلمات کلیدی احاطه میکنند مانند : <html>
    • تگ ها به صورت جفت هستند که اولی تگ شروع و دومی تگ پایان نامیده میشود.
    • همچنین تگ های شروع و پایان تگ های باز شدن و بسته شدن هم خوانده میشوند.

    اسناد HTML = صفحات وب

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

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

    <html> <body>
    <h1>My First Heading</h1> <p>My first paragraph.</p>
    </body> </html>
    توضیح مثال بالا :

    • متن بین <html> و <html/> صفحه وب را توصیف میکند.
    • متن بین <body> و <body/> متن قابل نمایش در صفحه وب را مشخص میکند.
    • متن بین<p> و <p/> یک پاراگراف را نشان میدهد.

    شروع کنید !
    به چه چیز هایی نیاز دارید ؟

    • شما برای یادگیری HTML در مجید آنلاین به هیچ ابزاری نیاز ندارید !
    • شما ویرایشگر HTML نیاز ندارید!
    • شما به وب سرور نیاز ندارید !
    • شما به وب سایت نیاز ندارید!

    ویرایشگر های HTML :
    کا در این آموزش ها از یک ادیتور ساده متن مانند Notepad ویندوز استفاده میکنیم.
    شما می توانید به سادگی با استفاده از یک ویرایشگر WYSIWY(“what you see is what you get”) فایل های HTML را ویرایش کنید ، مثل FRONT PAGE,Claris Home Page یا Adob PageMill.
    اگر شما می خواهید یک توسعه دهنده وب توانا باشید ما توصیه اکید می کنیم که شما از یک ویرایشگر متنی ساده استفاده کنید تا اصول اولیه HTML را یاد بگیرید.
    پسوند HTML یا HTM ؟
    هنگامی که شما یک فایل HTML را ذخیره می کنید شما می توانید هرکدام از پسوندهای htm. یا html. را انتخاب کنید.ما در مثال هایمان از پسوند htm. استفاده می کنیم. این ممکن است یک رفتار بد موروثی از گذشته باشد که بیشتر نرم افزارهایی که استفاده می شوند فقط پسوند سه حرفی را قبول می کنند.با نرم افزار جدیدتر ما فکر می کنیم که اگر از پسوند html. استفاده کنیم بسیار ایمن تر خواهیم بود.
    آیا میخواهید یک بار امتحان کنید ؟
    اگر در حال کار با ویندوز هستید برنامه note pad را اجرا کنید. متن زیر را تایپ کنید.

    <html> <head>
    <title>title of page </title> </head> <body> This is my first home page.<b> This text is bold </b>
    </body> </html>
    فایل را تحت عنوان “mypage.htm”ذخیره کنید.
    مرورگر اینترنت خود را باز کنید، از منوی فایل گزینه “open” یا “open page” را انتخاب کنید. یک جعبه گفتگو ظاهر خواهد شد .گزینه “brows” یا “choose file” را انتخاب کنید و در مکانی که فایل HTML خود را ساخته اید قرار گیرید. آن را انتخاب کنید و روی گزینه “open” کلیک کنید.حالا شما یک آدرس در جعبه گفتگوی خود مشاهده خواهید کرد. بعنوان مثال “C:\mypage.html” گزینه ok را کلیک کنید و مرورگر صفحه را به شما نشان خواهد داد.
    با M.S.P Soft به دنياي برنامه نويسي وارد شويد[برای نمایش لینک باید عضو شوید. ]
  2. #2
    adminmsp
    مدیر کل و موسس سایت
    تاریخ عضویت
    1970 Jan
    محل سکونت
    M.S.P Soft
    نوشته ها
    1,589
    759
    432

    اموزش html بخش دوم

    عناصر HTML :
    پرونده های HTML فایل های متنی هستند که با عناصر HTML شناخته شده اند. عناصر HTML با استفاده از برچسب (تگ های ) HTML تعریف میشوند.
    تگ (برچسب) های HTML

    • برچسب های HTML برای نشانه گذاری عناصر HTML استفاده می شوند
    • بر چسب های HTML توسط دو کاراکتر < و > محاط می شوند
    • این کاراکتر های محاط کننده قلاب نامیده می شوند
    • بر چسب های HTML معمولا بصورت جفت می آیند <b> , <b/>
    • اولین برچسب دوتایی برچسب شروع و دومی برچسب پایانی است
    • متن های بین برچسب ابتدایی و انتهایی محتوای عناصر هستند
    • برچسبهای HTML به حروف کوچک و بزرگ حساس نیستند <b> معادل <B> است.

    عناصر HTML
    نمونه یک سند HTML :

     
    <html> <body> <p>This is my first paragraph</p> </body> </html>

    <html> <body><p>This is my first paragraph</p></body> </html>
    در این مثال از 3 برچسب استفاده شده است یعنی : <html> و <body> و <p> .
    توضیح کامل مثال بالا:
    عنصر <p> (پاراگراف) :

    <p>This is my first paragraph</p>


    • متن بالا یک عنصر HTML است.
    • برچسب <p> به ما نشان میدهد که متن بالا یک پاراگراف در یک سند HTML است.
    • این عنصر با تگ <p> شروع میشود و با تگ <p/> پایان می یابد.
    • محتوای عنصر : This is my first paragraph

    عنصر <body> (بدنه) :

    <body> <p>This is my first paragraph</p> </body>


    • عنصر <body> بدنه فایل HTML را به ما نشان میدهد.
    • این عنصر با تگ <body> شروع و با تگ <body/> پایان می یابد.
    • محتوای این عنصر شامل یک عنصر دیگر HTML است، یعنی پاراگراف.

    عنصر <html> (سند html ) :

    <html> <body> <p>This is my first paragraph</p> </body> </html>


    • عنصر <html> نشان میدهد که تمام سند html است.
    • این عنصر با تگ <html> شروع و با تگ <html/> پایان می یابد
    • محتوای این عنصر شامل یک عنصر دیگر html است، یعنی body یا بدنه سند

    چرا ما از تگ هایی با حروف کوچک استفاده میکنیم ؟
    ما فقط گفتیم که تگ های HTML حساس به حروف کوچک و بزرگ نیستند و <B>همان معنی <b>را می دهد.هنگامی که شما به وب گردی می پردازد، متوجه خواهید شد که بیشتر آموزش ها در مثال هایشان از حروف بزرگ تگ های HTML استفاده می کنند.ما همیشه از برچسب های حروف کوچک استفاده می کنیم. چرا؟
    اگر شما می خواهید خود را برای نسل های بعدی HTML آماده کنیدشما باید شروع کنید و از برچسبهای حروف کوچک استفاده کنید.کنسرسیوم شبکه گسترده جهانی (W3C) در نظریه HTML4 خود برچسب های حروف کوچک را توصیه کرده و XHTML(نسل بعدی HTML) برچسبهای حروف کوچک را خواستار شده است.

    عناصر تگ :
    برچسبها خود می توانند شامل عناصری باشند ، عناصر می توانند اطلاعات اضافی در باره عناصر HTML در صفحه شما را فراهم کنند.این برچسب عنصر بدنه را در صفحه شما معرفی می کند:
     <body>
    با اضافه کردن عنصر <bgcolor>شما می توانید به مرورگر بگویید که رنگ پس زمینه شما باید قرمز باشد مثل این:<”body bgcolor=”red>
    این برچسب یک جدول HTML را معرفی می کند:<table>. با اضافه کردن عنصر حاشیه شما می توانید به مرورگر بگویید که جدول نباید هیچ لبه و حاشیه ای داشته باشد: <”table border=”0>

    عناصر همیشه در یک زوج نام/مقدار می آیند، مثل این: نام=”مقدار”
    عناصر همیشه به برچسب شروع عناصر HTML اضافه می شوند

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

    <p>This is a paragraph </p><p>This is a paragraph</p>
    مثال بالا در بیشتر مرورگر ها به درستی نمایش داده میشود ولی به آنها اعتماد نکنید.فراموش کردن تگ پایانی منجر به اتفاقات و پیغام خطاهای غیر منتظره میشود!
    توجه! : ورژن (نسخه) بعدی HTML به شما اجازه نمیدهد تا این مرحله را رها کنید و انجام ندهید.

    عناصر خالی HTML :


    • عناصر html که بدون محتوی باشند عناصر خالی html نامیده میشوند.
    • عناصر خالی را میتوان در تگ آغازین بست!
    • <br> یک عنصر خالی است زیرا تگ پایانی ندارد.(که آن را خط شکسته یاد میکنند.)
    • در XHTML و XML و ورژن بعدی HTML همه ی عناصر باید دارای تگ پایانی باشند.
    • اضافه کردن یک اسلش ( / ) مانند <br /> به تگ آغازین یک راه صحیحی است تا عناصر خالی بسته شوند.این کار توسط XML، XHTML و HTml تایید شده است.
    • حتی اگر <br> در همه ی مرورگر ها کار کند، باز هم نوشتن <br /> مطمئن تر و در آینده باثبات تر است.

    حالت های کتیشن ، ‘RED’ یا “RED” :
    محتوای عناصر باید همیشه در کتیشن ها محدود شوند ، از هر دو حالت کتیشن و دوبل کتیشن می توان استفاده کرد ولی استفاده از دوبل کتیشن ها متداول تر است. در بعضی موقعیت های نادر مثل هنگامی که محتوای عناصر خود دارای کتیشن هستند لازم است که از تک کتیشن استفاده کنیم:

    Name='john "shotgun" Nelson' ویژگی ها و نشانه ها در html
    ویژگی ها یا نشانه ها در HTML این امکان را میدهند تا اطلاعاتی را به یک عنصر اضافه کنیم.
    نشانه ها در HTML :

    • عناصر HTML میتوانند شامل خواص و ویژگی هایی باشند.
    • نشانه ها این امکان را میدهند تا اطلاعاتی را به یک عنصر اضافه کنیم.
    • نشانه ها همیشه در تگ آغازین مورد استفاده قرار میگیرند.
    • نشانه ها به صورت جفت نام و مقدار می آیند مثل : name=”value”


    مثال برای نشانه ها :
    لینک های در HTML توسط تگ <a> تعریف میشوند، آدرس لینک به صورت یک نشانه(ویژگی) شناخته میشود:

    <a href="http://www.w3schools.com">This is a link</a>


    همیشه مقدار (value) یک ویژگی را نقل کنید :
    ارزش و مقدار یک ویژگی همیشه باید در نقل قول ها لحاظ شود.
    سبک دوبل استایل در نقل قول ها رایج تر است ولی سبک تک استایل در نقل قول ها مورد قبول تر است.(از نظر مرورگرها)
    در بیشتر وضعیت های نادر، که خود مقدار (value) شامل نقل قول میشود؛ لازم است که شما از نقل قول یک گانه استفاده کنید :

    name='John "ShotGun" Nelson'
    با M.S.P Soft به دنياي برنامه نويسي وارد شويد[برای نمایش لینک باید عضو شوید. ]
  3. 1
  4. #3
    adminmsp
    مدیر کل و موسس سایت
    تاریخ عضویت
    1970 Jan
    محل سکونت
    M.S.P Soft
    نوشته ها
    1,589
    759
    432

    تیتر ها و پاراگراف ها در html

    تیتر ها و پاراگراف ها در HTML

    تیتر ها :: HTML Headings

    تیتر ها در HTML از اهمیت ویژه ای برخوردارند.
    تیترها در HTML :

    تیتر ها توسط تگ <h1> تا <6> تعریف میشوند.
    <h1> بزرگترین تیتر را تعریف میکند و <h6> نیز کوچکترین تیتر را تعریف میکند.

    مثال :

    <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>

    نکته : مرورگرها به طور خودکار یک فاصله خالی قبل و بعد از تیتر ایجاد میکنند.
    تمرین در لینک روبرو : کلیک کنید!

    تیتر ها بسیار مهم هستند :

    از تگ های تیتر فقط برای تیتر ها استفاده کنید.
    برای بزرگ تر (BIG) نشان دادن و یا پررنگ تر (BOLD) نشان دادن متن از تگ تیتر استفاده نکنید.
    موتور های جستجو (مثل گوگل و یاهو و … ) برای ساختن فهرستی از اطلاعات و محتوای وب سایت شما از تیتر ها استفاده میکنند.
    از آن جا که ممکن است کاربران صفحات وب شما را به طور سطحی بخوانند، استفاده از تیتر ها برای سازماندهی کردن متن و همچنین منظم نشان دادن آن مهم است.
    تگ <h1> باید برای تیتر اصلی استفاده شود، بعد تگ <h2> و بعد <h3> و … یعنی تگ <h1> معرفی کننده مهمترین تیتر است، بعد <h2>که اهمیتش کمتر است و به ترتیب تا <h6> که <h6> اهمیتش کمتر از بقیه است.

    قوانین خط (Rules) در HTML :

    تگ <hr> برای ساختن (قرار دادن ) خط افقی استفاده میشود.

    مثال :

    <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p>

    <p>This is a paragraph</p><hr /><p>This is a paragraph</p><hr /><p>This is a paragraph</p>

    تمرین در لینک روبرو : کلیک کنید!

    توضیح و تفسیر در HTML :
    توضیحات میتوانند در کد های HTML درج شوند تا نوشته را خواندنی تر و قابل فهم تر کنند.
    توضیحات توسط مرورگرها نادیده گرفته میشوند پس در نتیجه در مرورگر هاینمایش داده نخواهند شد.
    توضیحات مانند مثال زیر نوشته میشوند :

    <!-- This is a comment -->

    تمرین و مثال بیشتر در لینک روبرو : کلیک کنید!
    نکته : یک علامت تعجب (!) بعد از براکت ( >) باز وجود دارد ولی قبل از براکت بسته (>) این علامت نیست!
    چگونه کد های HTML را ببینیم ؟
    حتما شما تا به حال یک صفحه ی وب را دیده اید و تعجب کرده اید ؛ ” هی چطوری اینو ساخته ؟!!! ”
    برای فهمیدن این که چگونه آن را ساخته این کار را انجام دهید :
    در صفحه راست کلیک کنید و گزینه ی “View Source”" را بزنید (در اینترنت اکسپلورر) و در فایرفاکس “View Page Source”را بزنید؛ در مرورگرهای دیگر هم به همین ترتیب. .قتی این کار را انجام دهید یک صفحه باز خواهد شد که کد های HTML صفحه وب مورد نظر شما را نشان خواهد داد.

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

    توضیحات تگ :
    <html> ……………. یک سند HTML را تعریف میکند
    <body>……………. بدنه اصلی فایل HTML را تعریف میکند
    <h1> to.<h6>……… تیتر را از سایز 1 تا 6 تعریف میکند
    <hr />……………. یک خط افقی را تعریف میکند
    <!–> ……………. توضیحات در HTML را تعریف میکند

    پاراگراف ها :: HTML Paragraphs

    سند های HTML به پاراگراف هایی تقسیم میشوند.

    پاراگراف ها در HTML :

    پاراگراف ها توسط تگ <p> تعریف میشوند.

    <p>This is a paragraph</p> &lt;p&gt;This is another paragraph&lt;/p&gt;

    نکته : مرورگر ها به طور اتوماتیک یه فضای خالی قبل و بعد از پاراگراف ایجاد میکنند.
    مثال و تمرین بیشتر در لینک روبرو : کلیک کنید !

    تگ پایانی را فراموش نکنید :
    اگر شما تگ پایانی را فراموش کنید، بیشتر مرورگرها کدهای HTML را به طور صحیح نمایش میدهند؛ مانند مثال زیر:

    <p>This is a paragraph </p><p>This is another paragraph</p>

    مثال بالا در بیشتر مرورگر ها به درستی نمایش داده میشود ولی به آنها اعتماد نکنید.فراموش کردن تگ پایانی منجر به اتفاقات و پیغام خطاهای غیر منتظره میشود!
    توجه! : ورژن (نسخه) بعدی HTML به شما اجازه نمیدهد تا این مرحله را از قلم بیندازید.

    شکست خطوط در HTML :
    اگر شما میخواهید خط را بشکنید (یک خط جدیدی را ایجاد کنید) بدون این که پاراگراف جدیدی را شروع کنید از تگ <br> استفاده کنید.

    <p>This is<br />a para<br />graph with line breaks</p>

    نکته : <br /> یک تگ خالی در HTML است، بنابراین تگ پایانی ندارد.
    تمرین و مثال بیشتر در لینک روبرو : کلیک کنید!

    <br> یا </br> ؟
    در XHTML و XML و ورژن نهایی HTML، عناصری بدون تگ پایانی غیر قابل قبول خواهد بود.
    حتی اگر <br> در همه ی مرورگر ها کار کند، باز هم نوشتن <br /> مطمئن تر و در آینده باثبات تر است.

    خروجی های HTML – نکته های مفید :
    شما نمیدانید که صفحه HTML شما در نمایشگر های کوچک و بزرگ چگونه نمایش داده خواهند شد و ریسایز کردن آن نتایج مختلفی خواهد داشت.
    در HTML شما نمیتوانید با اضافه کردن فاصله های خالی زیاد یا خط های زیادی، متن خود را مرتب کنید و فایل خروجیتان را تغییر دهید.
    مرورگرها خط ها و فاصله های اضافی را زمان نمایش پاک میکنند و نمایش نمیدهند.
    تعداد فاصله های خالی هرچه قدر باشد فقط یک فاصله خالی در مرورگر نمایش داده خواهد شد. برای خط ها هم همینطور.
    خودتان از طریق لینک روبرو امتحان کنید : کلیک کنید!
    (شما با تمرین کردن و دیدن مثال های زیاد میتوانید اشکالات خود را برطرف کنید)

    مرجع تگ های HTML :
    <p> …………… یک پاراگراف را تعریف میکند
    <br />…………. یک شکست خط را ایجاد میکند.

    تیتر ها :: HTML Headings

    تیتر ها در HTML از اهمیت ویژه ای برخوردارند.
    تیترها در HTML :

    تیتر ها توسط تگ <h1> تا <6> تعریف میشوند.
    <h1> بزرگترین تیتر را تعریف میکند و <h6> نیز کوچکترین تیتر را تعریف میکند.

    مثال :

    <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>


    نکته : مرورگرها به طور خودکار یک فاصله خالی قبل و بعد از تیتر ایجاد میکنند.
    تمرین در لینک روبرو : کلیک کنید!

    تیتر ها بسیار مهم هستند :

    از تگ های تیتر فقط برای تیتر ها استفاده کنید.
    برای بزرگ تر (BIG) نشان دادن و یا پررنگ تر (BOLD) نشان دادن متن از تگ تیتر استفاده نکنید.
    موتور های جستجو (مثل گوگل و یاهو و … ) برای ساختن فهرستی از اطلاعات و محتوای وب سایت شما از تیتر ها استفاده میکنند.
    از آن جا که ممکن است کاربران صفحات وب شما را به طور سطحی بخوانند، استفاده از تیتر ها برای سازماندهی کردن متن و همچنین منظم نشان دادن آن مهم است.
    تگ <h1> باید برای تیتر اصلی استفاده شود، بعد تگ <h2> و بعد <h3> و … یعنی تگ <h1> معرفی کننده مهمترین تیتر است، بعد <h2>که اهمیتش کمتر است و به ترتیب تا <h6> که <h6> اهمیتش کمتر از بقیه است.

    قوانین خط (Rules) در HTML :

    تگ <hr> برای ساختن (قرار دادن ) خط افقی استفاده میشود.

    مثال :

    <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p>

    <p>This is a paragraph</p><hr /><p>This is a paragraph</p><hr /><p>This is a paragraph</p>


    تمرین در لینک روبرو : کلیک کنید!

    توضیح و تفسیر در HTML :
    توضیحات میتوانند در کد های HTML درج شوند تا نوشته را خواندنی تر و قابل فهم تر کنند.
    توضیحات توسط مرورگرها نادیده گرفته میشوند پس در نتیجه در مرورگر هاینمایش داده نخواهند شد.
    توضیحات مانند مثال زیر نوشته میشوند :

    <!-- This is a comment -->


    تمرین و مثال بیشتر در لینک روبرو : کلیک کنید!
    نکته : یک علامت تعجب (!) بعد از براکت ( >) باز وجود دارد ولی قبل از براکت بسته (>) این علامت نیست!
    چگونه کد های HTML را ببینیم ؟
    حتما شما تا به حال یک صفحه ی وب را دیده اید و تعجب کرده اید ؛ ” هی چطوری اینو ساخته ؟!!! ”
    برای فهمیدن این که چگونه آن را ساخته این کار را انجام دهید :
    در صفحه راست کلیک کنید و گزینه ی “View Source”" را بزنید (در اینترنت اکسپلورر) و در فایرفاکس “View Page Source”را بزنید؛ در مرورگرهای دیگر هم به همین ترتیب. .قتی این کار را انجام دهید یک صفحه باز خواهد شد که کد های HTML صفحه وب مورد نظر شما را نشان خواهد داد.

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

    توضیحات تگ :
    <html> ……………. یک سند HTML را تعریف میکند
    <body>……………. بدنه اصلی فایل HTML را تعریف میکند
    <h1> to.<h6>……… تیتر را از سایز 1 تا 6 تعریف میکند
    <hr />……………. یک خط افقی را تعریف میکند
    <!–> ……………. توضیحات در HTML را تعریف میکند

    پاراگراف ها :: HTML Paragraphs

    سند های HTML به پاراگراف هایی تقسیم میشوند.

    پاراگراف ها در HTML :

    پاراگراف ها توسط تگ <p> تعریف میشوند.

    <p>This is a paragraph</p> &lt;p&gt;This is another paragraph&lt;/p&gt;


    نکته : مرورگر ها به طور اتوماتیک یه فضای خالی قبل و بعد از پاراگراف ایجاد میکنند.
    مثال و تمرین بیشتر در لینک روبرو : کلیک کنید !

    تگ پایانی را فراموش نکنید :
    اگر شما تگ پایانی را فراموش کنید، بیشتر مرورگرها کدهای HTML را به طور صحیح نمایش میدهند؛ مانند مثال زیر:

    <p>This is a paragraph </p><p>This is another paragraph</p>


    مثال بالا در بیشتر مرورگر ها به درستی نمایش داده میشود ولی به آنها اعتماد نکنید.فراموش کردن تگ پایانی منجر به اتفاقات و پیغام خطاهای غیر منتظره میشود!
    توجه! : ورژن (نسخه) بعدی HTML به شما اجازه نمیدهد تا این مرحله را از قلم بیندازید.

    شکست خطوط در HTML :
    اگر شما میخواهید خط را بشکنید (یک خط جدیدی را ایجاد کنید) بدون این که پاراگراف جدیدی را شروع کنید از تگ <br> استفاده کنید.

    <p>This is<br />a para<br />graph with line breaks</p>


    نکته : <br /> یک تگ خالی در HTML است، بنابراین تگ پایانی ندارد.
    تمرین و مثال بیشتر در لینک روبرو : کلیک کنید!

    <br> یا </br> ؟

    در XHTML و XML و ورژن نهایی HTML، عناصری بدون تگ پایانی غیر قابل قبول خواهد بود.
    حتی اگر <br> در همه ی مرورگر ها کار کند، باز هم نوشتن <br /> مطمئن تر و در آینده باثبات تر است.

    خروجی های HTML – نکته های مفید :
    شما نمیدانید که صفحه HTML شما در نمایشگر های کوچک و بزرگ چگونه نمایش داده خواهند شد و ریسایز کردن آن نتایج مختلفی خواهد داشت.
    در HTML شما نمیتوانید با اضافه کردن فاصله های خالی زیاد یا خط های زیادی، متن خود را مرتب کنید و فایل خروجیتان را تغییر دهید.
    مرورگرها خط ها و فاصله های اضافی را زمان نمایش پاک میکنند و نمایش نمیدهند.
    تعداد فاصله های خالی هرچه قدر باشد فقط یک فاصله خالی در مرورگر نمایش داده خواهد شد. برای خط ها هم همینطور.
    خودتان از طریق لینک روبرو امتحان کنید : کلیک کنید!
    (شما با تمرین کردن و دیدن مثال های زیاد میتوانید اشکالات خود را برطرف کنید)

    مرجع تگ های HTML :
    <p> …………… یک پاراگراف را تعریف میکند
    <br />…………. یک شکست خط را ایجاد میکند.
    با M.S.P Soft به دنياي برنامه نويسي وارد شويد[برای نمایش لینک باید عضو شوید. ]
  5. #4
    adminmsp
    مدیر کل و موسس سایت
    تاریخ عضویت
    1970 Jan
    محل سکونت
    M.S.P Soft
    نوشته ها
    1,589
    759
    432

    قالب بندی متن و استایل ها در html

    • زبان HTML از تگ هایی مثل <b> استفاده میکند تا متن خروجی به صورت پررنگ در آید.
    • این تگ ها در HTML، تگ های قالب بندی متن نامیده میشوند.

    تگ های قالب بندی متن :
    مثال و تمرین بیشتر : [برای نمایش لینک باید عضو شوید. ]
    تگ های خروجی کامپیوتر :

    تگ های نقل قول ، کتیشن و توضیحات :
    مثال های بیشتر :
    نوع نمایش متن
    در این مثال، نمایشهای گوناگون متن را می بینید.
    قالب بندی پیش فرض
    به کمک تگ pre، قالب بندی اولیه متن خود را(شامل فاصله ها و سرخط ها)، حفظ کنید.
    برچسبهای “خروجی کامپیوتری”
    نوشته های کامپیوتری، حالتهای خاصی دارند که می توان به کمک تگ ها، متن نوشته شده را به آن حالتها نمایش داد. مثال را ببینید.
    آدرس
    تگ address، حالت خاص نمایش آدرس را به متن ما می دهد. ببینید.
    مخفف و مترادف
    اگر بخواهیم مخفف و یا مترادف یک کلمه را در متن نشان دهیم چه می کنیم؟ مثال را ببینید.
    جهت متن
    مثال زیر نشان می دهد که چگونه می توان متن نوشته شده را سروته نشان داد.
    نقل قول
    نقل قول در متن، با توجه به اینکه کوتاه یا بلند باشد، به صورت های مختلف نشان داده می شود. این مثال را ببینید.
    متن حذف و یا اضافه شده
    برای نمایش کلمات حذف و یا اضافه شده به متن اصلی، مثال را ببینید.

    استایل ها :: HTML Style
    متن روبرو آبی است و با فونت Times نوشته شده است. This text is in Times and blue

    عنصر استایل در HTML :
    هدف از عنصر استایل این است :
    یک استایل رایج و معمولی (پیشفرض) را برای همه ی عناصر پیاده کند.
    استایل در HTML 4 معرفی شد. راهی جدیدی که برای استایل ها در HTML ترجیح داده شد.
    عجله نکنید در آموزش CSS این مسائل را به شما آموزش میدم!
    در این سری آموزش ها فقط هدف آشنایی عنصر استایل را به شما دارم تا شما لا استایل ها در HTML آشنا شوید.

    مثال هایی برای استایل در HTML :



    style="background-color:yellow" style="font-size:10px" style="font-family:Times" style="text-align:center"
    مثال های استایل :
    رنگ پس زمینه :


    <body style="background-color:yellow"></body> مشخصه style یک استایل را برای عنصر <body> تعریف میکند.
    [برای نمایش لینک باید عضو شوید. ]
    [برای نمایش لینک باید عضو شوید. ]

    فونت، رنگ و سایز متن :

    <p style="font-family:courier new; color:red; font-size:20px"></p>
    مشخصه style یک استایل را برای عنصر <p> تعریف میکند.
    [برای نمایش لینک باید عضو شوید. ]
    [برای نمایش لینک باید عضو شوید. ]

    تنظیم متن :

    <h1 style="text-align:center"></h1>
    مشخصه style یک استایل را برای عنصر <h1> تعریف میکند.
    با M.S.P Soft به دنياي برنامه نويسي وارد شويد[برای نمایش لینک باید عضو شوید. ]
  6. #5
    adminmsp
    مدیر کل و موسس سایت
    تاریخ عضویت
    1970 Jan
    محل سکونت
    M.S.P Soft
    نوشته ها
    1,589
    759
    432

    لینک ها و تصاویر در html

    لینک ها و تصاویر در HTML
    لینک ها :: HTML Links
    یک لینک آدرس یک سند یا یک منبع در وب است.
    مثال :
    [برای نمایش لینک باید عضو شوید. ]
    این مثال نشان می دهد که چگونه می توان، در متن نوشته شده، فراپیوندی ایجاد کرد.
    [برای نمایش لینک باید عضو شوید. ]
    این مثال عکسی را به یک فراپیوند تبدیل می کند.
    (مثالهای بیشتر، در انتهای این پست آمده است)

    Hyperlinks ، Anchors و لینک ها در HTML
    HTML از برچسب <a> برای ساخت یک پیوند به پرونده های دیگر استفاده می کند. یک anchor می تواند به هر منبعی در وب اشاره کند.یک صفحه HTML ، یک عکس ، یک فایل صوتی ، یک فیلم و … .
    دستورالعمل ساخت یک Anchor:

    <a href="url"> متنی که نمایش داده می شود </a>
    در هنگام ساختن یک Anchor باید مکانی که پیوند به آن پرونده اشاره میکند را مشخص کرد. برای نمایش آدرس پرونده از موجودیت href استفاده می شود.کلمات بین بر چسب آغازو پایان Anchor به عنوان فرا پیوند نمایش داده می شود.
    این Anchor یک پیوند به html.ir را معرفی می کند:

    <a href="http://forum.mspsoft.com/">انجمن ام اس پی سافت</a>


    یک لینک در HTML :
    قاعده ساخت یک لینک :

    <a href="url">Link text</a>
    تگ آغازین شامل عنصری در مورد لینک است.
    محتوای عنصر (متن پیوند ) قسمتی است که نمایش داده خواهد شد.
    نکته : محتوای عنصر حتما نباید شامل متن باشد! میتواند شامل لینک یک عکس یا هر چیز دیگری باشد.
    مشخصه href :
    عنصر href آدرس یک لینک را تعریف میکند.
    عنصر <a> زیر، یک لینک به سایت مجید آنلاین را تعریف میکند :

    <a href="http://www.google.com">Visit Google!</a>
    کد بالا به صورت روبرو نمایش داده میشود : [برای نمایش لینک باید عضو شوید. ]
    مشخصه target :
    توسط target شما میتوانید مشخص کنید که فایل لینک داده شده به آن کجا باز شود.
    به عنوان مثال، کد زیر سایت مجید آنلاین را در صفحه جدیدی باز میکند:

    <a href="http://www.google.com" target="_blank">Visit Google!</a>
    مقادیر مجاز برای target
    [TABLE="width: 400, align: center"]
    [TR]
    مقدار توضیح [/TR]
    [TR]
    [TD]_blank[/TD]
    [TD]لینک در یک پنجره/تب جدید باز میشود[/TD]
    [/TR]
    [TR]
    [TD]_self[/TD]
    [TD]لینک در فریم/صفحه جاری باز می شود[/TD]
    [/TR]
    [TR]
    [TD]_parent[/TD]
    [TD]لینک در فریم والد باز می شود[/TD]
    [/TR]
    [TR]
    [TD]_top[/TD]
    [TD]لینک در در همان صفحه باز می شود/خروج از فریم[/TD]
    [/TR]
    [/TABLE]
    مشخصه name :
    مشخصه name برای ساخت یک لینک دارای نام استفاده میشود.توسط لینک دارای نام شما میتوانید لینکی بسازید که به قسمت خاصی از صفحه مستقیما جهش داشته باشد به جای این که کاربر را مجبور به پیمودن صفحه کنید تا به قسمت مورد نظر برسد.
    قاعده ساخت یک لینک دارای نام به صورت زیر است :

    <a name="label">Any content</a> قاعده ساخت یک named anchor :

    <a href="#label">Any content</a>
    # در عنصر href یک named anchor را تعریف میکند.
    مثال :
    عنصر anchor named داخل یک سند HTML :

    <a name="tips">Useful Tips Section</a>
    لینک به قسمت مورد نظر از همان سند :

    <a href="#tips">Jump to the Useful Tips Section</a>




    نکات پایه ای – اطلاعات مفید :
    همیشه یک علامت “/” به منابع زیر پوشه ها اضافه کنید. اگر شما پیوندی مثل این درست کنید

    href="http://www.forum.mspsoft.com/"
    شما دو تقاضا برای سرور درست کرده اید ، چون سرور یک علامت “/” به انتهای آدرس اضافه کرده و یک تقاضای جدید درست می کند. مثل این:

    href="http://forum.mspsoft.com//"
    از Anchor نام دار معمولا برای ساخت یک جدول از محتویات در ابتدای یک پرونده بزرگ استفاده می شود. به هر بخش در میان پرونده یک Anchor نام دار داده شده و پیوند به هرکدام از این Anchor ها در بالای پرونده قرار داده شده است. اگر یک مرورگر نتواند Anchor نام داری را که مشخص شده است را پیدا کند به ابتدای آن پرونده رفته و هیچ خطایی اتفاق نمی افتد.
    مثال های بیشتر :
    [برای نمایش لینک باید عضو شوید. ]
    فرض کنید در ابتدای متن، فهرستی از محتوای متن نوشته اید. اگر بخواهیم با کلیک روی هر یک از سرفصلها، به آن سرفصل مراجعه کنیم، چگونه عمل می کنیم؟ لینک های این مثال، چگونگی این کار را نشان می دهند.
    [برای نمایش لینک باید عضو شوید. ]
    اگر صفحه شما، داخل یک قاب نمایش داده می شود، لینک های آن، محتوای قاب را تغییر می دهند. برای شکستن این محدودیت و تغییر محتوای کل پنجره مانند این مثال عمل کنید.
    [برای نمایش لینک باید عضو شوید. ]
    در صورتیکه آدرس لینک شما، از شماهای دیگری غیر از http، مانند mailto و یا ftp استفاده کند، چه می شود. این مثال نمونه ای را نمایش می دهد.
    [برای نمایش لینک باید عضو شوید. ]
    در این مثال نمونه دیگری از لینک نوع mailto را می بینید.
    عکس ها :: HTML Images
    هدف ما این است شما خودتان یاد بگیرید! پس روی لینک های زیر کلیک کنید و تا حدودی با این عنصر آشنا شوید. [برای نمایش لینک باید عضو شوید. ]
    [برای نمایش لینک باید عضو شوید. ]
    در لینک بالا میتوانید بفهمید چگونه عکس ها را در صفحات وب قرار میگیرند (تمرین کنید!)
    [برای نمایش لینک باید عضو شوید. ]
    در لینک بالا، نحوه قرار دادن عکس از سرور های دیگر را می بینید.

    تگ عکس ها و مشخصه src :
    در HTML عکس ها توسط تگ <img> تعریف میشوند.
    تگ <img> خالی است، به این معنی که میتواند شامل عناصری باشد و تگ پایانی ندارد.
    برای نشان دادن یک عکس در صفحه، شما باید از عنصر src استفاده کنید.
    Src مخفف source (منبع) است.
    محتوای عنصر url ، src تصویری است که شما می خواهید در صفحه تان نمایش دهید.
    نحوه معرفی یک تصویر:


    <img src="url"/> url به محلی اشاره می کند که تصویر در آنجا قرار دارد . تصویری که “logo1w.png” نامیده شده در مسیر “/intl/en_ALL/images/srpr/” در “[برای نمایش لینک باید عضو شوید. ] دارای این url است:

    <img src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" />
    مرورگر تصویر را جایی قرار می دهد که تگ تصویر سند HTML در آنجا قرار گرفته است.اگر شما تگ تصویر را بین دو پاراگراف قرار دهید ، مرورگر ابتدا پاراگراف اول ، سپس تصویر و بعد پاراگراف دوم را نشان می دهد.
    مشخصه alt :
    عنصر alt برای معرفی متن جایگزین به جای یک تصویر استفاده می شود. محتوای عنصر alt یک متن توصیفی است:

    <img src="boat.gif" alt="Big Boat" />
    اگر مرورگر نتواند تصویری را بارگیری نماید ، عنصر alt به خواننده می گوید که آن را در صفحه از دست داده است ، سپس مرورگر متن جایگزین را بجای آن نشان خواهد داد
    این یک عادت خوبی است تا هر عکس را در صفحه با عنصر alt همراه کنید تا برای کسانی که مجبورند در مرورگرهایشان فقط متن را مشاهده کنند صفحه شما بهتر و مفید تر نمایش داده شوند.
    نکات پایه ای – اطلاعات مفید :
    اگر یک فایل HTML حاوی 10 تصویر باشد ، برای نمایش کامل صفحه به 11 فایل احتیاج است. بارگیری تصاویر وقت گیر است ، بنابر این توصیه من این است که از تصاویر به دقت استفاده کنید.
    مثال های بیشتر :
    [برای نمایش لینک باید عضو شوید. ]
    این مثال، روش نمایش عکسی به عنوان زمینه را نشان می دهد.
    [برای نمایش لینک باید عضو شوید. ]
    به کمک این مثال می توان محل نمایش عکس، نسبت به متنی که عکس درون آن قرار دارد، را تعیین کرد.
    [برای نمایش لینک باید عضو شوید. ]
    می خواهید عکسی را درون یک پاراگراف نمایش دهید. برای تعیین محل آن نسبت به متن پاراگراف، به این مثال توجه کنید.
    [برای نمایش لینک باید عضو شوید. ]
    این مثال روش تعیین اندازه عکس را برای نمایش، نشان می دهد.
    [برای نمایش لینک باید عضو شوید. ]
    چگونه می توان برای یک عکس متن جایگزین انتخاب کرد. زمانیکه عکس داخل صفحه کامل بار نشده و یا زمانیکه کاربر علاقه ای به دیدن عکسهای صفحه ندارد، به کمک تعیین متن جایگزین، شرحی درباره ی عکس به کاربر داده می شود. به این مثال توجه کنید.
    [برای نمایش لینک باید عضو شوید. ]
    این مثال عکسی را به یک فراپیوند تبدیل می کند.
    [برای نمایش لینک باید عضو شوید. ]
    این مثال، روش تقسیم یک عکس به نواحی مختلف(همانند یک نقشه) را نشان می دهد. هر یک از این نواحی، یک فراپیوند هستند.

    تگ های عکس :

    با M.S.P Soft به دنياي برنامه نويسي وارد شويد[برای نمایش لینک باید عضو شوید. ]
  7. #6
    linkinforever
    كاربر عادي
    تاریخ عضویت
    2013 May
    نوشته ها
    1
    0
    0
    شروع کنید !
    به چه چیز هایی نیاز دارید ؟

    شما برای یادگیری HTML در مجید آنلاین به هیچ ابزاری نیاز ندارید !
    شما ویرایشگر HTML نیاز ندارید!
    شما به وب سرور نیاز ندارید !
    شما به وب سایت نیاز ندارید!
    دوست عزیز اومدی سایت زدی کپی پیست میکنی بدون درج منبع که هیچ !!! اقلا سعی کن سوتی ندی
    واقــــــــــــــــــــعا کار زشتی کردی ....
  8. #7
    adminmsp
    مدیر کل و موسس سایت
    تاریخ عضویت
    1970 Jan
    محل سکونت
    M.S.P Soft
    نوشته ها
    1,589
    759
    432
    ببخشید شما ؟
    بهتره جایی اینکه بگید کپی هستش یا خیر از مطلب استفاده کنید یا اینکه اگه میدونید منبعش کجاست برید از منبعش استفاده کنید.

    موفق باشید
    با M.S.P Soft به دنياي برنامه نويسي وارد شويد[برای نمایش لینک باید عضو شوید. ]
نمایش نتایج: از 1 به 7 از 7

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  

Content Relevant URLs by vBSEO 3.6.0 RC 2