Html

|

عناوین و پاراگراف ها

یکی از مهمترین بخش های html تگ های heading هست. این تگ ها در سئوهمتاثیر بسزایی دارند و برای نوشتن آنها باید دقت کافی رو داشته باشید.

از تگ heading برای نوشتن سرتیتر و عنوان ها استفاده میشه که از h1 شروع میشود و به نسبت پایین آمدن عدد ها اندازه ی متن هم کوچکتر میشود.

برای مثال :

<h1/> تیتر بزرگ <h1>

تیتر بزرگ

<h2/> تیتر کوچکتر <h2>

تیتر کوچک

تگ بعدی که خیلی هم کاربردی و مفید ، تگ <br> هست که باعث میشود متن به خط بعدی منتقل شود. تگ <br> یا line break کاری مشابه فشردن کلید enter به همراه shift را انجام میدهد.

نکته: این تگ نیازی به تگ پایانی ندارد.

مثال:

این خط اول هست

<br>

حال به خط دوم آمدیم

نتیجه:

این خط اول هست

حال به خط دوم آمدیم

مرورگرها تا زمانی که به انتهای فضای موجودنرسند به خط بعد نمیروند اما شما با تگ <br> مرورگر را مجبور میکنید به خط بعد برود.

تمرین: حال برای فهمیدن بیشتر مطلب یک مثال میزنم .نوشته ی زیر رو به صورت کد بنویسید سپس با جواب مقایسه کنید.

شما ،

یک خط

جدید درست کنید.

جواب:

شما <br>

یک خط <br>

جدید درست کنید.

<p> تگ پاراگراف است. شما برای نوشتن تمام متن هاتون ابتدا باید یک تگ <p> باز کنید سپس متن رو داخل تگ بنویسید و سپس ببندید <p/>

نکته: زمانی که شما 2 تا تگ <p> در یک صفحه قرار میدهید ناخودآگاه هر کدام از متن های داخل <p> در یک خط قرار میگیرند و همانند <br> عمل میکنند.

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

در آموزش بعدی به نحوه تغییر فونت و رنگ متن میپردازیم.

دریافت آخرین مطالب وبلاگ در کانال داتینه

بهاره شهسواری

بهاره شهسواری ، کارشناس نرم افزار هستم .
از سال 91 مشغول به یادگیری زبان های css ,html , javascript و jquery شدم
و از سال 93 به صورت اختصاصی به فعالیت در حوزه css و html پرداختم. علاوه بر کد نویسی به گرافیک هم علاقه مند هستم.

نظرات
نظر بدهید