با آموزش تگ br در Html در خدمت شما هستیم:
در html برای اینکه مرور گرها بتوانند فاصله های پشت سرهم که ایجاد می شود را ایجاد نمایند از تگ br استفاده می کنند. (طراحی سایت , سئو سایت , طراحی سایت )
تگ br درواقع یک خط اجباری برای ایجاد فاصله بین خطوط می باشد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
همیشه باید دقت داشته باشید که از این تگ برای رفتن به خط جدید استفاده کنید و هرگز درون پاراگراف ها از آن استفاده نکنید.
این تگ از جمله عناصری است که دارای تگ پایانی نمی باشد و یک عنصر تهی به حساب می آید.
این تگ می تواند برای نوشتن اشعار و یا ایجاد آدرس استفاده شود.
کد زیر یک نمونه استفاده از تگ br را نشان می دهد:
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html> <body> <p> To break lines<br>in a text,<br>use the br element. </p> </body> </html> |
خروجی کد بالا به شکل زیر خواهد بود:
To break lines
in a text,
use the br element.
این تگ تمامی ویژگی های عمومی و رویدادهای عمومی را در Html پشتیبانی می کند.
تمامی مرور گر ها را پشتیبانی می کند.
در این مقاله با آموزش تگ b در html د رخدمت شما علاقه مندان به مبحث html هستیم:
تگ <b> برای ضخیم کردن یک کلمه یا عبارت در متن به کار میرود.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
1 | <b> متن مورد نظر </b> |
برای مثال:
1 | This is a normal text. This is a <b>Bold</b> text. |
خروجی قطعه کد بالا:
This is a normal text. This is a Bold text.
تمامی مرورگرها از این تگ پشتیبانی می کنند.
با آموزش تگ p در Html در خدمت شما هستیم:
برای ایجاد متون در صفحات Html از تگ p نیز استفاد می شود. این تگ می تواند حامل تعریف یک پاراگراف نیز باشد. (طراحی سایت , سئو سایت , طراحی سایت )
برای استفاده از این تگ باید از دو تگ باز و بسته به صورت <p></p> نیز استفاده کرد.
وقتی شما یک پاراگراف را با تگ p ایجاد می نمایید یعنی به موتورهای جستجو می فهمانید که در این قسمت با یک پاراگراف مواجه هستند. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
تگ p به تنهایی عضو عناصر بلاکی یا (block level) می باشد.
وقتی شما یک پاراگراف را با تگ p ایجاد می نمایید مرور گر به طور خود کار یک فضای خالی در قسمت پایین و بالای پاراگ راف شما ایجاد می نمایند که برای رفع این مشکل با استفاده از css ریست می توان به نتیجه مطلوب رسید.
در قسمت زیر یک نمونه از پاراگراف ایجاد شده با استفاده از تگ p را مشاهده می کنید:
1 2 3 4 5 6 7 8 9 | <html> <body> <p>پاراگراف نمونه یک.</p> <p>پاراگراف نمونه دو.</p> <p>پاراگراف نمونه سه.</p> </body> </html> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| aling | left right center justify | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه جهت دهی به متن پاراگراف را تغییر دهید. توسط این خصوصیت پاراگراف در قسمت وسط قرار می گیرد. با استفاده از این خصوصیت می توانید نحوه ترازبندی پاراگراف را تغییر دهید. |
تمامی مرور گر ها را پشتیبانی می کند.
با آموزش تگ های h1 تا h6 در Html در خدمت شما هستیم.
تگ های h1 تا h6 در واقع یکی از مهمترین تگ های به کار رفته در Html می باشد که در بهبود سئوی سایت شما در موتور های جستجو می تواند بسیار موثر عمل کند.(طراحی سایت , طراحی سایت )
در واقع از این تگ ها که به تگ های Heading معروف می باشند، برای جداسازی عنوان یا سرتیتر ها در مقاله ها در Html استفاده می شود.
در استفاده از تگ های h1 تا h6 دقت داشته باشید که باید به ترتیب استفاده شوند و ارزش هر تگ به ترتیب از h1 که قویترین می باشد تا h6 که ضعیف ترین است قرار داده شده است. .(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
برای موتور های جستجو استفاده از این تگ ها بسیار مهم است و برای هر صفحه حتما باید یک تگ h1 وجود داشته باشد و از بقیه تگ ها به ترتیب ارزش آن ها استفاده شود. مثلا می توانید تنها از دو تگ h1 و h2 استفاده نمایید و نیازس نیست حتما همه ی تگ های h1 تا h6 در صفجه شما قرار داده شود.
در زیر می توانید نمونه ی استفاده شده از این تگ ها را در صفحات Html مشاهده کنید:
1 2 3 4 5 6 7 8 9 10 11 12 | <html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> </body> </html> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| aling | left center right justify | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه سرتیر و عنوان بندی را تغییر دهید. این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه ترازبندی عنوان را تغییر دهید. |
تمامی مرور گر ها را پشتیبانی می کند.
با آموزش Html: تگ body همراه باشید.(طراحی سایت , سئو سایت , طراحی سایت )
جذاب ترین و در عین حال مهمترین بخش طراحی سایت تگ body می باشد. این تگ که به صورت دو تگ باز و بسته </body><body> درون سندHtml قرار دارد، می تواند تمامی عناصر موجود در بدنه سایت را در خود قرار دهد. هر آنچه که شما در یک صفحه سایت مشاهده می کنید اعم از عکس ها، نوشته ها، عناوین، پاراگراف ها وهمینطور آدرس های ارجاعی همه در تگ body که بدنه اصلی سایت را تشکیل می دهد قرار دارد.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
در قسمت زیر می توانید بخشی از بدنه یک سایت راکه توسط تگ body نوشته می شود ببینید:
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <head> <title>آموزش اچ تی ام ال در سئوراز</title> </head> <body> The content of the document...... </body> </html> |
تگ body تمام ویژگی های عمومی و همچنین تمام رویداد های عمومی را شامل میشود.
خصوصیت های بسیاریب رای تگ body وجود دارد ولی باید توجه داشته باشید که این خصوصیت ها توسط Html5 پشتیبانی نمی شود.
توسط این خصوصیت می توانید رنگ مربوط به یک لینک فعال را در صفحه Html خود تغییر دهید یا مقدار دهی کنید.
این خصوصیت قادر است توسط آدرسی که در URL قرار می گیرد یک تصویر در صفحه Html قرار دهد.
از این طریق می توانید رنگ پس زمینه خود را در صفحه Html تغییر دهید.
برای تغییر دادن رنگ های لینک ها در صفحه Html از این خصوصیت با مقدار color استفاده می شود.
شما همچنین می توانید با مقدار دهی کردن خصوصیت text رنگ متنی که در صفحه Html موجود است را به رنگ دلخواه تغییر دهید.
هنگامی که لینکی را مشاهده می کنید و دوباره به صفحه باز می گردید برای نمایش بهتر ، کافی است با مقدار دهی color به خصوصیت vlink، رنگ لینک را تغییر دهید.
تمامی مرور گر ها را پشتیبانی می کند.