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

{ پرشین استک }

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


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


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


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


تاریخ امروز :
یکشنبه 02 اردیبهشت 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> یک خط افقی ایجاد می کند

 

صفحه اصلی

26

10 / 07 / 1396

PERSIAN STACK


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

ادامه مطلب

687

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

ادامه مطلب

651

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

ادامه مطلب

551

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

ادامه مطلب

511

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

ادامه مطلب

381

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

ادامه مطلب

381

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

ادامه مطلب

347

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

ادامه مطلب

269

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

ادامه مطلب

265

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

ادامه مطلب

261

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

ادامه مطلب

247

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

ادامه مطلب

245

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

ادامه مطلب

243

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

ادامه مطلب

205

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

ادامه مطلب

199

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

ادامه مطلب

157

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

ادامه مطلب

153

آموزش استفاده از دیتابیس آماده در پروژه اندرویدی

ادامه مطلب

147

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

ادامه مطلب

143

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

ادامه مطلب

141

دانلود اسکریپت جاوای 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)

ادامه مطلب

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

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

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

×

ارتباط با ما