تبلیغات
میهن وب هاست

آموزش HTML – ساختار و اصول کدنویسی

نویسنده : امیر

نظرات : ۰ دیدگاه

بازدید : ۴۵۵ بازدید

تاریخ : ۱۰ اسفند ۱۳۹۵

در جلسه ی قبل آموزش ما تاریخچه ی HTML را بررسی کردیم که شما بدانید با چه زبانی سرو کار دارید. بدون حاشیه در این بخش به ساختار و اصول ابتدایی کدنویسی در HTML می پردازیم.

 

حتما قبل از بررسی ساختار و اصول کدنویسی HTML نوشته ی مطالب قبلی این دوره ی آموزشی را با هشتگ #دوره_آموزشی_HTML در سایت ما را مطالعه کنید.

 

نرم افزارهای مورد نیاز برای کدنویسی HTML :

خب یکی از خصوصیات خوب زبان HTML این است که با تمامی ادیتورهای متنی شما می توانید شروع به کدنویسی کنید. ( حتی با ساده ترین نرم افزار موجود یعنی NotePad ویندوز )

ولی پیشنهاد ما برای سادگی کار نرم افزارهایی مانند NotePad++ ، SublimeText ، VisualStadioCode و … می باشد که تمامی آنها به صورت رایگان قابل دریافت می باشند.

لینک دسترسی به نرم افزار های مورد نیاز:

NotePad++

SublimeText

VisualStadioCode

 

خب شما به انتخاب خود یکی از نرم افزارهای مورد نظر را نصب کرده و به ادامه آموزش توجه کنید.

 

اصول نوشتن تگ ها در HTML :
هر تگ با ساختار زیر شروع خواهد شد:

و برای پایان دادن به تگ از ساختار زیر استفاده خواهیم کرد:

محتوایی که قصد دارید داخل یک تگ باشد بین تگ شروع و پایان آن قرار خواهید داد.

 

برای مثال یک تگ زیر توجه کنید:

تگ بالا کلمه ی “دوره آموزش اچ تی ام ال” را در خود نگه می دارد. این تگ مشخص می کند عبارت داخل آن یک پاراگراف از متن می باشد.

فعلا تگ ها را بررسی نخواهیم کرد و فقط با ذکر موارد بالا قصد آموزش نوشتن ابتدایی هر تگ را داشتیم.

 

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

ساختار کلی اسناد HTML به شکل زیر است:

بررسی تگ های بالا:

  • اولین تگ، تگ <html> می باشد که این تگ مشخص کننده ی صفحات html می باشد.
  • تگ بعدی، تگ <head> می باشد که شامل اطلاعات هر سند html می باشد که از دید کاربران پنهان است.
  • تگ <title>، که این تگ همانطور که در بالا هم خواندید عنوانی است که در بالای مرورگر نمایش داده خواهد شد.
  • و اصلی ترین تگ، که تگ <body> است. این تگ شامل تمام موارد دیداری است که شما قصد دارید در صفحه به کاربر خود نشان دهید.

 

خب حالا یک سند HTML دارید برای استفاده از آن کافیست آن را با پسوند .html ذخیره کرده و Encoding آن را هم UTF-8 بگذارید.

سند ذخیره شده خود را با مرورگرهای اینترنتی باز کنید و مشاهده کنید.

 

برای استفاده از تمامی جلسات از هشتگ #دوره_آموزشی_HTML در سایت ما استفاده کنید.

منتظر جلسه ی بعدی دوره ی آموزشی HTML باشید.

با دوستانتان به اشتراک بگذارید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code

مطالب زیر را از دست ندهید: