اموزش HTML-قسمت سوم ، المنت های HTML

اموزش HTML-قسمت سوم ، المنت های HTML

سلام خدمت دوستان عزیز

خوب، قسمت سوم اموزش html یعنی اموزش HTML-قسمت سوم ، المنت های HTML رو با هم شروع میکنیم…

اِلِمان های Html با یک تگ اغازی شروع و با یک تگ پایانی، پایان میپذریند…

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

خط اول، نحوه کلی استفاده از تگ باز و بسته است

خط سوم ، یه پاراگراف باز کرده، داخلش نوشته اسکولرن و پاراگراف رو بسته

خط پنجم هم یک متن BOLD یا پررنگ رو با محتوای schoolearn.ir ایجاد کرده

پس تگ های معمول، باید باز بشن، محتوا بگیرن،بسته بشن…


نکته ی دیگه اینه که تگ های html میتونن خودشون درون خودشون، چند تگ دیگه داشته باشن، یعنی میشه گفت هر تگ(در حالت کلی) میتونه تگ مادر باشه برای چند تگ دیگه…

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

در این مثال، تمامی تگ ها، در تگ کلی Html هستن، از طرفی تگ بادی، تگ p و b رو درون خودش داره و تگ p هم تگ b رو درون خودش و در اخر تگ بولد، کلمه schoolearn.ir رو در خودش داره…


نکته ی مهم دیگه ، اینه که هرگز، بستن تگ های Html رو فراموش نکنید

برای مثال کد زیر رو ببینید:

همونطور که مینبید، تگ های b بسته نشدن، در بعضی اوقات ، ممکنه که شانس با همراه باشه و بدون مشکل، صفحات لود شن اما در اکثر اوقات(مخصوصا استفاده از html همرا php و…) ما با خطا و ارور، رو به رو میشیم، پس حتما تگ هایی که خالی نیستن رو ، ببندید…


تگ های خالی

بعضی از تگ ها هستن که فقط یه کاری رو انجام میدن و میتونید در همون تگ ابتدایی، تگ رو ببندید

مثلا رفتن به خط بعدی، کشیدن یک خط افقی در صفحه

این تگ هارو میشه به دو حالت استفاده کرد، کد های زیر رو ببینید…

البته در html5 ما نیاز نداریم که حتما تگ هارو ببندیم، اگر میخواهید که یک کد استاندارد داشته باشید یا کدهاتون رو در صفحاتی مثل صفحات xml اجرا کنید، حتما کدهارو ببندید….


در کنسرسیوم جهانی وب، استانداردی مبنی بر اینکه حروف مورد استفاده در تگ های Html ، حروف کوچک باشن، تعریف شده، پس در معرفی و استفاده از تگ ها، از حروف کوچکتر استفاده کنید…

در ادامه، این جلسه رو با بررسی یک قطعه کد، به پایان میرسونیم…

خوب، تگ html که تمامی سند یا فایل html رو در بر میگیره و بسته میشه…

نگ بعدی head هست که تگ title رو درون خودش داره و تگ تایتل، تیتر تَب مرورگر رو مشخص میکنه..

تگ body بدنه ی فایل html رو در بر داره و تمامی تگ های مربوط به محتوای صفحه در این تگ قرار میگیرن

مثلا من تگ a که مربوط به لینک دهی هست رو در این تگ قرار دادم و اون رو بستم…


خوب، اموزش HTML-قسمت سوم هم تموم شد، امیدوارم براتون مفید باشه…

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

اختصاصی اسکولرن

 

 

ارسال ديدگاه

لطفا نام خود را وارد كنيد! لطفا آدرس ايميل را صحيح وارد كنيد! لطفا پيام را وارد كنيد!