اموزش جامع html

نویسنده mohammad a, بعد از ظهر 14:27:32 - 10/19/11

« اموزش جامع php | اموزش جامع xml »

0 اعضا و 1 مهمان درحال دیدن موضوع.

mohammad a

آنچه که قبل از یادگیری HTML لازم است بدانید:

برای شروع کار با HTML شما به چیزهایی نیاز دارید که در زیر آمده است:
1. شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
2. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
3. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.

mohammad a

در اینجا می خواهیم به ساختار شناسه ها یا همان تگها (tag) در HTML بپردازیم. یک تگ همیشه با علامت کوچکتر ریاضی یعنی این علامت > آغاز می شود و با علامت بزرگتر < به پایان می رسد. مثلاً تگی که باعث ایجاد زیرخط کلمات می شود اینطور نوشته می شود: <U> این علامت را قبل از متنی که می خواهیم زیر آن خط کشیده شود قرار می دهیم. به این تگ ، تگ ابتدایی (Opening tag) می گویند، که عملیاتی را که شما می خواهید آغاز کنید شروع می کند. به منظور پایان دادن به زیرخط باید از یک تگ پایانی استفاده کنید. یک تگ پایانی با این علامت شروع می شود: /> بقیه تگ مانند تگ ابتدایی می باشد. برای درک بهتر این مطلب به مثال زیر توجه کنید:

Tags and their position


اگر بخواهید متن بالا را با زیرخط در مرورگر خود ببینید باید آنرا مطابق خط روبرو در ویرایشگر متن خود بنویسید:
<u>tags and their position</u>


نتیجه را به این صورت می بینید:

Tags and their position
در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای مثال تگی که برای وارد کردن عکس استفاده می شود از این قبیل تگهاست، که به این صورت می باشد:

<img src="myimage.gif">


Tags:

Share via facebook Share via linkedin Share via telegram Share via twitter Share via whatsapp

https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
اموزش جامع xml

نویسنده mohammad a در زبان های برنامه نویسی

1 ارسال
2266 مشاهده
آخرین ارسال: بعد از ظهر 14:56:59 - 10/20/11
توسط
mohammad a
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
اموزش جامع php

نویسنده mohammad a در زبان های برنامه نویسی

1 ارسال
1318 مشاهده
آخرین ارسال: بعد از ظهر 15:05:35 - 10/20/11
توسط
mohammad a
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
اموزش جامع css

نویسنده mohammad a در زبان های برنامه نویسی

1 ارسال
1914 مشاهده
آخرین ارسال: بعد از ظهر 14:53:05 - 10/20/11
توسط
mohammad a
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
اموزش فتوشاپ از ابتدا تا انتها

نویسنده mohammad a در نرم افزار گرافیکی, Graphic Softwares

0 ارسال
2122 مشاهده
آخرین ارسال: قبل از ظهر 00:12:25 - 11/09/11
توسط
mohammad a
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
اموزش پرل از ابتدا تا انتها

نویسنده mohammad a در زبان های برنامه نویسی

0 ارسال
2084 مشاهده
آخرین ارسال: بعد از ظهر 20:24:32 - 11/08/11
توسط
mohammad a
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
اموزش طراحی یک وب سایت ساده از ابتدا

نویسنده mohammad a در زبان های برنامه نویسی

1 ارسال
2166 مشاهده
آخرین ارسال: قبل از ظهر 09:50:18 - 11/12/11
توسط
mohammad a
https://www.meta4u.com/forum/Themes/Comet/images/post/clip.png
اموزش نصب SQL Server 2008

نویسنده mohammad a در زبان های برنامه نویسی

0 ارسال
1646 مشاهده
آخرین ارسال: بعد از ظهر 21:57:32 - 11/07/11
توسط
mohammad a