CSS هم مانند جاوا اسکرپت اين امکان را به ما مي دهد که از يک فايل استايل خارجي براي تعيين خواص بخشهاي مختلف صفحه هاي يک سايت استفاده کنيم. در اين صورت مي توانيم ظاهر همه صفحه ها را با ايجاد يک تغيير کوچک در فايل استايل خارجي تغيير دهيم.
فرض کنيد که رنگ متن همچنين طراحی وب سایت نوع فونت متن صفحه هايمان را در يک فايل استايل تعيين کرده ايم و از آن در طراحي چندين صفحه استفاده کرده ايم، حالا اگر بخواهيم رنگ متن همه اين صفحات را تغيير دهيم تنها کافي است تا رنگ متن را در همان فايل استايل تغيير دهيم و نيازي به تغيير دادن صفحات نداريم.
در ادامه با css بيشتر آشنا خواهيم شد.
جلسه دوم آموزش HTML, متن
نويسنده ADMIN در?? - خرداد - ???? بدون نظر
نکته : در اين جلسه ممکن است از برخي تگ ها استفاده شود که تا کنون توضيحي درباره آن ها داده نشده است. اين مثال ها بيشتر به منظور آشنايي شما با تگ ها و ساختار المنت هاي HTML هستند و در ادامه به صورت مفصل در مورد همه آن ها بحث خواهد شد.
سرعنوان ها (Headings) در HTML
سر عنوان هاي در HTML با استفاده از تگ هاي <h1> تا <h6> تعريف مي شوند.
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
پاراگراف ها در HTML
پاراگراف در HTML با تگ <p> تعريف مي شود.
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
پيوند ها در HTML
لينک ها در HTML با تگ <a> تعريف مي شوند.
<a href="http://iraniantejarat.net/">ايرانيان تجارت</a>
تصاوير در HTML
تصاوير در HTML با تگ <img> تعريف مي شوند.
</pre>
<div><img src="w3schools.jpg" width="104" height="142"></div>
<pre>
اسناد HTML توسط عناصر HTML تعريف مي شوند.
عناصر HTML
عناصر (HTML Element) همه چيز هايي هستند که بين يک تگ شروع و تگ پايان قرار دارد.
</p>This is a paragraph <p>
نکته : تگ شروع معمولا با عنوان تگ باز و تگ پايان معمولا با عنوان تگ بسته نام برده مي شوند.
Syntax عناصر HTML
يک عنصر HTML با تگ آغاز ، شروع مي شود.
يک عنصر HTML به تگ پايان ختم مي شود.
هر چيزي که بين تگ شروع و تگ طراحی وب سایت پايان قرار گيرد را محتواي عنصر مي ناميم.
برخي از عناصر HTML فاقد محتوا هستند .
عناصر بدون محتوا در شروع ، بسته شده اند !
بيشتر عناصر HTML مي توانند صفت هايي را بپذيرند.
* در ادامه با صفت ها بيشتر آشنا خواهيم شد.
سند HTML نمونه
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
فايل بالا از سه عنصر HTML تشکيل شده است.
توضيحات مثال بالا
عنصر <p>
</pre>
<div>
<div><p>This is my first paragraph.</p></div>
</div>
<pre>
-عنصر <p> در صفحات HTML تعريف کننده يک پاراگراف است.
- عنصر <p> داراي تگ شروع <p> و تگ پايان </p> است.
محتواي عنصر <p> عبارت This is my first paragraph است.
عنصر <body>
<body>
<p>This is my first paragraph.</p>
</body>
-عنصر <body> بدنه صفحات HTML را تعريف مي کند.
- عنصر <body> داراي تگ شروع <body> و تگ پايان </body> است.
- محتواي عنصر <body> يک عنصر ديگر است. (عنصر <p> )
عنصر <html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
-عنصر html کل يک سند HTML را تعريف ميکند.
- عنصر <html> داراي تگ شروع <html> و تگ پايان </html> است.
- محتواي عنصر <html> يک عنصر ديگر است. (عنصر <body> )
تگ پايان را فراموش نکنيد !
توجه داشته باشيد که برخي از عناصر HTML در صورتي که فاقد تگ پايان هم باشند به درستي نمايش داده مي شوند.پس همواره دقت داشته باشيد که تگ پايان را فراموش نکنيد.
<p>This is a paragraph
<p>This is a paragraph
مثال بالا در بيشتر مرورگر ها به درستي نمايش داده مي شود به اين علت که تگ پايان را انتخابي در نظر گرفته اند.