close
تبلیغات در اینترنت
کار با عناوین در HTML,آموزش استفاده ازعناوین در html,تفاوت تگ ب
صفحه اصلی پرشین استک

{ پرشین استک }

به دنیای برنامه نویسی خوش آمدید
|


پرشین استک تنها یک سایت نیست بلکه یک پروژه همگانی می باشد


تعداد مطالب :
142


تعداد توسعه دهندگان :
11


تاریخ امروز :
جمعه 29 تیر 1397

به کانال تلگرام ما بپیوندید


×

لیست سوالات من

افزودن

جلسه ی ششم - عناوین در HTML

عناوین در html با تگ های <h1> تا <h6> مشخص می شوند . همانطور که قبلا گفته شد ، <h1> مهم ترین عنوان و <h6> عنوان کم ارزش را مشخص می کند .

مثال :

<h1>عنوان 1</h1>
<h2>عنوان 2</h2>
<h3>عنوان 3</h3>
<h4>عنوان 4</h4>
<h5>عنوان 5</h5>
<h6>عنوان 6</h6>
! خودتو امتحان کن

 

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

 

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

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

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

نکته : هرگز از تگ های <h1> تا <h6> برای توپر کردن متن یا بزرگ کردن آن استفاده نکنید . از این تگ ها تنها برای عناوین استفاده کنید .

شما می توانید اندازه عنوان ها را با استفاده از ویژگی های style تغییر دهید .

مثال :

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

! خودتو امتحان کن

 

خط افقی در HTML

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

مثال :

<h1>عنوان 1</h1>
<p>این یک پاراگراف است</p>
<hr>
<h2>عنوان 2</h2>
<p>این یک پاراگراف است</p>
<hr>
! خودتو امتحان کن

 

المان <head> در HTML

المان <head> هیچ گونه ربطی با عناوین html ندارد . المان <head> حاوی متادیتا های صفحه می باشد . متادیتا (metadata) شامل اطلاعاتی در مورد صفحه می باشد . محتوای متادیتا در مرورگر نمایش داده نمی شود .

المان <head> بین المان های <html> و <body> می باشد .

مثال :

<!DOCTYPE html>
<html>

<head>
  <title>اولین صفحه HTML من</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.

! خودتو امتحان کن

 

نکته : متادیتا معمولا عنوان سند، مجموعه کاراکترها، سبک ها، لینک ها، اسکریپت ها و دیگر متا اطلاعات را تعریف می کند .

 

نمایش سورس کد های HTML

برای نمایش سورس کد های صفحه ، در مرورگر کروم روی صفحه راست کلیک کرده و "View Page Source" را انتخاب کنید . در اینترنت اکسپلورر کلیک راست کرده و گزینه "View Source" را انتخاب کنید . در فایر فاکس کلیک راست کرده و گزینه "View page source" را انتخاب کنید .

 

نمایش عناصر HTML

روی یک عنصر یا ناحیه ای خالی از صفحه کلیک کرده و گزینه "Inspect" یا "Inspect Element" را انتخاب کنید . در اینصورت پنجره ای باز شده و نشان می دهد که صفحه از چه المان ها ، تگ ها و عناصری تشکیل شده است . همچنین می توانید این محتوا را به صورت فعلی تغییر دهید .

نکته : تغییر سورس کد های صفحه از این قسمت به صورت فعلی بوده و در صورتیکه صفحه را Refresh کنید ، تمامی تغییرات از بین می رود .

 

خودت را با تمرین های زیر امتحان کن .

تمرین اول تمرین دوم تمرین سوم تمرین چهارم

 

مرجع تگ های HTML

تگتوضیح
<html> المان اصلی (root) مربوط به سند HTML
<body> بدنه سند را مشخص می کند
<head> حاوی متادیتا
<h1> تا <h6> عنوان HTML را مشخص می کند
<hr> یک خط افقی ایجاد می کند

 

صفحه اصلی

28

10 / 07 / 1396

PERSIAN STACK


چرا گاهی اوقات API موقعیت مکانی سرویس گوگل پلی ، موقعیت مکانی اشتباهی را برمی گرداند ؟

ادامه مطلب

613

چگونه نرم افزار ضبط صدای اندرویدی بسازیم ؟

ادامه مطلب

549

چرا TextView کلمات را با حروف می شکند ؟

ادامه مطلب

497

دانلود تمامی API های اندروید

ادامه مطلب

433

قسمت شانزدهم - جدول ها در HTML

ادامه مطلب

419

چرا وبسایت تجارت الکترونیک Magento 2 در Webview اندروید کار نمی کند ؟

ادامه مطلب

363

دانلود پروژه نمایش جستجوی کتاب برای اندروید

ادامه مطلب

347

چگونه Google API برای سطح API 25 را پیدا کنیم ؟

ادامه مطلب

343

دانلود سورس کد بازی اندرویدی Klooni 1010! + فایل APK

ادامه مطلب

259

آیا راهی برای یافتن تغیرات ماه در نمای تقویم اندروید (calendar view) وجود دارد ؟

ادامه مطلب

243

در تکمیل خودکار اندروید ، دلیل dispatchProvideAutofillStructure() not laid out چیست ؟

ادامه مطلب

231

چرا زمانی که با استفاده از cordova در اندروید 7.0 ، اس ام اس ارسال می کنیم ، با اثتثنای (Exception) امنیتی مواج

ادامه مطلب

227

آموزش ساخت و شخصی سازی Navigation Drawer در اندروید استودیو

ادامه مطلب

211

دانلود تمامی نسخه های gradle برای اندروید

ادامه مطلب

195

دانلود سورس کد اپلیکیشن هواشناسی برای اندروید + فایل APK

ادامه مطلب

179

چگونه ارور com.bumptech.glide.Registry$NoModelLoaderAvailableException: Failed to find any ModelLoaders را در اندروید رفع کنیم ؟

ادامه مطلب

171

دانلود اسکریپت جاوای PS-CH# - ایجاد ورودی متنی پیشرفته

ادامه مطلب

121

دانلود کتابخانه Retrofit برای اندروید + پروژه

ادامه مطلب

117

دانلود سورس کد تمامی نسخه های تلگرام + فایل های نصبی

ادامه مطلب

113

دانلود کتابخانه GSON برای اندروید + پروژه

ادامه مطلب

111

دانلود اسکریپت جاوای PS-CH# - ایجاد ورودی متنی پیشرفته

ادامه مطلب

یکشنبه 05 آذر 1396

قسمت هفدهم - لیست ها در HTML

ادامه مطلب

یکشنبه 21 آبان 1396

چگونه می توان با استفاده از CSS ، رنگ placeholder را تغییر داد ؟

ادامه مطلب

یکشنبه 21 آبان 1396

قسمت شانزدهم - جدول ها در HTML

ادامه مطلب

شنبه 20 آبان 1396

دانلود تمامی نسخه های gradle برای اندروید

ادامه مطلب

شنبه 20 آبان 1396

قسمت پانزدهم - عکس ها در HTML

ادامه مطلب

جمعه 19 آبان 1396

قسمت چهاردهم - لینک ها در HTML

ادامه مطلب

یکشنبه 14 آبان 1396

آموزش ساخت و شخصی سازی Navigation Drawer در اندروید استودیو

ادامه مطلب

یکشنبه 14 آبان 1396

قسمت سیزدهم - CSS در HTML

ادامه مطلب

شنبه 13 آبان 1396

قسمت بیست و پنجم (قسمت آخر) - آموزش ساخت بازی حدس

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت بیست و چهارم - آموزش نحوه ی پردازش فایل ها در جاوا

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت بیست و سوم - برنامه تکمیلی جاوا (6)

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت بیست و دوم - معرفی آرایه ها در جاوا

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت بیست و یکم - برنامه تکمیلی جاوا (5)

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت بیستم - معرفی مفهوم وراثت در جاوا

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت نوزدهم - برنامه تکمیلی جاوا (4)

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت هجدهم - معرفی عبارات کنترلی در جاوا

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت هفدهم - برنامه تکمیلی جاوا (2-3)

ادامه مطلب

چهارشنبه 10 آبان 1396

چگونه در برنامه نویسی اندروید ، یک ListView با متن و عکس بسازیم ؟

ادامه مطلب

سه شنبه 09 آبان 1396

چگونه در برنامه نویسی اندروید از فونت شخصی خود استفاده کنیم ؟

ادامه مطلب

سه شنبه 09 آبان 1396

دانلود اسکریپت جاوای PS-CH# - ایجاد ورودی متنی پیشرفته

ادامه مطلب

آموزش ساخت و شخصی سازی Navigation Drawer در اندروید استودیو

ادامه مطلب

قسمت بیست و پنجم (قسمت آخر) - آموزش ساخت بازی حدس

ادامه مطلب

قسمت بیست و چهارم - آموزش نحوه ی پردازش فایل ها در جاوا

ادامه مطلب

قسمت بیست و سوم - برنامه تکمیلی جاوا (6)

ادامه مطلب

قسمت بیست و دوم - معرفی آرایه ها در جاوا

ادامه مطلب

قسمت بیست و یکم - برنامه تکمیلی جاوا (5)

ادامه مطلب

قسمت بیستم - معرفی مفهوم وراثت در جاوا

ادامه مطلب

قسمت نوزدهم - برنامه تکمیلی جاوا (4)

ادامه مطلب

قسمت هجدهم - معرفی عبارات کنترلی در جاوا

ادامه مطلب

قسمت هفدهم - برنامه تکمیلی جاوا (2-3)

ادامه مطلب

چگونه در برنامه نویسی اندروید ، یک ListView با متن و عکس بسازیم ؟

ادامه مطلب

چگونه در برنامه نویسی اندروید می توان آیدی موبایل را بدست آورد ؟

ادامه مطلب

چگونه در برنامه نویسی اندروید برنامه تماس بسازیم ؟

ادامه مطلب

چگونه در برنامه نویسی اندروید یک منو ساده بسازیم ؟

ادامه مطلب

چگونه در برنامه نویسی اندروید از برنامه اسکرین شات بگیریم ؟

ادامه مطلب

قسمت شانزدهم - برنامه تکمیلی جاوا (3)

ادامه مطلب

قسمت پانزدهم - معرفی کامنت ها و عملگر ها در جاوا

ادامه مطلب

دانلود سورس کد نرم افزار افزایش بازدید سایت + فایل نصبی

ادامه مطلب

قسمت چهاردهم - برنامه تکمیلی جاوا (2)

ادامه مطلب

× برای نظر گذاشتن یا پاسخ دادن به سوالات باید در سایت عضو باشید !

برای حمایت از ما روی بنر های زیر کلیک کنید .

برای سفارش تبلیغات به ما ایمیل بزنید .

ارتباط با ما