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

دروس 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 درسهایی برای مبتدیان

المان های Block و Inline


بسته به نوع المانی که دارد ، هر المان HTML دارای مقدار نمایش پیش فرض است.

دو مقدار نمایش وجود دارد: بلوک و درون خطی.


المان سطح بلوک

یک المان سطح بلوک Block-level همیشه از یک خط جدید شروع می شود و عرض کامل موجود را اشغال می کند (تا آنجا که می تواند به سمت چپ و راست کشیده می شود).

المان <div> یک المان در سطح بلوک است.

مثال

<div>Hello World</div>
خودتان آزمایش کنید »

در اینجا المان سطح بلوک در HTML وجود دارد :


المان درون خطی Inline

یک المان درون خطی Inline از یک خط جدید شروع نمی شود و فقط به اندازه لازم عرض را اشغال می کند.

این یک المان <span> در یک پاراگراف است.

مثال

<span>Hello World</span>
خودتان آزمایش کنید »

در اینجا المان های درون خطی در HTML وجود دارد:


المان <div>

المان <div>اغلب به عنوان ظرف سایر المان های HTML استفاده می شود.

عنصر <div> ویژگی مشخصی ندارد ، اما سبک style ، کلاس class و شناسه id معمول است.

هنگامی که همراه با CSS استفاده می شود ، از عنصر <div> می توان برای سبک سازی بلوک های محتوا استفاده کرد:

مثال

<div style="background-color:black;color:white;padding:20px;">
  <h2>تهران</h2>
  <p> تهران یک شهر پر جمعت در ایران هست و پایتخت ایران حساب می شود</p>
</div>

تهران

تهران یک شهر پر جمعت در ایران هست و پایتخت ایران حساب می شود

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

المان <span>

المان <span> یک ظرف درون خطی است که برای علامت گذاری بخشی از متن یا بخشی از یک سند استفاده می شود.

عنصر <span> ویژگی مشخصی ندارد ، اما سبک style ، کلاس class و شناسه id معمول است.

هنگامی که همراه با CSS استفاده می شود ، از عنصر <span> می توان برای سبک بخشیدن به بخشهایی از متن استفاده کرد:

مثال

<h1> من <span style="color:red"> مهم </span> هدینگ </h1>

هدینگ مهم من

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

برچسب های گروه بندی HTML

برچسب توضیحات
<div> بخشی را در یک سند (المان بلوک) تعریف می کند
<span> بخشی را در یک سند (المان درون خطی) تعریف می کند

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






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

Farsiw3.ir