آموزش کامل HTML - قسمت ششم


با سلام خدمت دوستان و همراهان همیشگی زُلند .

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

خب CSS مخفف Cascading Style Sheets هست و اگه بخوایم خیلی ساده توضیح بدیم کارش اینه که صفحات وب مارو استایل دهی کنه.مثلا یک ساختمان رو در نظر بگیرید، اسکلت و آجر ها و فلزاتی که در ساختمان بکار برده شده رو HTML فرض کنید. پس رنگ و سنگ نما و بقیه زیبایی ها و استایل های ساختمان میشه CSS.

البته توی دوره CSS توضیحات کاملتری رو خواهیم گفت اما فعلا اینجا در همین حد کافیه.

خب برای استفاده از CSS در HTML ما سه روش داریم :

1.استایل خارجی

2.استایل داخلی

3.استایل درون تگ

روش اول به این معناست که سند HTML خودمون رو به یک CSS خارجی و مجزا لینک کنیم که توی مباحث دوره CSS باهاش کار می کنیم.

روش دوم به این معناست که ما میتونیم از عناصر CSS داخل کدهای HTML خودمون استفاده کنیم. به این صورت که بین تگ <head> یک تگ <style> اضافه کرده و بین تگ های <style> کد های CSS خودمون رو مینویسیم.

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

<head>
<style>
body {background-color:yellow;}
</style>
</head>

خب ما تگ مورد نظرمون رو فراخوانی کردیم و بهش یک استایل دادیم.شما میتونید هر استایلی رو به تگ های HTML خودتون بدید.

روش بدی استایل دهی درون تگ هست،به این صورت که شما داخل کد های HTML خودتون به تگ مورد نظر یه خاصیت رو میدین به این صورت :

<a href=https://www.zoland.org/article/html-tutorial-part6 style=”background-color:red;”>

Zoland.org

</a>

 

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

 

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

In programmers world anything is possible !

5 امتیاز 10 نوشته

این نوشته را با دوستان خود به اشتراک بگذارید...

برای ارسال دیدگاه خود لطفا وارد سایت شوید و یا ثبت نام کنید.