HTML sistemoje, pirmiausia, rašote žodžius, po to pridėti elementų ar žymų, kurie po to pasirodo jūsų puslapyje. Tokiu būdu naršyklė sužino puslapio antraštę, pastraipos pradžią ir pabaigą ir pan.
CSS taisyklėse naudojamos CSS savybės. CSS savybės paprastai skirstomos į dvi plačias kategorijas. Pirmiausia pateikiamas tekstas, kuriame nurodoma teksto spalva, šrifto tipas, šrifto dydis, fono spalvos, fono paveikslėliai ir kt. Antra yra išdėstymas, kuris apibrėžia įvairių elementų padėtį ekrane.
Naudojant tiek HTML, tiek CSS, sukuriama visa tinklalapio sąsaja.
Palyginimo diagrama
| Palyginimo pagrindas | HTML | CSS |
|---|---|---|
| Pagrindinis | Diktuoja tinklalapių turinį ir struktūrą. | Pakeičia HTML elementų dizainą ir rodymą. |
| Aktualumas | CSS gali būti naudojamas HTML failuose. | HTML negalima naudoti CSS stiliaus lapuose. |
| Susideda iš | Žymos, susijusios su turiniu. | Pasirinkėjai sekė deklaracijos bloku. |
| Naudojimo metodai | Nėra apibrėžtų metodų. | Kodo įvedimui gali būti taikomas bet kokio metodo panaudojimas. |
HTML apibrėžimas
HTML yra žymėjimo kalba, skirta apibrėžti žiniatinklio dokumentus (tinklalapius). HTML plečiasi į „ Hyper Text Markup“ kalbą, ji prideda „ žymes “ į standartinį anglų tekstą. „ Hyper text “ reiškia nuorodas - „ Hyper“ nuorodas, kurios susieja tinklalapius.
Žymėjimo kalba yra žymių žymių grupė, apibrėžianti puslapio struktūrą. Kiekvienas HTML žyma apibūdina skirtingą dokumento turinį. HTML yra auganti kalba, kuri dažnai keičiasi, ir pateikiama patikslinta standartų ir specifikacijų grupė, leidžianti lengviau sukurti patrauklias ir funkcionalesnes svetaines.
HTML nėra didžiosios ir mažosios raidės.
Pavyzdys:
- HTML žymės iš esmės yra raktiniai žodžiai (žymų pavadinimai), kurie yra uždaromi kampuose ir paprastai būna poromis.
turinys
- HTML elementas aprašo konkretų tinklalapio skyrių.
- Turinys yra tekstai, nuorodos, vaizdai ar kita informacija, rodoma jūsų tinklalapyje.
- Pradžios žyma yra HTML elementas, naudojamas elemento pradžiai nurodyti.
- Galutinė žyma uždaro HTML elementą, kad būtų galima atskirti atskirus elementus.
CSS apibrėžimas
CSS yra Kaskados stiliaus lapų akronimas, kuris leidžia jums sukurti taisykles, kurios nurodo HTML elementų vaizdavimą ekrane. Tai yra papildymas prie pagrindinio HTML, leidžiančio kurti savo puslapius.
CSS taupo daug darbo, vienu metu valdydama kelių tinklalapių išdėstymą. CSS stiliai gali būti įgyvendinami trimis skirtingais būdais: jūsų interneto, vidinės ir išorinės stilių lentelės.
Pavyzdys:
- CSS deklaracijos lieka garbanos skliausteliuose ir kiekviena iš jų susideda iš dviejų dalių: nuosavybės ir jos vertės, atskirtos dvitaškiu. Vienoje deklaracijoje galite apibrėžti daugybę savybių, kurių kiekvienas atskiriamas pusiau dvitaškiu.
- Pasirinkėjai nurodo, kurį HTML elementą norite stiliaus.
- Deklaracija apima nuosavybę ir vertę, atskirtą dvitaškiu. Be to, garbanos briaunos, kuriose yra visos deklaracijos, yra žinomos kaip deklaracijos blokas .
- Savybės reiškia elementų, kuriuos norite keisti, aspektus.
- Vertės nurodo nustatymus, kuriuos norite taikyti pasirinktose ypatybėse.
Pagrindiniai skirtumai tarp HTML ir CSS
- HTML yra pagrindinė žymėjimo kalba, kurioje aprašomas tinklalapių turinys ir struktūra. Kita vertus, CSS yra HTML, kuris keičia tinklalapių dizainą ir rodymą, plėtinys.
- HTML faile gali būti CSS kodo, o CSS stilių lentelėse niekada negali būti HTML kodo.
- HTML susideda iš turinio turinčių žymių . Kadangi CSS, sudarytas iš atrankos, pakeista deklaravimo bloku.
HTML privalumai
- Paprasta naudoti ir turi laisvos sintaksės (nors pernelyg lankstus, nesilaikys standartų).
- Plačiai naudojamas, sukurtas beveik visose svetainėse ir palaikomas kiekvienoje naršyklėje.
- Analogiškas XML sintaksei, kuri vis dažniau naudojama duomenų saugojimui.
- Tai nemokama, nes nereikia pirkti jokios programinės įrangos.
- Lengva išmokti ir koduoti net pradedantiesiems.
CSS privalumai
- CSS išsaugo jūsų laiką, vieną kartą rašydamas CSS ir pakartotinai panaudodamas tą patį lapą keliuose puslapiuose.
- Puslapiai suvartoja mažiau laiko, nes mažiau kodo.
- Lengva prižiūrėti, visuotinius pokyčius lengva naudoti.
- CSS turi geresnius HTML stilius ir daug platesnį atributų spektrą.
- Įvairių įrenginių suderinamumo užtikrinimas.
- Dabar HTML atributai yra apgailestaujami, todėl patariama naudoti CSS visuose HTML puslapiuose, kad jie būtų suderinami su būsimomis naršyklėmis.
- Palaiko neprisijungus naršymą neprisijungusios talpyklos pagalba.
- Scenarijus suteikia nuolatinę platformos nepriklausomybę ir gali palaikyti naujausias naršykles.
HTML trūkumai
- Kadangi tai yra statinė kalba, ji negali generuoti dinaminės išvesties.
- Siūlomos ribotos saugumo funkcijos.
CSS trūkumai
Fragmentacija - CSS suteikia skirtingus matmenis su kiekviena naršykle. Programuotojai turėtų apsvarstyti ir išbandyti visus kodus keliose naršyklėse, prieš pradėdami bet kokią svetainę ar mobiliąją programą, kad nebūtų jokių suderinamumo problemų.
Išvada:
HTML ir CSS abu kliento pusės žiniatinklio scenarijų kalbos naudojamos kuriant tinklalapius. Nors jie įvairiais būdais skiriasi, pavyzdžiui, sintaksine struktūra, įgyvendinimo metodais, naudojimo paprastumu ir funkcijomis, tokiomis kaip atributai, palaikomi kalbos. Tačiau CSS pakeičia HTML, nes siūlo daugiau funkcijų ir lankstumo.
