در سلسله آموزشهای قبل آنلاینر به توضیحات در HTML پرداختیم.
در این مقاله قصد آموزش پاراگراف ها و تیترها در html را داریم.
پاراگراف ها در html
حتما تا بحال با نرم افزار microsoft office word کار کرده اید. اگر دقت کرده باشید متوجه شده اید که تگ هایی از قبیل B , I , U را که تا بحال آموزش دیده اید در نرم افزار 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 میپردازیم.
با آنلاینر همراه شوید …
