آموزش مقدماتی HTML و طراحی وب به زبان ساده قسمت 1
چند روزیه که به html علاقه مند شدم و گفتم چیزهایی که یاد گرفتم رو هم با شما به اشتراک بگذارم (اساتید اگر اشتباهی دیدن لطفا اول ببخشن و بعد هم تصحیح کنند) زبان html رو زبان صفحات وب می نامند و ظاهرا تمامی صفحات وب به هر زبانی که طراحی بشن در آخر به زبان html تبدیل می شوند . برای برنامه نویسی به زبان html نرم افزار یا ادیتور خاصی لازم نیست و با همین notepad ویندوز هم میشه این کار رو انجام داد اما من notepad++ رو توصیه میکنم .چون خیلی امکانات خوبی به شما میده و توی درست نوشتن دستورات کمکتون میکنه ، (چون با نوشتن چند حرف اول دستور ، خودش کلمه کامل رو مینویسه و شما فقط کافیه که روی کلمه درست رو انتخاب کنید)
برای شروع باید بگم که همه دستورات html تگ نامیده می شوند و شما برای اینکه تگ ها رو بنویسین باید اونها در میان دو علامت کوچکتر و بزرگتر قرار بدین ، لازمه بدونید که اکثر تگ هایی که نوشته می شوند به صورت جفتی هستند که تگ اول برای شروع و تگ بعدی نشانه انتهای تگ اول است که فرق این دو با هم این است که در جایی که تگ انتها نوشته میشود در ابتدا علامت اسلش قرار میگیرد و بعد تگ مورد نظر نوشته میشود. مثلا:
<html> . . . . </html>
همون طوری که در مثال بالا میبینید تگ html یک جفت است که اولی نشانه شروع تگ و دومی نشانه انتهای تگ است که با علامت اسلش آمده است ، لازم به ذکر است که کلیه صفحات html با تگ html شروع میشود و هرجایی که صفحه ای با این تگ شروع و به اتمام برسد آن صفحه یک صفحه html است ، تگ بعدی که تقریبا برای صفحه لازم است تگ head میباشد که قالب و فرمت آن به صورت زیر است
<html> <head> ...... </head> ..... ..... ..... </html>
از این تگ زمانی استفاده میشود که بخواهیم چیزی را درسربرگ صفحه بیاوریم ، تگ بعدی تگ title است که قالب آن به صورت زیر می باشد
<html> <head> <title> اسم صفحه </title> </head> .... .... .... </html>
اگر دقت کنید تگ title در دل تگ head قرار میگیره و اگر متنی در آن نوشته شود در سربرگ صفحه آورده میشود (لازمه گفته شود که این کلمات جزو مهمترین کلمات است . چون در سئو سایت تاثیر زیادی دارد) ، آخرین تگی که امروز در مورد صحبت میکنم تگ body است که به تگ بدنه معروف است و کلیه مطالب صفحه در وسط این تگ نوشته می شود. میتونید کدهای زیر رو در یک صفحه txt کپی کنید و اون رو save as کنید و با یک اسم و پسوند html ذخیره کنید و اولین صفحه html رو خودتون طراحی کنید. اگر فایلی که ذخیره کردین رو با بروزر اینترنت باز کنید نتیجه کارتون رو خواهید دید
<html> <head> <title> سربرگ صفحه </title> </head> <body> این اولین صفحه اچ تی ام ال من است </body> </html>
