Lihtne CSS-stiilitabeli loomine Notepadi abil

See Selgitatud õpetab, kuidas kasutada Windowsi Notepadi rakendust HTML-is ja CSS-is kirjutatud veebilehe teabe salvestamiseks. HTML on programmeerimiskeel, mida kasutatakse teie veebilehe loomiseks, samas kui CSS on keel, mis määrab veebilehe HTML-i elementide stiilivärvi, fondi jms.

1
Avage Notepad. Avage Start , tippige märkmik ja klõpsake Start akna ülaosas sinist rakendust Notepad.

2
Märkige dokumendi tüüp. Tippige Notepadisse , seejärel vajutage uue rea alustamiseks ↵ Enter.

3
Lisage HTML-märgend. Sisestage ja vajutage sisestusklahvi ↵.

4
Sisestage silt BODY. Sisestage ja vajutage sisestusklahvi ↵. Nüüd saate alustada oma veebilehe teabe sisestamist.

5
Lisage päis. Sisestage

TEXT

, asendades kindlasti “TEKST” eelistatud lehepealkirjaga ja vajutage sisestusklahvi ↵. Näiteks kui soovite luua lehe päise, mis ütleb “Tere tulemast!”, sisestage < h1>Tere tulemast!

Notepadi.

6
Lisage tekst päise alla. Sisestage TEXT, asendades kindlasti “TEKST” oma eelistatud sõnumiga ja vajutage sisestusklahvi ↵. Näiteks teksti “Ma olen iguaan” lisamiseks sisestage Ma olen iguaan Notepadisse.

7
Lisage rohkem päiseid ja lõike. Igal järgneval päisel ja lõigul peab olema kasvav number; Näiteks teie teise päise ümber on sildid

ja teises lõigus on sildid . Veenduge, et jätkate iga rea ​​järel sisestusklahvi ↵ vajutamist koodist.

8
Sulgege sildid BODY ja HTML. Kui olete oma viimase koodirea sisestanud, tippige oma reale ja vajutage ↵ Enter, seejärel tippige. Teie dokument on nüüd CSS-iga kujundamiseks valmis.

9
Saate aru, kuidas CSS töötab. Kasutate CSS-i HTML-elemendi (nt lõigu) välimuse muutmiseks. CSS kirjutatakse tavaliselt järgmises reahaaval vormingus: element tag { (näiteks p {)modifier: property; (näiteks font-size: 20px;)muutja: omadus; (näiteks värv: must;)}

10
Asetage ja siltide vahele tühik. Need peaksid asuma lehe ülaosas.

11
Sisestage HEAD silt. Sisestage ja vajutage sisestusklahvi ↵.

12
Lisage STYLE silt. Sisestage

ja vajutage sisestusklahvi ↵, seejärel sisestage ja vajutage sisestusklahvi ↵. Teie CSS-leht on valmis, mis tähendab, et saate selle nüüd üle vaadata ja salvestada.

18
Vaadake üle oma CSS-laaditabel. Teie CSS-dokument võib veidi erineda, kuid see peaks välja nägema umbes selline:

Tere!

Ma olen iguaan

19
Klõpsake nuppu Fail. See asub Notepadi akna vasakus ülanurgas. Ilmub rippmenüü.

20
Klõpsake nuppu Salvesta nimega. Näete seda rippmenüü allosas. Sellel klõpsates avaneb aken.

21
Valige salvestuskoht. Klõpsake akna vasakus servas kaustal (nt töölaud).

22
Klõpsake rippmenüüd “Salvesta tüüp”. Ilmub rippmenü