پروژه با تگ های قالب بندی متن در html

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

اول از همه اینکه ما این جلسه را بر اصاص و پایه ی آموخته هایی که در جلسه ی اول آموزش html به زبان ساده و جلسه ی  تگ های قالب بندی متن در html یاد گرفته اید انجام می دهیم.

همانطور که می دانید چیزی که سایت را موفق می سازد همیشه و همیشه مطالب و محتوا های این سایت ها بوده است. هر چند که ما نمی توانیم بدون استفاده از زبان css مطالب و محتوا های چندان خوبی را طراحی کنیم ولی باز هم با این حال برای درک بهتر این زبان در این جلسه ی آموزشی یک محتوای ساده ای را با html طراحی می کنیم.

برای این کار کد زیر را در مرورگر خود کپی کرده و خروجی بگیرید.

خروجی کدِ پروژه با تگ های قالب بندی متن در html

سایت آموزش سرزمین کد

سرزمین کد در راستای آموزش زبان های
برنامه نویسی
به صورت ساده و قابل فهم به تمامی هم وطنان عزیز خدمت می کند.
این سایت در تاریخ
20
مهرماه
1399
به دست پدرام ربیعی تاسیس شد
و از آن تاریخ تا به حال درحال دادن آموش های زبان های برنامه نویسی و هر آنچه به زبان های برنامه نویسی مربوط باشد
به صورت ساده و قابل فهم در عین حال حرفه و به صورت پروژه محور است

چرا سرزمین کد تاسیس شد.

من زمانی که شروع به یادگیری زبان های برنامه نویسی تحت وب کردم دراوایل این فکر در ذهن من بود. که…

ما باید هم
html
را بیاموزیم و هم
css
را

نه یکی از آنها را

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

توضیح کامل کد بالا

هر آنچه را که در بالا مشاهده می کنید خروجی کدی است که در بالا با آن کار کردیم.

حال به توضیحات این که در این جلسه با عنوان پروژه با تگ های قالب بندی متن می پردازیم.

در خط اول که ما به مرور گر گفته ایم که از جدید ترین نسخه ی زبان html استفاده می کنیم.

سپس ما تگ head را باز کرده ایم که قسمت اول زبان html می باشد.

بعد از آن هم ما تگ title را داریم که با این تگ عنوان صفحه ی مورد نظر خود را مشخص می کنیم.

در باره با تگ title در جلسه ی آموزشی متا تگ ها در html توضیح جامع تری داده شده است.

به همین ترتیب ما تگ title را داریم که بسته شده است و بعد هم تگ head بسته شده است. پس از شما می توانید مشاهده کنید که تگ body که بخش دوم این زبان است باز شده است.

سپس ما تگ های قالب بندی متن را در این قسمت جای داده ایم.

ما تگ big را داریم که با استفاده از صفت align گفته بودیم که راست چین باشد متن ما. تگ Big یک واحد به اندازه ی متن میفزاید. با استفاده از صفت align ما جهت نوشتار متن را تعیین می کنیم.

تگ h1 باز شده است که به معنای عنوان یا هدینگ یک است.

بعد هم شما مشاهده  می کنید که تگ b باز شده و هر آنچه درون این تگ باشد به صورت bold نمایش داده خواهد شد.

سپس ما متون مرود نظر خود را داریم و بعد هم تگ h2 وجود دارد که عنوان دوم یک هدینگ دوم است. که با استفاده از صفت align وسط چین شده است.

بعد هم یک تگ دیگر باز شده است که آن تگ تگ p می باشد.

به همین ترتیب همه موارد دیگر به جر تگ strike گفته شد که کار این تگ کشیدن یک خط روی متن است.

بعد هم تگ p که در اوایل آغاز شده بود بسته شده است و …

سخن پایانی در جلسه ی پروژه با تگ های قالب بندی متن

همانطور که مشاهده کردید.شما با کمک این جلسه ی آموزشی که پروژه با تگ هی قالب بندی متن نام داشت توانستید به سادگی تمام یک پروژه با تگ های قالب بندی متن طراحی کنید و خروجی بگیرید.

نوشتهٔ قبلی
ساخت لینک به نقاط مختلف یک صفحه با html و تگ iframe در html
نوشتهٔ بعدی
ساخت یک صفحه وب ساده

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.

فهرست