HTML-is kirjutage esmalt sõnu ja lisage sellele elemente või silte, mis seejärel ilmuvad teie lehele. Sel viisil saab brauser teada lehe pealkirja, lõike algust ja lõppu jne.
CSS-is kasutatakse reegleid, kasutades CSS-i omadusi. CSS-i omadused liigitatakse üldiselt kaheks laiemaks kategooriaks. Esiteks on esitlus, mis täpsustab teksti värvi, fondi tüüpi, fondi suurust, taustavärve, taustapilte jne.
Kasutades nii HTML kui ka CSS, koostatakse täielik veebilehe liides.
Võrdluskaart
| Võrdluse alus | HTML | CSS |
|---|---|---|
| Põhiline | Dikteerib veebilehtede sisu ja struktuuri. | Muudab HTML-elementide disaini ja kuvamist. |
| Asjakohasus | CSS-i saab kasutada HTML-failides. | HTML-i ei saa kasutada CSS-stiililehtedel. |
| Koosneb | Sisu ümbritsevad märksõnad. | Valijad on deklaratsiooniploki järel. |
| Kasutamismeetodid | Kindlaksmääratud meetodeid ei ole. | Koodi rakendamiseks võib kasutada sisemist CSS-koodi, sisemist ja välist stiili. |
HTML-i määratlus
HTML on veebi dokumentide (veebilehtede) määratlemise märgistuskeel. HTML laieneb Hyper Text Markupi keelele, lisab standardse inglise teksti " markups ". „ Hyper text “ tähendab hüperlinke, mis seostavad veebilehti üksteisega.
Märgistamiskeel on rühm märgistusmärke, mis määravad lehekülje struktuuri. Iga HTML-silt kirjeldab erinevat dokumendi sisu. HTML on kasvav keel, mis sageli muutub, ning standardite ja spetsifikatsioonide läbivaadatud rühm, mis võimaldab lihtsamate ja funktsionaalsemate saitide loomist.
HTML ei ole tõstutundlik.
Näide:
- HTML- märgendid on põhimõtteliselt märksõnad (sildi nimed), mis on suletud nurksulgudes ja tavaliselt tulevad paaridesse.
sisu
- HTML- element kirjeldab veebilehe konkreetset osa.
- Sisu on veebisaidil kuvatud tekstid, lingid, pildid või muu teave.
- Start- silt on HTML-element, mida kasutatakse elemendi alguse tähistamiseks.
- Lõppmärgis sulgeb HTML-elemendi üksikute elementide eristamiseks.
CSSi määratlus
CSS on lühend Cascading Style Sheets, mis võimaldab teil luua reegleid, mis määravad HTML-elementide kuvamise ekraanil. See on täiendus põhilisele HTML-ile, mis võimaldab kujundada veebilehti.
CSS säästab palju tööd, kontrollides korraga mitme veebilehe paigutust. CSS-stiile saab oma veebisaidile rakendada kolmel erineval viisil: inline, sisemine ja väline stiili.
Näide:
- CSS-deklaratsioonid jäävad lokkis sulgudes ja igaüks koosneb kahest osast: vara ja selle väärtusest, eraldatuna käärsoolega. Ühes deklaratsioonis saab määrata mitmeid omadusi, millest igaüks on eraldatud poolkooloniga.
- Valijad näitavad, millist HTML-elementi soovite kujundada.
- Deklaratsioon hõlmab käärsoolega eraldatud vara ja väärtust. Lisaks on kõik deklaratsioone sisaldavad lokkis traksid tuntud kui deklaratsiooniplokk .
- Atribuudid tähistavad elementide aspekte, mida soovite muuta.
- Väärtused määravad seaded, mida soovite valitud omadustes rakendada.
Peamised erinevused HTML ja CSS vahel
- HTML on märgistuskeel, mis kirjeldab veebilehtede sisu ja struktuuri. Teisest küljest on CSS HTML-i laiendus, mis muudab veebilehtede disaini ja kuvamist.
- HTML-fail võib sisaldada CSS-koodi, samas kui CSS-stiililehed ei tohi kunagi sisaldada HTML-koodi.
- HTML sisaldab sisu ümbritsevaid silte . Arvestades, et CSS, mis koosneb valijatest, mille järel on deklaratsiooniplokk .
HTML-i eelised
- Lihtne kasutada ja on lahtine süntaks (kuigi liiga paindlik, ei järgi standardeid).
- Kasutatakse laialdaselt, mis on loodud peaaegu igal veebisaidil ja mida toetab iga brauser.
- Analoogne XML-süntaksiga, mida kasutati üha enam andmete salvestamiseks.
- See on tasuta, sest te ei pea tarkvara ostma.
- Lihtne õppida ja koodida isegi algajatele.
CSSi eelised
- CSS säästab teie aega, kirjutades korraga CSS-i ja kasutades sama lehte korduvalt.
- Leheküljed tarbivad vähem koormust, kuna kood on väiksem.
- Lihtne hooldada, globaalseid muutusi on lihtne kasutada.
- CSS-l on paremad HTML-stiilid ja palju laiemad atribuudid.
- Mitme seadme ühilduvuse tagamine.
- Nüüd hukka HTML-atribuudid ja soovitatakse kasutada CSS-i kõigis HTML-lehekülgedes, et muuta need tulevaste brauseritega ühilduvaks.
- Toetab võrguühenduseta sirvimist võrguühenduseta vahemälu abil.
- Skript annab püsiva platvormi sõltumatuse ja toetab ka viimaseid brausereid.
HTML-i puudused
- Kuna see on staatiline keel, ei saa see luua dünaamilist väljundit.
- Pakub piiratud turvaelemente.
CSS-i puudused
Killustatus - CSS muudab iga brauseriga erinevad mõõtmed. Enne mis tahes veebisaidi või mobiilirakenduse rakendamist peaksid programmeerijad kaaluma ja testima kõiki koode üle mitme brauseri, et ühilduvusprobleeme ei tekiks.
Järeldus:
Veebilehekülgede loomiseks kasutatakse nii HTML kui ka CSSi mõlemat veebipõhist skriptikeelt. Kuigi need erinevad mitmel viisil, nagu süntaktiline struktuur, rakendusmeetodid, kasutusmugavus ja sellised omadused nagu keele toetatavad atribuudid. Kuid CSS asendab HTML-i, kuna see pakub rohkem funktsioone ja paindlikkust.
