location_on تهران ، خیابان آزادی خیابان شهیدان (روبروی مترو حبیب اله ) برج زیتون local_phone 66073800 021
بازگشت به لیست مقالات » | چهارشنبه 19 آبان 1395 در ساعت 12 : 49 دقیقه | نظرات کاربران ( 0 )

آموزش HTML  - تگ های فرمت دهی متن

در این بخش تمامی تگ هایی که در ظاهر متن ها تغییراتی ایجاد میکنند را برایتان توضیح خواهیم داد

تگ  <b>  :  تمامی محتوایی که درون این تگ قرار میگیرند بصورت بلد Bold  نمایش داده خواهند شد .

ساختار کلی این تگ  : <b></b>

 

تگ <i>  : این تگ محتوای خود را بصورت مورب Italic  نمایش میدهد

ساختار کلی این تگ  : <i></i>

 

تگ <strong > : تگ استرونگ متن مورد نظر را از سایر متون دیگر تفکیک کرده و حالت تاکیدی و مهم بودن به آن قسمت از متن میدهد . نوشتار این تگ بسیار شبیه به تگ b  می باشد .

ساختار کلی این تگ  : < strong ></ strong >

 

تگ  <em> : ساختار این تگ نیز شبیه تگ i می باشد و متن مورد نظر را italic  یا مورب می کند .

ساختار کلی این تگ : <em></em>

 

تگ <sub>  : کاربرد این تگ به این صورت می باشد که متن هایی که داخل خود دارد را بصورت زیر نویس و پایین تر از سایر متون قرار میدهد . متن های زیر نویس عموما به اندازه ی ارتفاع نصف آن تگ پایین تر قرار میگیرند . در مثال زیر بهتر با این مفهموم آشنا خواهید شد .از تگ sub  بیشتردر زمینه نمایش فرمول های شیمیایی و ریاضی و ... استفاده می شود 

 

تگ <sup>  : از این تگ به منظور بالا نویسی متون استفاده خواهیم کرد . یک متن را بخواهیم بالا تر سایر متن ها قرار بگیرد در تگ sup قرار میدهیم. کاربرد این تگ در مسائل ریاضی شبیه توان و... می باشد . در مثال زیر بهتر در این مورد خواهید دانست .

 

در بخش زیر مثال کلی در مورد تگ های بالا خواهیم زد :

 

 <!DOCTYPE html>

<html>

<body>

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

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

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

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

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

<p><code>This is computer output</code></p>

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

</body>

</html>

 

بعد از اجرای سند اچ تی ام ال بالا مرورگر بصورت زیر به نمایش در خواهد آمد :

 

This text is bold

This text is strong

This text is big

This text is italic

This text is emphasized

This is computer output

This is subscript and superscript

 

سایر تگ هایی که فرمت متن را تغییر میدهند و کاربرد آنها را در بخش زیر مشاهده نمایید :

 

تگ های مربوط به ظاهر و قالب بندی متون در HTML  :

تگ <small> : متن را به صورت small و کوچک نمایش می دهد.

تگ <big>  : متن را به صورت big و از سایر متون متمایز میکند .

تگ <ins> :  متنهای درون خود را به صورت inserted (زیر خط دار) نمایش می دهد.

تگ <del> :  روی متن هایی که درون این تگ ها هستند را خط میکشد  .و بصورت  deleted ( حذف شده ) نمایش می دهد.

 

کاربرد تگ های خروجی های کامپیوتر : computer output

تگ <code>  : متنهای دورن خود را به صورت computer code نمایش می دهد.

تگ <kbd> : متنهای موجود در این تگ به صورت keyboard نمایش داده می شوند .

تگ <samp> : متنهای درون خود را به صورت sample computer code نمایش می دهد.

تگ <tt> : متنهای درون این تگ به صورت teletype نمایش داده می شوند .

تگ <var>  : متنهای داخل این تگ به صورت variable نمایش داده خواهند شد .

تگ <pre> : متنهای داخل این تگ به صورت preformatted نمایش می دهد. (خطوط و فاصله های اضافه در نظر گرفته شده را حفظ می کند) .

 

کاربرد تگ های Citations  ،Quotations  و Definition در HTML

تگ <abbr> : مخفف کلمه ای را تعریف می کند.

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

تگ <acronym> : سر نام کلمات را تعریف می کند. (در HTML5 پشتیبانی نمی شود)

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

تگ <address> : اطلاعات تماس برای نویسنده با مالک سند را مشخص می کند.

تگ <bdo> : با استفاده از ویژگی dir می توان کلمات داخل این تگ  را برعکس کرد. (از آخر به اول یا برعکس)

تگ <blockquote> : برای تعریف نقل قول های بلند استفاده می شود.

مرورگر، بصورت پیشفرض قبل و بعد از عبارت نقل قول یک فضای اضافی قرار می دهد. همچنین برای آن Margin در نظر می گیرد.

تگ <q> : برای نقل قول های کوتاه از تگ q استفاده می شود.

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

تگ <cite> : جهت تعریف نقل قول (citation)

در HTML5 تگ <cite> عنوان یک کار را مشخص می کند اما در HTML 4.01 تگ <cite> یک نقل قول را مشخص می کند.

تگ <dfn> : یک عبارت تعریفی را مشخص می کند.

 

در آموزش بعدی شما را با فونت ها در HTML آشنا خواهیم سایت

درس بعدی : آموزش HTML  - فونت ها

ارسال نظر

عنوان نظر :
نام شما :
ایمیل :
آموزش HTML  - کاراکترهای رزرو شده

آموزش HTML - کاراکترهای رزرو شده

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

آموزش html  -  جاوا اسکریپت

آموزش html - جاوا اسکریپت

آموزش html  -  جاوا اسکریپت تگ script  در html  : این تگ به منظور برنامه نویسی سمت کاربر مانند جاوا اسکریپت  javascript  مورد استفاده قرار میگیرد . عنصر <script > ...

آموزش html  تگ head

آموزش html تگ head

 آموزش html  تگ head عنصر head  یکی از مهمترین تگ های html  می باشد که تگ های اساسی و اصلی سایت را در خود جای میدهد . عناصری که درون تگ head  قرار میگیرند میتوانند شامل اسکری ...

آموزش HTML  - اعلان Doctype

آموزش HTML - اعلان Doctype

آموزش HTML  - اعلان Doctype یکسری از اعلان ها در html  می باشند که کمک میکنند مرورگر بهتر و سریعتر نوع صفحات را تشخیص دهد . اعلان <!doctype> یکی از آنها می باشد که در ابتدای سند های h ...

آموزش html  - مروری بر html مقدماتی

آموزش html - مروری بر html مقدماتی

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

آموزش html – نام رنگ ها

آموزش html – نام رنگ ها

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

آموزش html - رنگها

آموزش html - رنگها

آموزش html  - رنگها : رنگها  یکی از مهمترین بخش در طراحی سایت می باشند .در طراحی سایت از رنگ ها به 3 طریق استفاده خواهد شد . 1.  از طریق نام رنگ : این روش از انتخاب رنگ بسیار محدود بو ...

آموزش HTML  - تگ iframe

آموزش HTML - تگ iframe

آموزش HTML  - تگ iframe در این آموزش و با استفاده از تگ iframe روش نمایش یک صفحه وب درون صفحه ی دیگر وب را قرار خواهیم داد . با ما همراه باشید . همانطور که از نام تگ iframe  که به معنای قا ...

آموزش HTML فرم ها

آموزش HTML فرم ها

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

آموزش HTML  - صفحه بندی

آموزش HTML - صفحه بندی

آموزش HTML  - صفحه بندی یکی از مهم ترین بخش های طراحی سایت نحوه ی صفحه بندی و چیدمان المان ها و عناصر HTML  می باشد . چیدمان سایت ها تقریبا مشابه چیدمان مجلات و روزنامه ها حاوی ستون ها و س ...

آموزش HTML  - تگ SPAN

آموزش HTML - تگ SPAN

آموزش HTML  - تگ SPAN تگ span  یکی از عناصر inline level  و درون خطی می باشد که در مقالات قبلی در مورد آن شرح دادیم . تفاوت تگ های inline level  و block level   یک عنصر inli ...

آموزش html  - تگ DIV

آموزش html - تگ DIV

آموزش html  - تگ DIV عنصر های HTML  را از طریق تگ های DIV  و یا SPAN  گروهبندی می شوند . تگ  div  یک عنصر بلاک لول است  .( Block level ) به این معنی که درصورتی که ...

expand_less