جدا کردن سرفصل ها از پاراگراف ها یا ساختاربندی متن در صفحه html. مانند یک تگ از ویژگی align برای تراز کردن متن استفاده کنید

HTML یک زبان برچسب است.

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

و برچسب خط افقی - .

دو نوع تگ وجود دارد: کانتینر و تگ تک.

ظرف.این یک جفت توصیف کننده است که از یک تگ شروع (یا باز کردن) و یک تگ پایان (یا بسته شدن) تشکیل شده است. تگ شروع به شکل است که TAG نام تگ HTML واقعی است. برچسب پایان به نظر می رسد. کانتینرها برای ذخیره برخی اطلاعات مانند متن یا سایر تگ های HTML طراحی شده اند. بنابراین، بین تگ های شروع و پایان، محتویات ظرف محصور می شود. به عنوان مثال، عنصری که متن فرمت شده است بین تگ های AND محصور می شود.

دستگیره خالیتفاوت آن با ظرف این است که هیچ اطلاعاتی در آن وجود ندارد. فقط یک برچسب شروع دارد. یک دسته خالی معمولاً کار جداگانه ای را انجام می دهد که به متن خاصی مربوط نمی شود. به عنوان مثال، یک برچسب یک خط افقی ایجاد می کند.

عنصر سند HTML- اینها تگ های شروع و پایان ظرف به همراه محتوای محصور بین آنها هستند. یک عنصر می تواند یک تصویر، یک قطعه متن، یک فرم، یک جدول، یک لیست، یک پیوند، یک فیلد متنی، یک دکمه و حتی عنوان سند یا قسمت اصلی آن (بدنه) باشد.

اظهار نظر: زبان HTMLبه حروف کوچک و بزرگ حساس نیست برچسب ها را می توان به دو صورت بزرگ و بزرگ تایپ کرد حروف کوچک، یعنی دستور معادل دستور یا است. همه برچسب ها توسط همه مرورگرها پشتیبانی نمی شوند. اگر مرورگر از تگ پشتیبانی نمی کند، به سادگی آن را نادیده می گیرد.

مهم ترین تگ های HTML، برچسبی به همین نام است. همیشه باید سند را باز کند، همانطور که برچسب باید در آخرین خط آن باشد. این برچسب ها به این معنی است که خطوط بین آنها نشان دهنده یک واحد است سند HTML. این مهم است زیرا خود سند یک فایل متنی ASCII ساده است. بدون این برچسب‌ها، مرورگر یا بیننده دیگری قادر به شناسایی قالب سند و تفسیر صحیح آن نیست.

عنوان سند نیست عنصر اجباری، اما یک تیتر خوب می تواند بسیار مفید باشد. هدف از هدر سند ارائه اطلاعات به برنامه ای است که سند را تفسیر می کند. عناصر داخل بخش HEAD(به جز عنوان سند ثبت شده در بخش TITLE) روی صفحه قابل مشاهده نیستند. عناصر موجود در بخش HEAD یک سند برای موارد زیر مورد نیاز است:

به سند یک عنوان بدهید

روابط بین چندین سند را تعریف کنید

به مرورگر دستور دهید یک فرم جستجو ایجاد کند

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

بخش HEAD با تگ باز می شود. معمولاً این تگ بلافاصله بعد از . تگ بسته شدن پایان این بخش را نشان می دهد. بین تگ های ذکر شده، تگ های باقی مانده از قسمت هدر سند قرار دارند.

بخش TITLE تنها عنصر مورد نیاز عنوان سند است و برای دادن عنوان به سند عمل می کند. معمولاً در نوار عنوان پنجره مرورگر نشان داده می شود. محتویات بخش TITLE نباید با نام فایل سند اشتباه گرفته شود. نشان می دهد رشته متن، کاملاً مستقل از نام و مکان فایل. نام فایل کاملاً تعریف شده است سیستم عاملکامپیوتری که در آن ذخیره شده است.

نام سند بین تگ ها نوشته می شود و یک رشته متن است. اگر نمی خواهید روی صفحه نمایش ظاهر شوند، نباید آن را در نقل قول قرار دهید. در بیشتر موارد، بخش TITLE بیش از یک خط نیست.

در اصل، نام می تواند از هر طولی باشد و شامل هر کاراکتری باشد، به جز برخی از موارد رزرو شده. در عمل، بهتر است خود را به یک خط محدود کنید، در نظر داشته باشید که نام در نوار عنوان پنجره مرورگر ظاهر می شود. همچنین باید به خاطر داشته باشید که وقتی پنجره مرورگر را کوچک می کنید، چه چیزی از عنوان سند باقی می ماند. بنابراین باید سعی کنید مهمترین کلمات را در ابتدای عنوان قرار دهید.

اگرچه گرایشی به سمت محتوای «فعال‌تر» در WWW وجود دارد، اما اکثر خوانندگان همچنان به آن علاقه دارند بخش متنصفحات بنابراین فارغ از اینکه نوشته شده باشد متن جدیدیا قدیمی تبدیل شده است، فرآیند کار بر روی بدنه سند زمان قابل توجهی را می گیرد.

قبل از اینکه سند را با محتوا پر کنید، منطقی است که "قاب" آن را ایجاد کنید. یک سند HTML باید حاوی برخی از عناصر مورد نیاز باشد که بدون آنها به درستی تفسیر نخواهد شد. نمونه ای از یک الگوی ساده در لیست نشان داده شده است.

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


متن متن را در اینجا وارد کنید

قالب با تگ باز می شود

، که همانطور که می دانیم برای هر سند HTML ضروری است. تگ بعدی ابتدای عنوان سند است. عنوان حاوی یک عنصر TITLE است که عنوان سند را وارد می کند، در مورد ما "این یک سند نمونه است". عنوان با برچسب بسته شده است. بعد تگ می آید و بعد از آن متن (بدنه) سند قرار می گیرد. تگ به معنای انتهای بدنه و تگ به معنای پایان کل سند است. BODY ممکن است حاوی تعداد زیادی ازویژگی های. همه آنها مهم هستند زیرا ظاهر کلی سند را تعیین می کنند. این ویژگی ها در جدول نشان داده شده است.

	هدف
ALINK	رنگ پیوند فعال فعلی را مشخص می کند
زمینه	به URL تصویری که به عنوان پس زمینه استفاده می شود اشاره می کند
BGCOLOR	رنگ پس زمینه سند را مشخص می کند
BG PROPERTIES	اگر روی FIXED تنظیم شود، تصویر پس زمینهاسکرول نمی کند
LEFTMARGIN	حاشیه حاشیه سمت چپ را بر حسب پیکسل تنظیم می کند
ارتباط دادن	رنگ پیوندی را مشخص می کند که هنوز مشاهده نشده است
TEXT	رنگ متن را مشخص می کند
حاشیه بالا	حاشیه حاشیه بالایی را بر حسب پیکسل تنظیم می کند
VLINK	رنگ پیوندی که قبلاً مشاهده شده را مشخص می کند

بیایید نگاهی دقیق تر به این ویژگی ها بیندازیم.

تعیین رنگ اجزای تشکیل دهنده سند اولین قدم برای ایجاد آن است. اگر این کار انجام نشد، از رنگ های پیش فرض استفاده می شود. آنها توسط تنظیمات برنامه بیننده تعیین می شوند.

هیچ قانونی برای یک پالت متعادل وجود ندارد. فقط باید به خاطر داشته باشید که برای اینکه خوانندگان بتوانند متن را بدون احساس ناراحتی بخوانند، سعی کنید کنتراست بالایی بین متن و پس‌زمینه حفظ کنید و از نزدیکی مناطق با رنگ‌های مشابه خودداری کنید.

رنگ های HTML با اعداد هگزادسیمال مشخص می شوند. سیستم رنگ بر اساس سه رنگ اصلی - قرمز، آبی و سبز است. برای هر رنگ مشخص شده است مقدار هگزادسیمالاز 00 تا FF، مربوط به محدوده 0-255 در اعشار. سپس این مقادیر در یک عدد با یک نماد # ترکیب می شوند. برای سادگی، HTML 3.2 16 رنگ استاندارد را تعریف می کند که به همراه کدهای هگزادسیمال آنها در جدول زیر آورده شده است.

رنگ	کد
مشکی	#000000
ماگوپ (سورمه ای تیره)	#800000
سبز	#008000
زیتون	#808000
نیروی دریایی (آبی تیره)	#000080
رنگ بنفش	#800080
آبی رنگ	#008080
خاکستری	#808080
نقره	#С0С0С0
قرمز	#FF0000
آهک (آهک)	#00FF00
رنگ زرد	#FFFF00
آبی	#0000FF
فوشیا (فوشیا)	#FF00FF
آبی	#00FFFF
سفید	#FFFFFF

BGCOLOR مسئول رنگ پس زمینه سند است. اگر صفحه دارای یک تصویر پس زمینه باشد، این ویژگی باید رنگی را ارائه دهد که تا حد امکان به رنگ کلی تصویر نزدیک باشد. این به خواننده ای که مرورگر خود را طوری تنظیم کرده است که تصاویر بارگذاری نشود، اجازه می دهد تا متن را به وضوح ببیند. بسیاری از نویسندگان به این قانون پایبند نیستند. در این حالت، اگر هنر پس‌زمینه تیره و رنگ فونت برای متن سفید باشد، ممکن است برخی از خوانندگان از دیدن چیزی جز یک صفحه سفید خالی شگفت زده شوند. TEXT رنگ متن سند را مشخص می کند. سعی کنید همیشه کنتراست متن را در صفحات خود حفظ کنید. هنگام استفاده از فونت نازک، به یاد داشته باشید که در پس زمینه روشن، تیره تر به نظر می رسد. LINK توسط مرورگر برای نشان دادن پیوندهایی که هنوز مشاهده نشده اند استفاده می شود. بدیهی است که آنها باید از نظر رنگ در پس زمینه متن اصلی برجسته شوند.

ویژگی VLINK برای نمایش لینک هایی که قبلاً مشاهده شده اند استفاده می شود. به عنوان یک قاعده، آنها بیشتر رنگ می شوند سایه تیرههمان رنگی که نیست

لینک های مشاهده شده ALINK رنگ پیوند فعال فعلی را مشخص می کند. این یک ویژگی نسبتاً جدید است که معمولاً برای مشاهده اسناد چند فریمی استفاده می شود.

تنها راه های محبوببرای تزئین یک صفحه HTML قرار دادن گرافیک پس زمینه روی آن است که در زیر متن اصلی قابل مشاهده است (ویژگی

زمینه ). این تکنیک به تأکید بر یکپارچگی سند کمک می کند. برعکس، آن را به بخش های منطقی تقسیم کنید.

اکثر تصاویر پس زمینه اندازه کوچکی دارند، اما کپی های آنها، مانند کاغذ دیواری، کل پنجره بیننده را پر می کند. تصاویر مختلف بافت (الگو) به ویژه محبوب هستند: آجر، سنگ مرمر، انواع پارچه. اساساً، آنها به سادگی جاهای خالی سند را پر می کنند. صفحات متفکرتر دارای پس‌زمینه‌هایی هستند که با محتوا مطابقت دارند.

ویژگی های

LEFTMARGIN و TOPMARGIN برای تنظیم فاصله بین لبه های چپ و بالای متن و لبه های مربوطه پنجره مرورگر استفاده می شود. محل سایر لبه های متن قابل تنظیم نیست. این کار برای اطمینان از اینکه صفحه توسط هر مرورگری قابل مشاهده است انجام می شود. نمی توان از قبل دانست که اندازه پنجره خواننده سند چقدر است. LEFTMARGIN فاصله بین لبه سمت چپ پنجره مرورگر را تعیین می کند که بر حسب پیکسل اندازه گیری می شود. بیشتر اوقات، این ویژگی زمانی استفاده می‌شود که نویسنده بخواهد حاشیه‌ای در سمت چپ داشته باشد که فاقد متن باشد و الگو یا رنگ متفاوتی با بقیه تصویر پس‌زمینه داشته باشد. TOPMARGIN برای تنظیم فاصله بین لبه بالای متن و لبه بالای پنجره مرورگر استفاده می شود. معمولاً زمانی استفاده می‌شود که بالای تصویر پس‌زمینه مهم است و می‌خواهید باز بماند. اسناد HTML می توانند شامل نظراتی باشند که برای خواننده قابل مشاهده نیستند. آنها باید با برچسب شروع کنند. هر چیزی که در این برچسب ها وجود دارد هنگام مشاهده صفحه نامرئی می ماند. ADDRESS یکی از مهمترین عناصر HTML است. این برای شناسایی نویسنده سند و (اختیاری) نشان دادن آدرس نویسنده است. اطلاعات حق چاپ نیز معمولاً در اینجا قرار می گیرد. این عنصر یا در ابتدا یا در انتهای سند قرار دارد. ADDRESS شامل متنی است که بین تگ ها و قرار داده شده است. متن محصور شده بین این تگ ها معمولا به صورت مورب در پنجره مرورگر نشان داده می شود.

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

اما من می‌خواهم فوراً به این موضوع توجه کنم که، به ویژه، زبان HTML یک زبان بسیار گسترده است که دائماً در حال تکامل است. و بنابراین، برای تسلط بر این زبان در سطح بالاشما باید اصول اولیه (یعنی مسائل خبرنامه من) را به طور کامل مطالعه کنید. و در عین حال تمرین کنید.

همانطور که اصول HTML را یاد می گیریم، به آن اشاره می کنیم سبک های CSS. این بدان معناست که ما CSS را نیز مطالعه خواهیم کرد. اما این کمی دیرتر است. ما همچنین برای کمک به جاوا اسکریپت روی می آوریم.

برای درس مقدماتی امروز، با یادگیری ساختار یک سند HTML و تگ های اولیه HTML شروع می کنیم.

برو…

هر سند HTML با این خط شروع می شود:

XHTML

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

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

با این حال، اگر به طرز ماهرانه‌ای همه عناصر و بلوک‌ها را در صفحه مرتب کنید و استایل را اعمال کنید، همه چیز در همه مرورگرهای مورد نظر به یک اندازه خوب کار می‌کند.

اما در حالی که نمی‌دانیم بلوک‌ها چیست، چه سبک‌هایی هستند و چگونه می‌توان این «abrucadabra» را به کار برد، زمانی که می‌دانیم چگونه کاری را انجام دهیم و واقعاً می‌توانیم کار آن را ارزیابی کنیم، لازم است به یک بررسی دقیق بازگردیم.

در ضمن، بیایید صفحه را پایین بیاوریم.

راستی، چرا از بالای صفحه شروع به نگاه کردن به سند HTML کردم؟

زیرا مرورگر صفحه را بارگیری می کند و از چپ به راست "کد" را از بالا به پایین می خواند. (با این حال، درست مانند کتاب خواندن).

شاید کلمه برچسب کاملاً واضح نباشد؟

به طور کلی، تگ دستورالعملی است که به مرورگر می گوید که چه کاری انجام دهد این مکانسند باید انجام شود

ما از برچسب ها برای ایجاد صفحات خود استفاده می کنیم. همه تگ ها در به اصطلاح "گوشه" ( ) محصور شده اند. و یک بسته شدن (با خط خط). مثلا، بند انگشتی. مشخص می کند که متن بین تگ های قوی باز و بسته شود پررنگ باشد.

امیدوارم واضح باشد که تگ چیست.

پیشنهاد می کنم با دستان خود چیزی تایپ کنید.

پس بیایید شروع کنیم.

دفترچه یادداشت یا wordpad را در OC WINOWS راه اندازی کنید. بیایید خطوط زیر را تایپ کنیم:

XHTML

عنوان پنجره مرورگر

عنوان پنجره مرورگر

بیایید فایل را با نامی مانند start.html ذخیره کنیم. حالا بیایید بفهمیم آنها چه نوشته اند.

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

به عنوان مثال، به هر حال، برچسب نیازی به برچسب بسته شدن ندارد؛ می تواند رمزگذاری (charset=windows-1251) یا اطلاعات مربوط به نویسنده (name="author" content="Full name") یا کلمات را نشان دهد. برای موتور جستجو، این برچسب مرورگر را مجبور می کند تا پس از 30 ثانیه به طور خودکار به سایت mysite.ru برود (مثال).

تگ متن را در نوار عنوان پنجره مرورگر تعریف می کند. (تگ بسته شدن).

برچسب ممکن است حاوی اسکریپت های جاوا اسکریپتیا vbscript محصور در تگ ها .... .

و سبک های محصور شده در برچسب ها ... .

احتمالاً با این تگ کار را تمام می کنیم.

این در واقع بدنه سند است؛ هر چیزی که در صفحه می بینیم در اینجا قرار دارد. تگ دارای مجموعه ای از پارامترها است که ما به آنها نگاه خواهیم کرد، اما استفاده از آنها توصیه نمی شود.

bgcolor - رنگ پس زمینه سند را تنظیم می کند. ( )

پس زمینه - به URL تصویر اشاره می کند - پس زمینه سند.

text - رنگ متن سند را تنظیم می کند.

پیوند - رنگ هایپرلینک ها را تعیین می کند.

vlink= - رنگ هایپرلینک هایی را که قبلاً بازدید کرده اید را با استفاده از یک مقدار تنظیم می کند.

alink= - رنگ هایپرلینک ها را هنگام کلیک کردن تعیین می کند.

bgproperties=fixed - تصویر پس زمینه اسکرول نمی شود. آن ها با فشار دادن PageDown متن حرکت می کند، اما پس زمینه حرکت نمی کند.
این پارامترفقط پشتیبانی می شود اینترنت اکسپلورر.

این پارامترها را می توان ترکیب کرد، به عنوان مثال، در این صفحه از آن استفاده می شود:

XHTML

بیایید این خط را در مثال قبلی خود تایپ کنیم.

XHTML

خود رمزگذاری مستقیماً در صفحه وب نمایش داده نمی شود، اما همچنان نقش مهمی ایفا می کند. اگر به صراحت تنظیم نشده باشد، ممکن است هنگام باز کردن، خطاهایی رخ دهد مرورگرهای مختلف، و خواندن ممکن است امکان پذیر نباشد.

— از نظر حجم، می توان گفت که این بلوک بیشترین اطلاعات را در بر می گیرد، زیرا در آن است که بدنه صفحه تشکیل می شود. این دقیقاً همان چیزی است که روی صفحه نمایش داده می شود.

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

- - تگ های عنوان زوجی بسیار مهم که در یک صفحه وب نمایش داده می شوند. به عنوان یک قاعده، h1 حاوی عنوان یک مقاله یا نشریه دیگر است، h2 شامل زیرعنوان ها، h3 شامل زیرعنوان های فرعی و غیره است. یک سند بزرگ ممکن است در واقع به همه این برچسب ها نیاز داشته باشد.

عنوان به عنوان یک عنصر بلوک ارائه می شود و دارای بالشتک در بالا و پایین است. توصیه می شود متون بزرگ را به عنوان های فرعی بسیاری تقسیم کنید، زیرا به این ترتیب درک خواننده از مطالب بهبود می یابد. هدر نیز دارد عملکرد مهماز نظر بهینه سازی سایت با توجه به نیاز موتورهای جستجو. کلمه کلیدیدر هدر و زیر عنوان ها ارتباط صفحه را بهبود می بخشد.

- یک پاراگراف (بند) متن را تشکیل می دهد. همچنین بسیار عنصر مهم. بعید است که کسی بخواهد متنی پیوسته را بخواند که به هیچ وجه به پاراگراف تقسیم نشده است، درست است؟

این پاراگراف دارای تورفتگی های کوچکی نیز می باشد. که در ویرایشگرهای بصریسیستم‌های مدیریت محتوا می‌توانند هر زمان که دو خط را بشکنید، این برچسب را به‌طور خودکار قرار دهند.

شاید ابتدایی ترین تگ هایی که مسئول ساختار هستند در بالا توضیح داده شد. هر صفحه وب آنها را دارد. اما تگ چگونه تشکیل می شود و شامل چه مواردی می شود؟

ساختار تگ html

بیایید بلافاصله با یک مثال آن را درک کنیم.

سرفصل

در اینجا می توانید ببینید که ما فقط ننوشتیم. شما می توانید ویژگی های اضافی را به هر برچسب اضافه کنید. آنها در قسمت ابتدایی عنصر نوشته شده اند.

ابتدا نام خود ویژگی نوشته می شود و سپس مقدار آن تنظیم می شود. در این مثال، line class = "title" کلاس سبک عنوان را به عنوان ما متصل می کند، به طوری که ما می توانیم از طریق آن به این عنصر در css دسترسی داشته باشیم.

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

سلام، خوانندگان عزیز وبلاگ! امروز در مورد ساختار متن در صفحات وب، ویژگی های نمایش آن صحبت خواهیم کرد و نحوه شکستن متن را به قطعات منطقی جداگانه در نظر خواهیم گرفت: عنوان، پاراگراف، لیست.

تگ های زیادی برای کار با متن در html وجود دارد، اما ابتدا باید در مورد برخی از ویژگی های نمایش متن در مرورگر صحبت کنیم. ابتدا، هر تعداد فاصله، برگه و شکست خط در یک ردیف به صورت یک فاصله ظاهر می شود. آن ها قرار دادن متن با استفاده از فاصله و برگه کار نخواهد کرد.

به عنوان مثال، این خطوط در یک صفحه وب با وجود املای متفاوتشان یکسان نشان داده می شوند:

به سایت ما خوش آمدید!

خوب
به سایت ما خوش آمدید!

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

استثناء تگ است که در آن تمام فاصله ها و خط تیره ها همانطور که هستند نمایش داده می شوند.

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

حالا بیایید به بررسی ادامه دهیم عناصر ساختاریمتن در نشانه گذاری html

پاراگراف ها در HTML

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

. نحو ایجاد پاراگراف ها به شرح زیر است:

این اولین پاراگراف است.

و این پاراگراف دوم است

پاراگراف ها در صفحه HTML با تورفتگی های کوچک از عناصر قبلی و بعدی جدا می شوند. برچسب بزنید

همچنین یک عنصر بلوک. چه اتفاقی افتاده است عناصر بلوکمن در مقاله "" نوشتم. اجازه دهید یادآوری کنم که عناصر بلوک با این واقعیت مشخص می شوند که کل عرض موجود صفحه HTML را اشغال می کنند، ارتفاع عنصر با محتوای آن تعیین می شود و همیشه از یک خط جدید شروع می شود.

بیایید به مثالی از استفاده از پاراگراف ها در یک صفحه وب نگاه کنیم. بیا باز کنیم ویرایشگر متنکد HTML را تایپ کرده و با پسوند html ذخیره کنید:

وب سایت در مورد اتومبیل.

وب سایت در مورد اتومبیل.

طبقه بندی خودرو

خودروی سرنشین؛

بار;

ماشین شاسی بلند؛

باگی؛

سوار کردن؛

ورزش ها؛

مسابقه.

هنگام باز کردن این فایلچیزی شبیه به این خواهد بود:

در حال حاضر، صفحه ما فقط شامل پاراگراف است.

برای تراز کردن متن در تگ پاراگراف

پشتیبانی می کند صفت align. می تواند یکی از چهار مقدار را داشته باشد:

• سمت چپ - متن را به سمت چپ تراز کنید.
• مرکز - تراز کردن متن با مرکز؛
• راست - متن را به سمت راست تراز کنید.
• justify - تراز عرضی، i.e. متن را به طور همزمان به راست و چپ تراز کنید. برای انجام این کار، مرورگر بین کلمات فاصله قرار می دهد.

به طور پیش فرض، ویژگی align سمت چپ است. مثالی از استفاده از ویژگی align:

این متن در یک پاراگراف در صفحه htmlتراز باقی خواهد ماند!

این متن در وسط صفحه در مرورگر ظاهر می شود!

این متن به درستی تراز خواهد شد!

و مرورگر این قطعه بزرگ متن را در عرض تراز می کند، یعنی. به طور همزمان در لبه راست و چپ! برای انجام این کار، مرورگر وب فاصله های اضافی را بین کلمات درج می کند و پاراگراف ظاهری منظم به خود می گیرد که به راحتی قابل خواندن است!

و به این صورت در مرورگر نمایش داده می شود:

سرفصل ها در HTML

از سرفصل ها برای برجسته کردن بخش هایی از متن در یک صفحه وب استفاده می شود. در html شش سطح عنوان وجود دارد. بیشترین سطح بالاتگ سطح 1 و پایین ترین تگ سطح 6 است. برچسب ها -