رفتن به مطلب

mohammad_mahdi

ارسال‌های توصیه شده

با سلام.

خب در خدمت شما هستیم با سری آموزشهای کامل و تکاملی HTML که هر دفعه بهش اضافه و آپدیت میشه:

میریم سر اصل مطلب:

 

از اونجایی که اجرای HTML نیازی به سرور و هاست نداره، شما میتونید برای تست کردن کدهاتون، اونرو با مرورگرتون امتحان کنید.

برای ساخت هر پروژه به صورت اچ تی ام ال، اول باید یه فایل با فرمت html بسازید. یعنی یه ادیتور مثل notepad ویندوز یا em editor داشته باشید و درون اون کدهاتون رو بنویسید و در آخر به صورت UTF-8 و با فرمت html اون رو ذخیره کنید.

 

خیلی سریع میپردازیم به کدنویسی:

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

<!DOCTYPE html>

البته این قضیه رو خیلی جدی نگیرید. نذاشتید هم نذاشتید.

خب همونطور که در این قطعه کد دیدیم، از علامت <  > استفاده شده. باید بگم که از این به بعد با این علامت خیلی سر و کار داریم. به عبارتی که داخل این علامت <   > نوشته میشه، میگن Tag.

غیر از این تگ استانداردی که معرفی کردم، 3 تا تگ اصلی وجود داره که وجود اونها(از لحاظ استاندارد و نظم کدها) واجبه.

خب قبل از اون باید اشاره کنم که از هر تگ، 2 نوع وجود داره. یکی تگ آغازین و دیگری، تگ پایانی.

تگ آغازی مثل:

<font>

تگ پایانی مثل:

</font>

اون 3 تگ اصلی، اینا هستن:

<html></html>
و
<head></head>
و
<body></body>

ترتیب قرار گیری این سه تگ و همه تگهای دیگه:

<!DOCTYPE html>
<html>
<head>
تگهای meta و script و link
<title>تایتل صفحه</title>
</head>
<body>
تگهایی که میخواهید در صفحه نمایش داده شوند
</body>
</html>

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

همانطور که متوجه شدید، سیستم html بر نوعی تو در تویی بین تگها، اصرار دارد و همین قضیه باعث شده تا این زبان، نسبت به زبانهای دیگر راحت تر باشد. اینگونه، تگها همدیگر را خیلی راحت کامل میکنند.

 

فهرست تگها(تکاملی: هر بار اضافه میشود):

<html>
<head>
<body>
<img>
<a>
<div>
<span>
<marquee>
<p>
<b>
<i>
<u>
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<sup>
<sub>
<font>
<form> | <input> | <textarea> | <select> <option> | <button>
<map> <area>
ادامه دارد

فعلا برای جلسه اول کافیه. اگه درخواستها بیشتر بشه، ادامه میدم. وگرنه احتمال زیاد دیگه ادامه نمیدم

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

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...