طراحی سایت

پاراگراف ها و تیترها در html

مشاوره رایگان

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

شبکه های اجتماعی ما
دوره سئو مقدماتی

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

1161 نفر
3 دقیقه
گروه آموزش طراحی سایت
بروزرسانی در: دی 28, 1400

فهرست مطالب

در سلسله آموزشهای قبل آنلاینر به توضیحات در HTML پرداختیم.

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

پاراگراف ها در html

حتما تا بحال با نرم افزار microsoft office word کار کرده اید. اگر دقت کرده باشید متوجه شده اید که تگ هایی از قبیل B , I , را که تا بحال آموزش دیده اید در نرم افزار word  نیز وجود دارند. پاراگراف ها و تیتر ها نیز همانند نرم افزار word در HTML کاربرد دارند.

پاراگراف ها در HTML با تگ <p> ایجاد می شوند. میتوانید چند پاراگراف زیر هم را نیز در یک متن ایجاد کنید مثال:

[html]
<p>
این مقاله برای آموزش طراحی وب شما کاربران عزیز در سایت آنلاینر آماده شده است
</p>
<p>
این متن به عنوان پاراگراف دوم در این جا قرار گرفته است.
</p>
[/html]

همچنین شما میتوانید با تگ <br/> متن مورد نظرتان را شکسته و ادامه متن را از خط بعد شروع کنید.

مثال:

[html]

<p>

این یک متن امتحانی در <br/> آموزش های آنلاینر است.

</p>

[/html]

نتیجه مثال بالا :

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

آموزش های آنلاینر است.

تیترها در html

تیتر ها در HTML با تگ های <h1> تا <h6> مشخص میشوند.  لازم است که تیتر های صفحه وب خود را بسته به اهمیت آن حتما در تگ های مناسب خود <h1> تا <h6> قرار دهید. این کار نیز فوایدی برای وب سایت شما دارد که در ادامه به آنها اشاره خواهیم کرد.

1- با استفاده از تگ های مناسب تیتر ها میتوانید با کاهش حجم کدها، در css تمامی تیتر های وب سایت تان را به شکل و حالت دلخواه درآورید.

2- با این کار شما اهمیت تیتر هایتان را نیز به موتورهای جستجوگر اعلام می کنید. در بخش سئو مفصلا درباره این موضوع بحث خواهد شد.

مثال:

[html]
<h1>آموزش HTML</h1>
<h2>مقدمه</h2>
<p>
این مقاله برای آموزش طراحی وب شما کاربران عزیز در سایت آنلاینر آماده شده است
</p>
<p>
این متن به عنوان پاراگراف دوم در این جا قرار گرفته است.
</p>
<h3>بخش اول مقدمه</h3>
.
.
.
<h3>بخش دوم مقدمه</h3>
.
.
.
<h2>فصل اول</h2>
.
.
.
<h2>فصل دوم</h2>
[/html]

نتیجه مثال بالا:

مقدمه

این مقاله برای آموزش طراحی وب شما کاربران عزیز در سایت آنلاینر آماده شده است

این متن به عنوان پاراگراف دوم در این جا قرار گرفته است.

بخش اول مقدمه

.
.
.

بخش دوم مقدمه

.
.
.

فصل اول

.
.
.

فصل دوم

و در نهایت با تاکید بر اینکه حتما از تگ های تیتر برای تیتر های صفحه وبتان استفاده کنید این آموزش را هم به پایان میرسانیم.
در آموزش بعد به مبحث تعیین فونت ها در html میپردازیم.
با آنلاینر همراه شوید …

به این صفحه رتبه دهید
بدون دیدگاه
انتشار: اردیبهشت 21, 1392
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
گروه آموزش طراحی سایت

دیدگاه ها بسته شده اند.

آیا نیازمند راهنمایی هستید؟
همین حالا برای مشاوره رایگان اقدام کنید
با پر کردن فرم، یک قدم به رشد آنلاین نزدیک‌تر شوید!
فرم درخواست مشاوره

برای راحتی شما عزیزان می‌توانید اطلاعات خود را در کادر زیر وارد کنید تا کارشناسان ما با شما تماس بگیرند

مشاوره رایگان
پیمایش به بالا