18 Jan 2017 - چهارشنبه ۲۹ دی ۱۳۹۵
کد :45 ۱۲ آبان ۱۳۹۵ 115 views دسته : Html5 , آموزش طراحی وب سایت , دسته‌بندی نشده همیار تم کد
تگ چیست و تگهای اصلی html

در این بخش از سایت تم کد قصد داریم به توضیح اینکه تگ چیست و معرفی تگهای اصلی html بپردازیم. اگر به زبان HTML علاقه دارید مطالب را تا انتها مطالعه کنید.

تگ چیست ؟

تگ چیست ؟ از نظر لغوی تگ معنی برچسب را میدهد. در زبان های برنامه نویسی مانند html، تگ ها کدهای تعریف شده این زبان هستند و اکثرا به صورت دو قسمتی به کار می روند :

قسمت اول نشانگر شروع تگ و قسمت دوم نشانگر پایان آن است، هر قسمت نیز بین علامت های <> قرار می گیرد.

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

تگ head ، title ، html و body

در زبان HTML کدهای وب بین تگ های html و body قرار میگیرند. تگ head هم برای معرفی آن صفحه، قرار دادن تیتر صفحه (تگ title)، ایمپورت فایل های css و جاوا اسکریپت (javascript)، متاتگ ها (metatags) و…به کار میرود.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>وبگو | تگ های اصلی html</title>
<!-- http://webgoo.ir -->
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
}
</style>
</head>
<body>
این یک سند اچ تی ام ال ساده است!
</body>
</html>



این یک سند اچ تی ام ال ساده است!

تگهای اصلی html

تگهای اصلی html

تگ h1 تا h6، سرتیترها

به گزارش تم کد تگ h1 تا h6 برای معرفی سرتیترها (header) استفاده می شود. طبق اطلاعات بدست امده تگ h1 بیشترین اهمیت و به ترتیب تا h6 کم ترین اهمیت را در بردارند.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> وبگو | تگ های اصلی html - سرتیترها</title>
<!-- http://webgoo.ir -->
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
}
</style>
</head>
<body>
<h1>این یک متن اچ تی ام ال تیتر شده است!</h1>
</body>
</html>

این یک متن اچ تی ام ال تیتر شده است!

تگ های ایجاد کننده خط و فاصله

به گزارش تم کد  تگهای br و hr دو تگ رای ایجاد فاصله و خط هستند. استفاده از این دو تگ به جهت موارد کاربرد زیاد، در صفحات html به وفور تکرار می شود. همچنین این تگ ها یکتا هستند و قسمت دوم ندارند.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> وبگو | تگ های اصلی html - فاصله و خط</title>
<!-- http://webgoo.ir -->
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
}
</style>
</head>
<body>
<h1>این یک متن اچ تی ام ال تیتر شده است!</h1>
<br />
<h2>این یک متن اچ تی ام ال تیتر شده  با h2 است!</h2>
<hr />
</body>
</html>

این یک متن اچ تی ام ال تیتر شده است!

این یک متن اچ تی ام ال تیتر شده با h2 است!


نظرات