آموزش 11 تگ مهم html
سه شنبه, ۱۵ دی ۱۳۹۴، ۰۸:۱۶ ب.ظ
شما در هنگام نوشتن کد های html از یکسری تگ ها بیش از بقیه استفاده می کنید که ما آن ها را با عنوان تگ های مهم htmlمی شناسیم.در این پست می خواهیم به معرفی و آموزش استفاده از هرکدام بپردازیم و کاربرد هر یک را بیان کنیم.
در صورتی که به تازگی شروع به کد نویسی کرده اید به شما پیشنهاد می کنم در ابتدا مطلب آموزش مفاهیم مقدماتی HTML را مطالعه کنید تا در ادامه به مشکل بر نخورید.
1) <html> شروع صفحات وب
ما با استفاده از این تگ یک صفحه ی html را باز می کنیم و به مرورگر می فهمانیم که این فایل یک فایل html می باشد.تمام محتویات صفحات وب بین این تگ و تگ پایانی <html/> قرار می گیرد.
2) <head> کد های لازم
در این تگ کد های لازم برای کار های مختلفی از جمله کلمات کلیدی سایت ، پیوند زدن فایل های دیگر و ... قرار می گیرد.
3) <body> کد های قالب سایت
تمام محتویات سایت برای کاربر قابل مشاهده می باشد درون این تگ قرار می گیرد.
4) <p> <p/> ایجاد پاراگراف
با استفاده از این تگ یک پاراگراف جدید ایجاد می شود. متنی که داخل این تگ قرار داده می شود اولا در خطی جدید قرار گرفته و دوما متون خارج از این تگ نیز در یک بند جدید تشکیل می شوند.
5) <br> ایجاد خط جدید
ما با استفاده از این تگ تکی خط جدید ایجاد می کنیم.دقت کنید که با ایجاد خط جدید پاراگراف جاری بسته نمی شود . این تگ یک تگ تکی است و قسمت دوم ندارد.
6) <hr> ایجاد خط افقی
این تگ یک خط افقی در طول صفحه ایجاد می کند.
7) <b> <b/> ضخیم کردن متن
متونی که داخل این تگ قرار می گیرند بصورت ضخیم تر دیده می شوند.
8) <u> <u/> زیر خط دار کردن متون
متونی که داخل این تگ قرار می گیرند به صورت زیر خط دار دیده می شوند.
9) <i> <i/> کج کردن متون
متونی که داخل این تگ قرار می گیرند بصورت کج دیده می شوند.
10) <strong> <strong/> ضخیم کردن متن
متونی که داخل این تگ قرار می گیرند بصورت ضخیم دیده می شوند.(این تگ با تگ <b> اندکی تفاوت دارد)
11) <div> <div/> ایجاد ساختمان صفحات وب (پارتیشن بندی)
ما با استفاده از این تگ اسکلت و قالب اصلی یک سایت را می نویسیم و در حقیقت سایت را جدول بندی می کنیم. آموزش این تگ به طور مفصل در آینده قرار داده می شود.
در صورتی که به تازگی شروع به کد نویسی کرده اید به شما پیشنهاد می کنم در ابتدا مطلب آموزش مفاهیم مقدماتی HTML را مطالعه کنید تا در ادامه به مشکل بر نخورید.
1) <html> شروع صفحات وب
ما با استفاده از این تگ یک صفحه ی html را باز می کنیم و به مرورگر می فهمانیم که این فایل یک فایل html می باشد.تمام محتویات صفحات وب بین این تگ و تگ پایانی <html/> قرار می گیرد.
2) <head> کد های لازم
در این تگ کد های لازم برای کار های مختلفی از جمله کلمات کلیدی سایت ، پیوند زدن فایل های دیگر و ... قرار می گیرد.
3) <body> کد های قالب سایت
تمام محتویات سایت برای کاربر قابل مشاهده می باشد درون این تگ قرار می گیرد.
4) <p> <p/> ایجاد پاراگراف
با استفاده از این تگ یک پاراگراف جدید ایجاد می شود. متنی که داخل این تگ قرار داده می شود اولا در خطی جدید قرار گرفته و دوما متون خارج از این تگ نیز در یک بند جدید تشکیل می شوند.
5) <br> ایجاد خط جدید
ما با استفاده از این تگ تکی خط جدید ایجاد می کنیم.دقت کنید که با ایجاد خط جدید پاراگراف جاری بسته نمی شود . این تگ یک تگ تکی است و قسمت دوم ندارد.
6) <hr> ایجاد خط افقی
این تگ یک خط افقی در طول صفحه ایجاد می کند.
7) <b> <b/> ضخیم کردن متن
متونی که داخل این تگ قرار می گیرند بصورت ضخیم تر دیده می شوند.
8) <u> <u/> زیر خط دار کردن متون
متونی که داخل این تگ قرار می گیرند به صورت زیر خط دار دیده می شوند.
9) <i> <i/> کج کردن متون
متونی که داخل این تگ قرار می گیرند بصورت کج دیده می شوند.
10) <strong> <strong/> ضخیم کردن متن
متونی که داخل این تگ قرار می گیرند بصورت ضخیم دیده می شوند.(این تگ با تگ <b> اندکی تفاوت دارد)
11) <div> <div/> ایجاد ساختمان صفحات وب (پارتیشن بندی)
ما با استفاده از این تگ اسکلت و قالب اصلی یک سایت را می نویسیم و در حقیقت سایت را جدول بندی می کنیم. آموزش این تگ به طور مفصل در آینده قرار داده می شود.
nafas