بهینه سازی سایت اخبار

برای اطلاع از آخرین اخبار سئو وب سایت و بازاریابی اینترنتی ایمیل خود را وارد کنید (هفته ای یک خبرنامه ارسال می گردد)

آموزش تگ و عناصر HTML

امتیاز بدهید
(1 امتیاز)

در اینجا شما نمونه ای از عناصر HTML به همراه توضیحات تکمیلی (Attribute) را می بینید که در بین یک جفت   ”  ” قرار گرفته است.

تگهای Head Line و یا سرفصلها

سرفصلها توسط تگهای h1   تا h6 علامت گذاری می شوند. تگ h1 باعث ایجاد اندازه بزرگتری نسبت به h6   می شود.

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

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

اهمیت تگهای Head Line

از این تگها برای بزرگ یا کوچک کردن نوشته ها استفاده نکنید بلکه برای موضوعات پر اهمیت از آنها استفاده کنید و موضوعات و نوشته های پر اهمیت را داخل آنها قرار دهید.

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

ترتیب اهمیت این تگها به ترتیب اهمیت بیشتر از h1 به h6 می رسد.

تگهای خط کشی و یا خط (line)

تگ <hr/> برای کشیدن خط ها افقی استفاده میشود.

<p>This is a paragraph</p>

<hr />

<p>This is a paragraph</p>

<hr />

<p>This is a paragraph</p>

نوشتن توضیحات برای کدها HTML

این توضیحات باید به صورتی در درون کدهای HTML   قرار گیرند که توسط مرورگرها خوانده نشوند. بنابراین این توضیحات را به این صورت

می نویسیم.

<!– This is a comment –>

این نوشته ها توسط مرورگرها خوانده نمی شوند.علامت تعجب فقط در ابتدا قرار می گیرد و در پایان نمی آید.

چگونه کدهای HTML یک صفحه وب را ببینیم؟

برای این کار شما میتوانید در صفحه مرورگرتان گزینه view   را از نوار ابزار انتخاب کنید و سپس گزینه view source   و یا source را انتخاب کنید.

در این حالت یک پنجره جدید باز می شود که کدهای HTML را به شما نشان می دهد.

تگهای پاراگراف (Paragraph)

پاراگراف ها توسط تگهای <p>   علامت گذاری می شوند.

<p>This is a paragraph</p>

<p>This is another paragraph</p>

مرورگرها به صورت اتوماتیک یک خط فاصله قبل و بعد از این تگها ایجاد میکند.

باز هم این نکته را یاد آوری می کنیم که تگهای ابتدایی و انتهایی را فراموش نکنید.

تگهای شکستن خط ( Line Breaks )

برای ایجاد شکست در یک خط و رفتن به خط بعدی و ایجاد فاصله از تگ </br> که یک تگ خالی (empty) است استفاده می شود.

این نکته قابل ذکر است که کلیه فاصله ها در بین تگهای HTML در هنگام نمایش توسط مرورگرها از بین می رود.

<h1> Headline1 </h1>

به طور مثال فاصله ای که قبل از محتوای این عنصر HTML   وجود دارد در مرورگر از بین می رود.

تگهای نوع نمایش نوشته ها ( Text Formatting )

This text is bold

This text is big

This text is italic

This is computer output

This is subscript and superscript

تگهایی مانند <i> و یا <b> باعث می شوند که نوشته ها به صورت Italic و یا Bold   نمایش داده شوند . این تگها را تگهای نوع نمایش یا(Text Formatting ) می نامند.

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

<p> <b> This text is bold <b></p>                   This text is bold

<p> <strong>This text is strong </strong></p>           This text is strong

<p><big>This text is big</big></p>                         This text is big

<p><em>This text is emphasized</em></p>               This text is emphasized

<p><i>This text is italic</i>                     This text is italic

<p><small>This text is small</small></p>                This text is small

<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

This is subscript and superscrip

 

نوشتن دیدگاه


تصویر امنیتی
تصویر امنیتی جدید

برای اطلاع از آخرین مقالات بهینه سازی سایت و بازاریابی اینترنتی:

درباره ما

سایت بهینه سازی سایت و بازاریابی اینترنتی پس از موفقیت سایت طراحی وب پارسیان در زمینه طراحی وب سایت و سئو وب سایت توسط شخص مهندس محمدرضا سمیعی زفرقندی ایجاد شد تا در زمینه های آموزش بهینه سازی وب سایت ، آموزش بازاریابی اینترنتی و آموزش طراحی وب سایت مطالب و مقالاتی در شکل های متن ، فایل pdf ، فایل صوتی و تصویری و ارائه کتاب های بهینه سازی وب سایت به شکل E-BOOK و یا نسخه چاپی ارائه می شود.مشاوره در زمینه طراحی وب سایت ، بهینه سازی سایت و بازاریابی اینترنتی انجام می شود .

ما را در شبکه های اجتماعی دنبال کنید

telegram

follow fb 2

rss reader

محصولات بهینه سازی سایت