طراحی وبسایت html

Htmlچیست:

از زبان html برای طراحی  وب سابت‌ها استفاده میشود،عبارت html از Hyper Text Markup Language گرفته شده است با این زبان به تنهایی نمی توان یک سایت بزنیم چرا که در کنار آن از زبان های css،php استفاده میشود. Html یک زبان برنامه‌نویسی نیست یلکه زبان نشانه گذاری متن است به این معنی که بخش های مختلف توسط اجزایی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند این تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و باید به چه صورت نمایش داده شود در این دوره از آموزش html در مورد تمام تگ های html  به صورت مفصل توضیح داده شده است.

Div:

این تگ برای ایجاد یک  کادر مورد استفاده قرار میگیرد که به صورت زیر میتوان نوشت:

<div style="color:#0000FF">

  <h3>This is a heading</h3>

  <p>This is a paragraph.</p>

</div>

Center:

از این تگ برای وسط قرار دادن کادر ،نوشته،و... مورد استفاده قرار میگیرد برای مثال:

<center>This text will be center-aligned.</center>

P:

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

<p/>متن تست شماره 1 <p>

<p/>متن تست شماره 2 <p>

Pre:

این تگ هم به ما اجازه میدهد که مانند تگ p ایجاد کنیم برای مثال:

<pre>

Text in a pre elemen

is displayed in a fixed-width

font, and it preserves

both      spaces and

line breaks

<pre/>

Br:

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

This text contains<br>a line break.

em:

از تگ em برای ایتالیک کردن (کج کردن متن )مورد استفاده قرار میگیرد برای مثال:

<em>Emphasized text</em>

a:

از این تگ برای ایجاد ارتباط استفاده میکنند و در سایت باعث میشود متن یا تصویر و یا هرچیز دیگر قابل کلیک کردن باشد و به صورت <a></a> نوشته میشود.

Html coding</a><a>

 

 

:b

چنانچه قصد داشته باشیم بخشی از متن با حروف پررنگ نمایش داده شود باید از زوج تگ <b> و <b/> استفاده کنیم . حرف b از حرف اول کلمه Bold گرفته شده است . به مثال زیر توجه کنید :

مثال

 

<html>

<head>

</head>

 <body>

 <p>

this text is not bold .

</p>

 <p>

<b>this text is bold .</b>

</p>

</body>

</html>

نتیجه :

در مثال فوق ، تفاوت بین یک متن Bold و یک متن غیر Bold نمایش داده شده است .

 

Table:

از این تگ برای رسم جدول در صفحات وب استفاده میکنند که برای تکمیل شدن به دو تگ دیگر نیاز دارد که با آن دو سطر و ستون جدول را ایجاد میکنیم که این دو تگ<td></td> و </tr><tr>  برای مثال:

<table>

            <tr>

                         <td>ali</td>

                         <td>mohammad</td>

            </tr>

            <tr>

                            <td>ali</td>

            </tr>

 

</table>

 

Nav:

تگ nav همانند تگ div عمل میکند و به ما یک کادر میدهد که میتوان در آن متن ، عکس ، ویدئو و...قرار داد. برای مثال:

<nav>

                                                                                                                                متن تستی  

</nav>


۱ نظر موافقین ۰ مخالفین ۰ ۲۴ آبان ۹۷ ، ۱۰:۵۰
hasan morady