Kaip sukurti HTML tinklalapį „Notepad“

Nuo 1993 m. Prasidėjo kažkas, kas visiškai pakeistų mūsų kasdienio gyvenimo būdą, ir tada buvo paleista „Mosaic“ naršyklė, sukurianti tai, ką šiandien žinome kaip tinklalapius. Kodėl sakome, kad tai pakeičia mūsų gyvenimą, paprasta, nes šiandien randame daugiau nei 1100 milijonų tinklalapių su įvairia informacija, dizainu, struktūra, kalbomis ir dar daugiau.

Akivaizdu, kad yra profesionalių, tarpinių ir kitų mėgėjų tinklalapių, tačiau visi jie turi suteikti tam tikros rūšies informaciją juos lankantiems žmonėms. Štai kodėl, jei norite žinoti, kaip šiandien sukurti tinklalapį, „Solvetic“ paprastai paaiškins, kaip tai padaryti, programavimo kalba naudojant „Notepad“ ir HTML.

HTML („HyperText Markup Language“) yra programavimo kalba, leidžianti dinamiškai kurti tinklalapius su puikiomis redagavimo funkcijomis.

1. Kaip sukurti tinklalapį „Notepad“

1 žingsnis
Norėdami pasiekti bloknotą, galime naudoti bet kurią iš šių parinkčių:

  • Naudokite „Windows + R“ klavišus ir vykdykite komandą „Notepad“
  • Naudokite „Cortana“ arba „Windows 10“ paieškos laukelį.

2 žingsnis
Kai atidarysime bloknotą, eisime į meniu Failas ir ten pasirenkame „Išsaugoti kaip“ arba galime naudoti klavišus „Ctrl“ + „Shift“ + S:

Ctrl + Shift + S

3 žingsnis
Spustelėję ten einame į kelią, kuriame jis turi būti išsaugotas, ir pagal numatytuosius nustatymus pamatysime:

4 žingsnis
Kadangi esame užrašų knygelė, matome, kad numatytoji reikšmė yra .txt, norėdami ją redaguoti, rodome parinktis lauke Tipas ir pasirenkame „Visi failai“. Mes priskiriame failo pavadinimą, po kurio yra plėtinys .html:

Spustelėkite „Išsaugoti“, kad pritaikytumėte pakeitimus.

2. Žiūrėkite svetainės struktūrą

1 žingsnis
Kai išsaugosime failą su plėtiniu .hmtl, laikas tęsti jo redagavimą, pridėjus tinklalapio HTML kalbos žymą. Tam mes įvedame šiuos duomenis:

 

2 žingsnis
Dabar mes pridėsime antraštės žymas arba „galvas“, šių žymų tikslas yra pažymėti sukurto puslapio pavadinimo pradžią ir pabaigą. Norėdami tai padaryti, rašysime po etiketės „“, du kartus paspauskite klavišą „Enter“, kad paliktumėte tarpą, tada vėl rašykite:

3 žingsnis
Kitas žingsnis bus pridėti tinklalapio pavadinimą, šis pavadinimas bus tarp „“ žymų ir eis po „head“ žymėmis taip. Priskirtas pavadinimas bus tas, kurį matysime naršyklės skirtuke.

4 žingsnis
Atėjo laikas pridėti „body“ žymes, kurios yra po etikete, o body funkcija yra leisti tinklalapio kodui pereiti tarp šių žymų ir būti matomam vartotojui:

 

5 žingsnis
Kitas žingsnis bus uždaryti HTML kalbos žymą, tai yra paskutinė žyma faile ir tai yra HTML žyma, nurodanti puslapio pabaigą. Norėdami tai padaryti, mes rašysime po žyma „“, kad uždarytume HTML žymą:

Pakeitimus išsaugome naudodami klavišus Ctrl + G arba meniu Failas / Išsaugoti.

6 žingsnis
Atėjo laikas pridėti elementus prie tinklalapio, visi šie elementai turi būti po žymos „“ ir prieš „“, kad jie būtų matomi.

Pirmasis elementas, kurį reikia pridėti, bus pagrindinė tinklalapio antraštė, todėl mes įvedame tarp žymų „“ ir įvedame norimą tekstą tarp:

Naudodami šią HTML kalbą galime naudoti žymas "" iki "", kad sukurtumėte mažesnio dydžio antraštės tekstą.

7 žingsnis
Toliau į tinklalapį pridėsime pastraipų, pastraipų žymos yra "" ir tarp jų įvesime svetainės tekstą:

Solvetiškas internetas - susitikimo vieta profesionalams ir technologijų mėgėjams

DIDELIS

8 žingsnis
Norėdami puslapyje pridėti pastraipos pertrauką, turime įvesti
po paskutinės eilutės žymos, kurią pridėjome, pavyzdžiui:

Solvetiškas internetas - susitikimo vieta profesionalams ir technologijų mėgėjams

n

Bendruomenė, kuri ne kartą nustebins ir padės

DIDELIS

PastabaGalime pridėti žymą "
Papildoma ", norint sukurti tarpą tarp pirmos ir antros pastraipos.

9 veiksmas
Atėjo laikas suformatuoti įvestą tekstą, pvz., Paryškintą, kursyvą, viršutinį indeksą, apatinį indeksą ar pabraukimą, galimos etiketės bus:

  Paryškintas tekstas   Tekstas kursyvu  Pabrauktas tekstas  Viršutinis tekstas   Abonemento tekstas 

DIDELIS

3. Kaip patvirtinti tinklalapį

1 žingsnis
Norėdami patvirtinti, kad viskas veikia taip, kaip tikėtasi, einame į kelią, kuriame buvo išsaugotas HTML failas, dešiniuoju pelės mygtuku spustelėkite jį ir pasirinkite Atidaryti su ir pasirinkite norimą naršyklę:

2 žingsnis
Spustelėję ten pamatysime mūsų sukurtą struktūrą:

DIDELIS

Štai taip paprasta išmokti sukurti tinklalapį „Notepad“ naudojant „Solvetic“ ir taip sukurti pagrindinį žiniatinklį kelioms užduotims, kurių jums gali prireikti.

Padėsite svetainės plėtrą, dalintis puslapį su draugais

wave wave wave wave wave