Kuidas Teha Veebisaiti HTML-is

Sisukord:

Kuidas Teha Veebisaiti HTML-is
Kuidas Teha Veebisaiti HTML-is

Video: Kuidas Teha Veebisaiti HTML-is

Video: Kuidas Teha Veebisaiti HTML-is
Video: Как получить текст из input? JavaScript 2024, Mai
Anonim

Peaaegu kõik saidid on tänapäeval loodud sisuhaldussüsteemide - CMS-i abil. Kuid ikkagi on programmeerijaid, kes loovad veebilehti käsitsi otse HTML-i märgistuskeeles. Kas soovite saada nende hulka?

Kuidas teha veebisaiti HTML-is
Kuidas teha veebisaiti HTML-is

Juhised

Samm 1

HTML-failide redigeerimiseks kasutage ainult teksti tekstiredaktorit. Salvestage tulemused Unicode'i kodeeringusse - siis pole teil probleeme kirillitsa, ladina tähtede ja umlautidega tähtede, samuti matemaatiliste ja füüsikaliste sümbolite ning kreeka tähtede sümbolite paigutamisega ühele ja samale lehele.

2. samm

Nimetage kõik failid laiendiga.html (jutumärkideta). Nendes nimedes saab kasutada ainult ladina tähti, numbreid, alakriipe ja sidekriipse, kuid mitte mingil juhul muid kirjavahemärke (välja arvatud nime ja laiendit eraldav periood) ja tühikuid.

3. samm

Salvestage saidi avaleht kindlasti faili nimega "index.html" (jutumärkideta). Pange see fail oma hostimise juurkausta. Just selle sisu näeb saidi külastaja, sisestades oma URL-i brauseri aadressiribale ilma täiendavate parameetriteta. Asetage ülejäänud lehe- ja pildifailid samasse kausta.

4. samm

Korrastage igas failis algus- ja lõpplokid. Paigutage need nii, nagu on näidatud joonisel. Esialgse QC-ploki viimasel real - taustavärvi punase komponendi heleduse kuueteistkümnendsüsteemi väärtus vahemikus 00 kuni FF, ЗЗ - sama rohelise komponendi jaoks, CC - sama sinise komponendi jaoks.

5. samm

Asetage lehe sisu algus- ja lõppplokkide vahele.

6. samm

Pidage meeles liiklusmärke koos asulate tähistusega. Kui sildil on lihtsalt nimi kirjas, tähendab see, et see asub selle nimega asula sissepääsu juures. Kui nimi on maha tõmmatud, asub silt sellest väljumisel. Sildis toimib käsu ees olev murdmärk joonena üle liiklusmärgi. Märgendi "avamine" tegevus lõpetatakse, kui sama tekstiga "silt" sulgeb hiljem tekstis.

7. samm

Lõigu alustamiseks kasutage vasakul pildil näidatud silti. Ühe reaga taande saamiseks enne lõiku kasutage paremal joonisel näidatud silti.

8. samm

Kaldkirjas ja rasvases kirjas esiletõstmiseks kasutage joonisel näidatud silte ja nende kombinatsioone.

9. samm

Fondi suuruse ja värvi muutmiseks kasutage ülaltoodud joonisel näidatud käsku, kus CC, ZZ ja SS väärtused on määratletud samamoodi nagu taustavärvi puhul, HIGH on fondi kõrgus punktides. Värvi- või fondisildid võib ära jätta, kui muutub ainult fondi suurus või ainult värv. Selle käsu tühistamiseks kasutage alloleval pildil näidatud silti.

10. samm

Juurdekausta kohapeal salvestatud pildi sisestamiseks lehele kasutage ülaltoodud joonisel näidatud konstruktsiooni. Teise serveri salvestatud pildi sisestamiseks kasutage veidi teistsugust kujundust, nagu on näidatud alloleval joonisel. Ärge lisage kolmandate osapoolte saitidelt pilte ilma autorite nõusolekuta. Mõni sait on piltide sellise kasutamise eest kaitstud.

11. samm

Lehele lingi lisamiseks teisele, mis on kohapeal juurkausta salvestatud, kasutage ülaltoodud joonisel näidatud struktuuri. Kolmanda osapoole saidil asuva lehe linkimiseks muutke seda struktuuri, nagu on näidatud alloleval joonisel.

12. samm

Otsige veebist HTML-i märgistuskeele õpetust ja saate teada, kuidas kasutada ülejäänud silte, mida selles keeles on kümneid.

Soovitan: