HTML CSS NƏDİR?
Hamımızın bildiyi kimi, HTML və CSS proqram təminatı təlimi üçün əvəzolunmazdır. İnternetin həyatımıza daxil olması ilə veb sayt adlı bir anlayış ortaya çıxdı. Bu konsepsiya zamanla dəyişdi və inkişaf etdi və internetdə yer qazana biləcəyimiz bir platforma oldu. Veb saytlar insanların və ya qurumların İnternetdə tapılmasını və hətta onlarla əlaqə saxlamasını mümkün etmişdir. Bu günə kimi internet saytı olmayan qurum və ya şirkət demək olar ki, yoxdur. Hər kəsin hətta şəxsi bloq saytı olduğunu desəm yalan olmaz. Beləliklə, mövzudan başlasaq, bu veb saytlarda tez-tez rastlaşdığımız HTML və CSS nədir?
HTML nədir?
HTML5 nədir?
HTMI zəngin mətn işarələmə dilidir və Hyper Text Markup Language mənasını verir. Bununla belə, HTML ümumiyyətlə bir dil kimi baxılmır. Əslində etiketlər toplusu kimi təyin olunan HTML veb-saytlar yaratmaq üçün istifadə edilən skript dilidir. Onun genişlənməsi .html və ya .htm kimi müəyyən edilir. HTML dili teq strukturundan ibarət olduğu üçün adətən <> işarələri arasında müəyyən edilir. Burada nəzərə alınmalı olan məqam etiketin necə bağlanacağıdır. Məsələn, <html> kimi açılan bu teq yenidən <html> kimi bağlanmır. </html> işarələrindən istifadə edilməlidir. İstisnalar olsa da, etiketlər ümumiyyətlə bu şəkildə bağlanır.
HTML proqramlaşdırma dili olmadığı üçün kompilyasiyaya ehtiyac yoxdur. Siz həmçinin standart mətn sənədinə HTML kodu sətirlərini yaza bilərsiniz. Daha sonra sənədi .html olaraq saxladığınız zaman həmin sənədi brauzerinizdə aça və nə etdiyinizi asanlıqla görə bilərsiniz. Bəs niyə HTML istifadə olunur?
Niyə HTML istifadə edin?
HTML-ni veb saytın skeleti kimi düşünə bilərsiniz. Skeletsiz veb sayt ağlasığmaz olduğundan, HTML-nin əslində nə qədər vacib olduğunu görə bilərik. Əgər vebsayt və ya veb-saytın hər hansı bir hissəsi yazılacaqsa, əvvəlcə onun skeleti yaradılır. Daha sonra bu skeletə müəyyən paltar və hissələr geyindirilir. Sadə bir HTML kodu nümunəsini sizinlə paylaşaq.
Sadə HTML kodu nümunəsi
<html>
<baş>
<title>Brauzer tabında görünən başlıq mətni mənəm :)</title>
</head>
<bədən>
<h1>Bu Başlıqdır</h1>
<p>Bu mənim ilk abzasdır. Salam HTML. Salam Dünya</p>
</body>
</html>
Göründüyü kimi, HTML teqləri müəyyən ardıcıllıqla açılır və bağlanır. Aralarındakı sətir məlumatları brauzerdə sadə məzmun kimi əks olunur. HTML, bu teqlərin adətən təşkil edildiyi və onları daha dərinləşdirmək üçün digər proqramlaşdırma dilləri ilə birləşdirildiyi bir sistemdir. Biz CSS ilə HTML kodları rəngləndirə və forma verə bilərik. Beləliklə, gəlin tez bir zamanda CSS-nin nə olduğuna və onun necə işlədiyinə nəzər salaq.
CSS nədir?
CSS nədir? Ən çox istifadə olunan CSS kodları
CSS, Cascading Style Sheets mənasını verən səhifə formatlaşdırma sistemidir. Ən əsas formada, CSS HTML teqlərimizin vizual olaraq daha ətraflı olmasına imkan verir. Etiketlərimizi formatlamaq üçün istifadə etdiyimiz CSS kodları rəng, şrift, fon rəngi, genişlik, hündürlük, mövqe statusu, şəbəkə düzümü və ya müxtəlif animasiyalar kimi vəziyyətləri idarə edir. CSS-də bəzi seçicilər var. Bunlar ikiyə bölünür: id və sinif. Biz bu seçiciləri HTML teqlərimizə yerləşdiririk və bu teqləri CSS kodları ilə formatlayırıq. Məsələn, biz <div class=”container”>Salam</div> teqimizi .container{} CSS seçicisi ilə formatlaya bilərik.
Qısaca olaraq bunu sizə belə izah edə bilərik:
HTML kodu:
<h1 class=”selici”>Salam Dünya</h1>
Biz <h1> teqi üçün selektor təyin etdik. (class=”selici”)
CSS kodu:
.selici {
şrift ölçüsü: 20px;
rəng: qırmızı;
eni: 100%;
hündürlük: 50px;
}
Biz HTML teqimizi .selici ilə seçdik. Bu, CSS-də “Mən bu teqi redaktə etmək istəyirəm” deməkdir. Daha sonra mətn ölçüsünü şrift ölçüsü ilə, mətn rəngini rənglə, etiketin üfüqi ölçüsünü eni ilə, etiketin hündürlüyünü isə hündürlüyü ilə təyin edirik. Bəs niyə və harada CSS-dən istifadə edirik?
Niyə CSS istifadə edirik?
HTML ilə yaratdığımız skelet strukturlarını vizual olaraq təkmilləşdirmək üçün əsasən CSS-dən istifadə edirik. Etiketlərin rəngini, ölçüsünü, bucağı və ya mövqeyini müəyyən edərək, göz oxşayan formalar yaradırıq. Biz həmçinin bu teqləri digər proqramlaşdırma dilləri ilə interaktiv edirik. Bəs bunlar üçün hansı proqramlaşdırma dilləri istifadə olunur?
javascript
JavaScript nədir? Ən çox istifadə olunan JavaScript kodları
Javascript, front-end tərtibatçıları tərəfindən tez-tez istifadə olunan proqramlaşdırma dillərindən biridir. HTML və CSS kodlarını müştəri ilə interaktiv etmək üçün istifadə edilən bu proqramlaşdırma dili sizə vebsaytda nail olmaq istədiyiniz istənilən vəziyyəti təklif edir. Gələcəkdə front-end developer olmaq istəyirsinizsə, HTMI CSS, Javascript və sonrakı Javascript çərçivələrini öyrənə bilərsiniz.
Smartpro proqram təminatı kursları
Əgər siz öz gələcəyinizə investisiya qoymaq və bu mənada proqram təminatı öyrənmək istəyirsinizsə, əgər istəyirsinizsə, Smartpro əla seçim ola bilər. Hər semestrdə bir çox tələbəni proqram təminatı ilə tanış edən və daha sonra aylarla keyfiyyətli təlim keçərək onlara işə düzələn Smartpro proqram təminatı kursları baxımından sektorun qabaqcıllarındandır. Proqram təminatı kurslarını keçdikdən sonra istənilən iş yerində işləyə biləcəksiniz. Bununla belə, tələbələrin proqram sənayesində özlərini təkmilləşdirmələri də çox vacib məsələdir. Dəstəkləməsəniz öz inkişafı və təcrübənizlə öyrəndiklərinizi tez unuda bilərsiniz. Ona görə də hər gün öyrəndiklərinizi təkrarlamaq, hətta özünüz planlaşdırdığınız bir layihəni yazmaq faydalıdır. HTML və CSS təcrübə zamanı əla nəticələr verən və təcrübə zamanı çoxlu araşdırmalar aparılan iki dildir. Bu mövzu ilə bağlı hər hansı bir sualınız varsa, aşağıda şərh yaza bilərsiniz.