به نام خدا

من قصد دارم در این تاپیک طراحی مقدماتی صفحات وب رو آموزش بدم!laugh

فعلا با html4 کار میکنیم بعدا که راه افتادیم میریم تو کار html5.

حرف بسه بریم سراغ اموزش!!!

 

 

 

معرفی تگ ها

اول بگم از این به بعد هر وقت گفتیم تگ ینی عبارتی که ما بین <> قرار میگیرد. تگ ها شروع و پایان دارند.

شروع: <عبارت>

پایان:<عبارت/>

به همین سادگی#$%wink

 تگ html

این تگ اصلی ترین تگ در برنامه نویسی در صفحات وب است.تمام دستورات ما بین ای 2 تگ قرار میگیرن.

مثال:

<html>

.

.

.

<html/>

 

 تگ head

ساده بگم این تگ برای نشان دادن عنوان و قرار دادن css به کار میرود. خوف نکنید بعد در مورد css بحث میشه!

ی نکته در این تگ  زبان فارسی رو معرفی میکنیم!

مثال زیر باعث ایجاد عنوان میشود :

<head>

<title>

learn.ir

<title/>

<head/>

 

 تگ boady

این تگ بدنه اصلی کدنویسی است.دستورانی که به نمایش درمیان در این تگ نوشته میشن.

مثال:

<boady>

.

.

.

<boady/>

 

 نمونه اول

خب حالا اولین کد رو بنویسیم.

یادتون باشه همیشه تگ html اول و اخر کد نویسه! بعد تگ head و در اخر تگ body.

 

<html>               شروع تگ html

<head>               شروع تگ head

<title>fun</title>      تگ عنوان

<head/>                   پایان تگ head

<boady>                  شروع تگ boady

enjoy it                   مطلب دلخواه

<boady/>              پایان تگ boady

<html/>                پایان تگ  html

 

 نحوه استفاده

خب یک فایل NOTEPAD بسازید این کدهارو بریزید داخلش. بعد از منو فایل SAVE AS  بزنید. FILE NAME رو هرچی خواسین بزارید فقط اخرش

دات(نقطه) بزارید و بنویسید htm یا html. یادتون باشه اگه ی پروژه خواستید درست کنید فایل هاتون ی دست باشن ینی این که فقط ی پسوند رو برا تمام فایل هاتون اسفاده کنید. اگه یکی از فایل ها htm باشه یکی دیگه با پسوند html به مشکل میخورید.

اینا تجربیات چندین ساله هستا برین حالشو ببرین.laugh

 

filename:test.html

filename:test.htm


 نکته اخر در این بخش وقتی خواستین فایلتون رو ذخیره کنید     Encoding رو   utf-8  بزارین !!

این گزینه برای پشتیبانی زبان فارسی استفاده میشه.

پایان بخش اول....!!!