1. Sākums
  2. Dokumentācija
  3. HTML un CSS pamācības – kā izveidot mājas lapu bez priekšzināsanām 2020

HTML un CSS pamācības – kā izveidot mājas lapu bez priekšzināsanām 2020

HTML un CSS pamācības – kā izveidot mājas lapu bez priekšzināsanām

Ja vēlies iemācīties izveidot mājas lapas pats un Tev nav pilnīgi nekādas pieredzes mājas lapu izstrādē, tad Tev jāsāk ar CSS un HTML apgūšanu.  Šajā sadaļā atradīsi HTML pamācības un CSS pamācības iesācējiem, kuriem nav nekādu priekšzināšanu mājas lapu izveidē.

Mājas lapu izveidē tiek lietotas vairākas tehnoloģijas, vienkāršākās no tām ir HTML valoda un CSS. Vienkāršiem vārdiem, paskaidrojot, HTML ir mājas lapas skelets, savukārt, CSS ir tas, kā šis skelets tiek “ietērpts”, ārējais veidols (krāsas, fonti, novietojums, izmēri).

HTML ir Hyper Text Markup Language. HTML nav programmēšanas valoda, bet tā ir hiperteksta iezīmēšanas valoda. HTML valodā tiek izmantoti tagi, lai iezīmētu elementus. HTML dokumenti sastāv no HTML tagiem. Katrs tags apzīmē kādu dokumenta elementu. <tags> saturs </tags>. Mājas lapa sastāv no HTML dokumentiem.

CSS  – Cascading Style Sheet. Ar CSS palīdzību HTML elementiem var piešķirt stilu (krāsas, izmērus, fontus u.c.) un norādīt elementu izvietojumu lapā. Tiek izveidots atsevišķa stila lapa/-as, kurā norāda HTML elementu īpašības, piemēram paregrāfa teksta fonta izmēru, krāsu un šriftu. CSS sniedz iespēju uzstādīt šīs īpašības uzreiz visos HTML dokumentos vienlaicīgi, ierkastot vienreiz CSS failā, piemēram, ka visi paregrāfi visā mājas lapā būs Times New Roman šriftā. Ja izmantotu tikai HTML, tad pie katra paregrāfa atsevišķi būtu jāieraksta fonts katram paregrāfam. Lai HTML dokumenti izmantotu šo CSS, katrā HTML dokumentā ir jānorāda saite uz CSS dokumentu un visas CSS failā norādītās īpašības, tiks izmantotas HTML dokumentā.

Uzskatāmībai piemērs kā viena un tā pati mājas lapa izskatās bez CSS un kā izskatās, kad pievienots CSS.

Mājas lapas fragments bez CSS (HTML), nav pievienoti fonti, izvietojums ar CSS palīdzību:

Mājas lapas fragments ar CSS (HTML+CSS) pievienoti fonti, izvietojums, krāsas:

Pamācības

Vai šis raksts Jums noderēja? 2

Sazinies ar mums!