آموزش HTML

mohammad moradi الإثنين نوفمبر 16, 2009 6:14 am

يکي از ساده ترين راه هاي طراحي صفحات وب استفاده از نرم افزارهایي از قبيل FRONT PAGE – Draemweaver و . . .

چون استفاده از اين نرم افزارها نيازي به دانستن زبان هاي برنامه نويسي مثل HTML و خانواده آن مانند: ASP , Perl , PHP و ... ندارند. ولي براي يک طراحي بهتر و تصحيح کدهايي که اين نوع برنامه ها مي سازند لازم است که مقداري با HTML ( و تا حدي XML و XHTML ) آشنا باشيد.

براي اينکه بفهميد يک تابع HTML از چه قسمت هايي تشکيل شده مسير زير را در IE دنبال کنيد:

View> Source

با اين کار يک ويرايشگر متن ( پيش فرض ويندوز Notepad ) باز مي شود. که مي توانيد نگاهي به آن بکنيد.

براي اينکه کمي هم با XHTML ( که تلفيقي از HTML و XML است ) آشنا بشويد و در آينده مشکلي با‌ آن نداشته باشيد به چند نکته زير توجه کنيد:

1- همه تابع را با حروف کوچک ( يا همه را با حروف بزرگ ) بنويسيد.

2- بخش هاي پاياني الزامي هستند.

3- مقادير صفات را داخل گيومه قرار بدهيد.

قواعد پايه:

مواد تشکيل دهنده:

1- عضوها

2- تگ هاTags

3- صفات Attributes

هر عضو يک کلمه يا سر واژه است که ساختار محتواي صفحه را مشخص مي کند. مثل p براي پاراگراف و b براي توپر ( bold ).

هر عضو براي جدا شدن داخل علامت هاي زاويه اي (<> ) قرار مي گيرد که در اين صورت به آن يک برچسب ( تگ- tag ) مي گويند. بيشتر تگ ها داراي بخش پاياني هستند که براي متمايز شدن از تگ آغازي يک اسلش (/ ) قبل از اسم عضو مي آيد. مثل:

<title> This is my site.</title>

براي بعضي از تگ ها براي تعريف بهتر و بيشتر از صفت ( يک ويژگي اضافي که يک عضو را دقيق تر تعريف مي کند ) استفاده مي کنيم. صفت براي تعريف خصوصياتي مثل رنگ و اندازه يک مقدار مي گيرد. براي بعضي از تگ ها بيشتر از يک صفت وجود دارد که ترتيب آن ها به عهده خودتان است. مثلا˝در تگ <img> در مثال زير صقت ها شامل src,altو align هستند:

<img src=”my photo.jpg alt=”my birthday” align=”left”>

I)ساختار صفخه: هر پرونده ( فايل ) HTML حداقل از چهار عضو ويژه و اصلي تشکيل شده است که عبارتند از html,head,title وbody .

*عضو html به برنامه مرورگر اعلام مي کند که اين پرونده از نوع html است.

*عضو head حاوي اطلاعاتي درباره صفحه است.

*عضو title نشان دهنده عنواني است که در بالاي پنجره مرورگر ديده مي شود و بهتر است که براي بيشتر صفحات ( همه شون باشه چه بهتر ) يکي باشد.

*عضو body شامل هر آن چه که در صفحه است مي باشد و باقي عضوها بين برچسب هاي (tags ) آغازين و پاياني body مي آيند.

مثال1:

<html>
<head>
<title>Title is here</tilte>
</head>
<body>This is example.</body>
</html>

رعايت ترتيب برچسب ها مهم است. همين طور گذاشتن آن ها در جاي درست، تا مرورگر توانايي تشخيص اينکه کجا آغاز و کجا تمام مي شوند را داشته باشد.