فهرست بستن

Html headings(عنوان های html )

عنوان ها توسط تگهای <h1> تا <h6> تعریف میشوند .

<h1> مهمترین عنوان را تعریف می کند. <h6> کم اهمیت ترین  عنوان را تعریف می کند.

<!DOCTYPE html>

<html>

<body>

<h1>عنوان ۱</h1>

<h2>عنوان ۲</h2>

<h3>عنوان ۳</h3>

<h4>عنوان ۴</h4>

<h5>عنوان ۵</h5>

<h6>عنوان ۶</h6>

</body>

</html>

 

اگر کد بالا را در  notepad  بنویسید و آن را توسط مرورگر باز کنید خروجی به صورت زیر خواهد بود :

 

heading

 

 

 

 

عنوان ها مهم هستند

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

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

تگ <h1> باید برای مهم ترین عنوان استفاده شود ، و سپس تگ <h2> برای عنوان باارزش تر بعدی ، و سپس <h3> و به همین ترتیب از تگ های بعدی استفاده میکنیم.

توجه: از عنوان های HTML فقط برای سرفصل ها (عنوان ها) استفاده کنید . از عنوان ها برای بزرگ نمایی و بولد کردن متن ها استفاده نکنید .

 

 

Bigger headings(عنوان های بزرگتر)

هر عنوان HTML دارای اندازه پیش فرض است. با این حال ، شما میتوانید سایز و اندازه عنوان ها را با استفاده ازstyle attribute  و صفت font-size که در css  است تعیین کنید .

<h1 style=”font-size:60px;”>عنوان ۱</h1>

 

HTML Horizontal Rules

(خطوط افقی در HTML)

تگ <hr>   برای قرار دادن خط افقی بکار میرود .

از المنت  <hr>  برای جدا کردن محتوا در یک صفحه HTML استفاده می شود :

<!DOCTYPE html>

<html>

<body>

 

<h1>این عنوان اول است</h1>

<p>این یک پاراگراف است.</p>

<hr>

 

<h2>این عنوان دوم است.</h2>

<p>این یک پاراگراف است</p>

<hr>

 

<h2>این نیز یک عنوان است .</h2>

<p>این نیز یک پاراگراف است. </p>

 

</body>

</html>

اگر کد بالا را در  notepad  بنویسید و آن را توسط مرورگر باز کنید خروجی به صورت زیر خواهد بود :

heading

 

 

The HTML <head> Element

(المنت <head>)

عنصر  <head>   HTMLهیچ ارتباطی با  html headings ندارد.

المنت <head> مکانی برای قرار دادن metadata میباشد.

Html metadata اطلاعات مربوط به سند html است .

metadata نمایش داده نمیشود .(اگر یادتان باشد گفتیم که فقط عناصر داخل المنت <body> نمایش داده میشود.)

المنت <head>  بین تگ <html> و تگ <body>  قرار دارد.

 

 

 

<!DOCTYPE html>

<html>

<head>

  <title>اولین صفحه من</title>

  <meta charset=”UTF-8″>

</head>

<body>

.

.

.

</body>

</html>

 

نکته: متاداده معمولا عنوان سند، character set،styles، لینک ها، اسکریپت ها و سایر متا داده ها را تعریف می کند.

 

چگونه کدهای html  صفحات مختلف وب را ببینیم!

 

آیا تا کنون یک صفحه وب را دیده اید که بسیار برایتان جالب و زیبا  بوده باشه و برایتان این سوال پیش بیاید که چگونه این صفحات را ساخته اند و کد آنها چه بوده است ؟!

شما میتوانید کدهای html صفحات را به روشی که بیان میکنم مشاهده کنید :

در داخل صفحه html مورد نظر کلیک راست کنید ، اگر در مرورگر chrome هستید “view page source” و یا اگر که در مرورگر IE هستید “view source” را انتخاب کنید  (در مرورگرهای دیگر نیز به همین روش است .) با  انتخاب کردن آن  یک پنجره جدید که شامل کدهای html  صفحه مورد نظر است باز میشود .