بهترین سایت برای توسعه دهندگان وب

دروس HTML5

شروع HTML مقدمه HTML ویرایشگران HTML مثالهای اساسی HTML المان های HTML ویژگی های HTML عناوین HTML بندهای HTML سبک های HTML قالب بندی HTML نقل قول های HTML نظرات HTML رنگهای HTML HTML و CSS پیوندهای HTML تصاویر HTML جداول HTML لیست های HTML بلوک های HTML کلاس های HTML شناسه های HTML فریم های HTML HTML و JavaScript مسیرهای پرونده HTML HTML قسمت هدینگ چیدمان های HTML HTML پاسخگو کد رایانه HTML موجودیت HTML نمادهای HTML رمزگذاری HTML رمزگذاری URL HTML HTML و XHTML

HTML فرم ها

فرم های HTML عناصر فرم HTML انواع ورودی HTML صفات ورودی HTML

HTML5

مقدمه HTML5 پشتیبانی HTML5 عناصر جدید HTML5 عناصر معنایی HTML5 مهاجرت از HTML4 راهنمای سبک HTML5

HTML گرافیک

HTML Canvas HTML SVG

HTML رسانه

HTML ویدیوی HTML صوت HTML افزونه های HTML یوتیوب HTML

HTML API

مکان جغرافیایی HTML کشیدن / رها کردن HTML HTML ذخیره وب HTML کارهای وب HTML و SSE

HTML مثال

مثالهای HTML آزمون ها HTML تمرینات HTML گواهی HTML خلاصه HTML قابلیت دسترسی به HTML

HTML منابع

لیست برچسب های HTML صفات HTML صفات جهانی HTML رویدادهای HTML رنگهای HTML کانواس HTML صوتی / تصویری HTML نسخه معتبر HTML مجموعه نویسه های HTML رمزگذاری URL HTML رمزگذاری زبان HTML پیام های HTTP روشهای HTTP مبدل PX به EM میانبرهای صفحه کلید

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

HTML عناوین



عناوین

عنوان 1

عنوان 2

عنوان 3

عنوان 4

عنوان 5
عنوان 6
خودتان آزمایش کنید »

سرصفحه های HTML

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

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

مثال

<h1>عنوان 1</h1>
<h2>عنوان 2</h2>
<h3>عنوان 3</h3>
<h4>عنوان 4</h4>
<h5>عنوان 5</h5>
<h6>عنوان 6</h6>
خودتان آزمایش کنید »

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


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

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

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

<h1> باید برای عنوان های اصلی استفاده شود و سپس <h2> عنوان کمتر مهم <h3>و غیره.

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


تیترهای بزرگ

هر تیتر HTML دارای اندازه پیش فرض است. با این حال ، می توانید برای هر سرصفحه اندازه ای را تعیین کنید ویژگی style با استفاده از ویژگی CSSfont-size:

مثال

<h1 style="font-size:60px;">عنوان 1</h1>
خودتان آزمایش کنید »

جدا کننده افقی HTML

<hr> وقفه موضوعی را در یک صفحه HTML تعریف می کند همه چیز به عنوان جدا کننده افقی (خط افقی) نمایش داده می شود.

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

مثال

<h1>این عنوان 1 است </h1>
<p>اینها متن هستند </p>
<hr>
<h2>این عنوان 2 است </h2>
<p>این عنوان 3 است</p>
<hr>
خودتان آزمایش کنید »

المان <head>

المان <head> (سر صفحه) محیطی برای فراداده است. فراداده HTML داده های مربوط به یک سند HTML است. فراداده در صفحه نمایش داده نمی شود ، برای اهداف خدمات (جستجوی روبات ها و برنامه های وب) لازم است.

المان <head>بین برچسب <html> و برچسب <body>می آید:

Пример

<!DOCTYPE html>
<html>

<head>
  <title> اولین اچ تی ام ال من </title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.
خودتان آزمایش کنید »

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


چگونه منبع HTML را مشاهده کنم؟

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

مشاهده کد منبع HTML:

بر روی صفحه HTML کلیک راست کرده و انتخاب کنید "مشاهده منبع صفحه" ( در کروم) یا "مشاهده منبع" (در Edge), یا "کد منبع صفحه" (در Firefox), یا "منبع صفحه" (در Opera) یا مشابه آن در مرورگرهای دیگر. پنجره ای باز می شود که حاوی اصلی کد صفحه HTML است

المان HTML را بررسی کنید:

شما می توانید با این کار حتی حالت های HTML و استایل و سبک هایی که برای ساخت سایت استفاده شده رو هم مشاهده کنید


تمرینات HTML

خود را امتحان کنید

تمرین:

برای افزودن عنوان با متن "Tehran" از یک برچسب معتبر HTML استفاده کنید.



<p>تهران پایتخت ایران است. این یکی از پرجمعیت ترین شهرها در ایران است ، با یک منطقه شهری بیش از چندین میلیون نفر.</p>

تمرین را شروع کنید


مرجع برچسب HTML

Farsiw3 Tag Reference اطلاعات بیشتری در مورد این برچسب ها و ویژگی های آنها دارد.

در فصل های بعدی این آموزش با اطلاعات بیشتر در مورد برچسب ها و ویژگی های HTML آشنا خواهید شد.

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

برای لیست کامل همه برچسب های HTML موجود ، به مرجع برچسب HTML مراجعه کنید.






این سایت برای آموزش ، آزمایش و یادگیری بهینه شده است. نمونه ها را می توان برای بهبود ساده کرد خواندن و درک اساسی. آموزشها ، پیوندها و مثالها مرتباً تجدید نظر می شوند تا از آنها جلوگیری شود خطاها ، اما ما نمی توانیم صحت و عملکرد کامل همه مطالب را تضمین کنیم. با استفاده از این سایت ، شما موافقت می کنید که مطالعه کرده اید و پذیرفته ایدمقررات استفاده , کوکی و سیاست های حفظ حریم خصوصی. کپی رایت 1999-2020 حق چاپ و .. محفوظ توسط احمد فرجی
سایت توسط چارچوب farsiw3.ir طراحی شده است.

Farsiw3.ir