آموزش HTML 5 - بخش6 : "تیتر ها"


||     خانه     ||     رهگیری مرسولات پستی      ||   فرم ثبت نظر و پیشنهاد     ||    پیشنهاد محصول     ||     کسب درآمد از ایران روز

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

پیام رسان های داخلی سروش، ایتا، گپ، آی‌گپ، بله، بیسفون بر روی شماره پشتیبانی سایت (09014994337) فعال میباشد. در صورتیکه هر کدام از آنها را نصب و فعال کرده اید با ذخیره شماره پشتیبانی ما در تلفن همراهتان میتوانید با ما در ارتباط باشید.


  • آموزش HTML 5 -  بخش6 : "تیتر ها"

آموزش HTML 5

بخش5 : "تیترها در HTML" 

(Html Headings)


تیترها در اسناد HTML بسیار مهم هستند.

تیترهای HTML

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

با ارزش ترین تیتر با <h1> تعریف میشود، و کم ارزشترین تیتر با <h6>.

مثال:

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

*نکته : مرورگرها به صورت خودکار قبل و بعد از تیترها مقداری فضای خالی ایجاد می کنند.*

تیتر ها مهم هستند

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

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

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

تیتر اصلی باید <h1> باشد و به تبع آن تیتر کم ارزشتر <h2> و همین طور تا <h6>.

خط افقی در HTML

تگ <hr> یک خط افقی در صفحه HTML ایجاد می کند.

عنصر hr میتواند برای جدا کردن محتوی سند از یکدیگر بکار رود:

مثال:

<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>

تگ <Head>

تگ <head> هیچ ارتباطی به تگ های تیتر (heading) ندارد.

تگ <head> حاوی متا داده (meta data) است. متا داده ها قابل رویت نیستند.

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

مثال:

<DOCTYPE html!>
<html>

<head>
  <title>My First HTML</title>
  <"meta charset="UTF-8>
<head/>

<body>
.
.
.

*نکته: meta data یعنی یکسری اطلاعات درباره داده ها. html meta data به اطلاعاتی درباره سند HTML گفته می شود.*

تگ <Title>

تگ <title> یک متا داده است. این تگ عنوان صفحه را مشخص می کند.

مقدار این تگ در صفحه قابل رویت نیست ولی معمولا در تب مرورگرها نشان داده می شود.

تگ <meta>

تگ <meta> هم یک متا داده است.

این تگ برای تعریف مجموعه کارکترها و اطلاعات دیگری از صفحه HTML بکار می رود.

تگ های متا داده دیگر

در بخش مربوط به سبک های HTML شما درباره متا داده ها بیشتر یاد خواهید گرفت.

تگ <style> برای معرفی یک فایل CSS داخلی بکار میرود.

تگ <link> برای معرفی یک فایل CSS خارجی بکار میرود.

نکته روز - چگونه سورس یک صفحه HTML را می توان دید

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

برای اینکه بفهمید آن صفحه را چطور ساختند کافیست روی صفحه راست کلیک کرده و گزینه "View Page Source" برای مرورگر کروم و "View Source" برای اینترنت اکسپلورر و چیزی شبیه به این برای مرورگرهای دیگر را انتخاب کنید. در نتیجه صفحه ای شامل کدهای HTML آن صفحه ظاهر می شود.

تمرین:

قبل از پاراگراف زیر یک تیتر با متن "London" ایجاد کنید:
<DOCTYPE html!>
<html>
<body>
 
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
 
<body/>
<html/>
در کد زیر یک خط افقی بین تیتر و پاراگراف ایجاد کنید:
<DOCTYPE html!>
<html>
<body>
 
<h1>London</h1>
 
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
 
<body/>
<html/>
6 تیتر (از پر ارزشترین تا کم ارشترین) با متن "Hello" به کد زیر اضافه کنید:
<DOCTYPE html!>
<html>
<body>
 
<body/>
<html/>
در کد زیر متن "Universal Studios" را با ارزشترین متن، متن "Jurassic Park" را دومین متن با ارزش، "About" را کم ارزشترین متن و مابقی را پاراگراف تعیین کنید:
<DOCTYPE html!>
<html>
<body>
 
Universal Studios Presents
 
Jurassic Park
 
About
 
On the Island of Isla Nublar, a new park has been built: Jurassic Park is a theme park of cloned dinosaurs!!
 
<body/>
<html/>

 


پایان بخش 6

نظرات و سوالات خود را از قسمت نظرات با ما در میان بگذارید

نویسنده: میثم وحدت پناه

نوشتن نظر

توجه: HTML ترجمه نمی شود!
    بد           خوب

آموزش HTML 5 - بخش6 : "تیتر ها"

  • مدل کالا: learn-html-5-part-6
  • موجودی: آموزش رایگان

کالاهای مرتبط

آموزش HTML 5 -  بخش1 : "مقدمه"

آموزش HTML 5 - بخش1 : "مقدمه"

آموزش HTML 5 بخش 1 : مقدمه HTML ..

آموزش HTML 5 -  بخش2 : "ویرایشگرها"

آموزش HTML 5 - بخش2 : "ویرایشگرها"

آموزش HTML 5 بخش 2 : ویرایشگرها &n..

آموزش HTML 5 -  بخش3 : "مثالهای پایه"

آموزش HTML 5 - بخش3 : "مثالهای پایه"

آموزش HTML 5 بخش 3 : مثالهای پایه ..

آموزش HTML 5 -  بخش4 : "عناصر HTML"

آموزش HTML 5 - بخش4 : "عناصر HTML"

آموزش HTML 5 بخش4 : "عناصر HTML&..

آموزش HTML 5 -  بخش5 : "ویژگی ها"

آموزش HTML 5 - بخش5 : "ویژگی ها"

  آموزش HTML 5 بخش5 : "و..

برچسب ها: آموزش, طراحی سایت, عنوان, تیتر, html 5, Learn, heading


نکات مهم

 - در حال حاضر محصولات سایت بر روی دی وی دی های 4.2 گیگ معمولی (رایتی) با مارک های عرف موجود در بازار رایت میشوند. جهت حداکثر ماندگاری اطلاعات با سرعت های پایین بر روی دیسک ها رایت شده و درون کاورهای ضدخش 2*1 قرار میگیرند.

 - ارسال سفارشات حداکثر 72 ساعت کاری پس از واریز مبلغ و تایید سفارش به وسیله پست پیشتاز انجام میگیرد و شماره پیگیری به مشتریان گرامی اعلام میشود. در صورتی که ارسال سفارش بیش از این زمان بطول انجامید با واحد پشتیبانی سایت تماس حاصل فرمایید.

 - لطفا به این نکته توجه فرمایید که : مبلغ کل سفارشات پستی غیر از هزینه پست حداقل باید 5000 تومان باشند تا ترتیب اثر داده شود. اطلاعات بیشتر

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

 - هرگونه پیشنهاد محصول را میتوانید از این طریق با ما در میان بگذارید. (بطور کلی ما بشدت مشتاق شنیدن هر نوع پیشنهاد ، انتقاد و یا خدای ناکرده گلایه ای از طرف شما هستیم.)