در جلسه دوم به بررسی کلی تگ های تیتر، پاراگراف، لینک و تصاویر اشاره کردیم. و در قسمت سوم آموزش html به بررسی عناصر html خواهیم پرداخت. درادامه با توکاپس همراه باشید.

عناصر html

یک عنصر HTML معمولا از یک تگ شروع <> و یک تگ پایانی <> تشکیل می شود و محتوای عنصر در بین این دو تگ جا می گیرد:

<tagname/>محتوای تگ اینجا درج می شود<tagname>

یک عنصر HTML  همه چیزهایی که از تگ شروعی تا تگ پایانی وجود دارد را شامل می شود.
به عنوان مثال عنصر <p> معرف یک پاراگراف است.
عنصر پاراگراف با تگ شروعی <p> آغاز و به تگ پایانی <p/> ختم می شود.

در نظر داشته باشید که تگ های HTML نسبت به حروف بزرگ و کوچک حساس نیستند مثلا تگ <H1> با تگ <h1> فرقی ندارد.
همچنین در استاندارد HTML5 نوشتن تگ ها با حروف کوچک الزامی نشده، اما W3C توصیه کرده است که تگ ها همگی با حروف کوچک نوشته شوند.
همچنین برای سند XHTML نگارش تگ ها با حروف کوچک الزامی است.
استاندارد عملکرد برتر نیز نوشتن تگ های HTML را با حروف کوچک توصیه کرده است.

خصیصه های HTML

خصیصه ها (Attributes) اطلاعات بیشتری در مورد عناصر HTML ارائه می دهند.

  • تمامی عناصر HTML دارای خصیصه هستند.
  • خصیصه ها اطلاعات اضافی در مورد عناصر می دهند.
  • خصیصه ها همیشه در تگ شروعی تعریف می شوند.
  • خصیصه ها معمولا به شکل نام/مقدار بیان می شوند: “name=”value که داخل تگ آغازین نمایش داده می شوند. و مقدار با توجه به نام خصیصه می تواند عدد، رنگ، سایز و … باشد.
شاید از این مقاله خوشتون بیاد:  آموزش css جلسه دوم :ساختار کدهای css

خصیصه LANG

به وسیله خصیصه تگ <html> می توان زبان یک سند را مشخص کنیم.

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

قسمت سوم آموزش html - خصیصه lang

در خصیصه “lang=”en-US دو حرف اول تعیین کننده زبان (en) است. اگر لهجه هم وجود دارد، از دو حرف دیگر استفاده می شود (US).
بنابراین در این خصیصه زبان و لهجه (کشور) مشخص می شود.

خصیصه HREF

لینک در HTML با استفاده از تگ <a> نوشته می شود. آدرس لینک مورد نظر در خصیصه href تعیین می شود. به عنوان مثال :

<a href=”http://tokapps.ir”>tokapps</a>

خصیصه های SIZE

در زبان HTML تصاویر با استفاده از تگ <img> بیان می شوند.

نام فایل منبع (src)، و سایر تصویر (عرض و طول) همگی به صورت خصیصه های عنصر مشخص می شوند. مثال:

<img src=”tasvir.jpg” width=”104″ height=”142″>

در این مثال سایز تصویر به پیکسل بیان شده است: “width=”104 یعنی عرض این تصویر ۱۰۴ پیکسل و height یعنی ارتفاع آن ۱۴۰ پیکسل است.

خصیصه ALT

خصیصه alt یک متن جایگزین برای عنصر تعیین می کند یعنی زمانی که تصویر نمایش نیابد یک متن که معرفی کننده عکس است به جای آن نمایش داده می شود. این موضوع در سئو بسیار اهمیت دارد و پیشنهاد می شود که برای تمامی عکس ها در نوشته های خود از متن جایگزین استفاده کنید.

مقدار خصیصه توسط صفحه خوان ها خوانده می شود.

مثال خصیصه alt:

<img src=”tasvir.jpg” alt=”tokapps” width=”104″ height=”142″>

خصیصه ها را با حروف کوچک بنویسید.
در استاندارد HTML5 نگارش نام خصیصه ها با حروف کوچک الزامی نیست.
خصیصه عنوان را می توان به حروف بزرگ یا حروف کوچک نوشت مثل title یا TITLE اما در W3C نیز توصیه شده است که HTML به حروف کوچک نوشته شود و در اسناد خاص مثل XHTML نگارش خصیصه های عناصر به حروف کوچک اجباری است.

شاید از این مقاله خوشتون بیاد:  ۱۰ دلیل برای استفاده از فریم ورک Yii2

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

دسته‌ها: دنیای وب

غلامرضا بهشتیان

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

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

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