Kuidas luua HTML-koode kasutades veebilehte

HTML on veebi keel. HTML koosneb sulgudest, mis ümbritsevad teksti ja graafikat ning ütlevad veebibrauserile, mida nendega teha. HTML-koodi raamatukogu sisaldab silte, mis kontrollivad fondi, stiili ja sisestust, samuti spetsiaalseid kuvamisvorminguid, nagu tabelid, loendite loendid ja teksti mähkimine. Enamik HTLM-siltidest on paarid, mis hoiatavad brauserit, millal teatud funktsiooni käivitada ja millal lõpetada. Teatud atribuudid, mida sildi sulgudes sisestate, täpsustavad selle märgendi funktsiooni.

Kirjutage HTML-kood

1.

Avage Notepad, mis asub kausta "Tarvikud" menüü "Start" all.

2.

Tippige sild "" - jätke väljapoole sulgudes olevad jutumärgid siin ja kogu lehel - lehe ülaosas. Järgmisel real lisage silt "". See sildikombinatsioon ütleb brauserile, et oodata HTML-koodi järgimist.

3.

Vajutage mõnele reale tagasi ja kirjutage dokumendi allosas "". Seda tehes ei lase teil hiljem avada sildi sulgemist.

4.

Klõpsake avamis- ja sulgemismärgendite vahel ükskõik millises tühjal real. Ärge muretsege, kas teie koodi vahel on täiendavaid ridu. Brauser ignoreerib kõiki HTML-dokumendi tühjusid.

5.

Tippige märgendite string "." Avamise ja sulgemise vahele sisestage oma veebilehe pealkiri. Näiteks Joe Smithi isiklik veebileht võib sisaldada koodi Tere tulemast Joe Smithi kodulehele.

6.

Sisestage sild "" järgmisele reale, seejärel lisage veel mõned tühjad read ja tippige sild "" sild. Kogu veebilehe sisu asub nende siltide vahel.

7.

Klõpsake ükskõik millisel tühjal real sulgemismärgi kohal ja tippige uus tekstiosa alustamiseks sild. Klõpsake avamise ja sulgemise vahel

teksti lisamiseks sildid. Iga uus lõik peab algama numbriga a

silt või brauser ei tea, et tekst uut rida teisaldada.

8.

Muutke oma lõigu kirjatüüpi sildi atribuudiga "stiil" ja "font-pere" sees

sildi abil

kus "name_of_font" on konkreetne font, mida soovite selles lõigus teksti kuvada. Näiteks, kui Joe Smith tahtis muuta oma lõikefondi Verdana, näeks kood välja

.

9.

Aseta tekst vahele ja sildid, kui soovite rasvases kirjas või kaldkirjas.

10.

Lisage sildiga oma lehele pilt . See on üks väheseid HTML-silte, mis ei vaja sulgemistähist. Sisse Kasutage pildifaili asukoha määramiseks atribuuti "src". Näiteks, kui Joe Smith tahtis oma veebilehele enda pildi lisada, kasutab ta seda koodi

. Atribuut "alt" kirjeldab nägemispuudega inimeste pilti, kasutades veebi sirvimiseks ekraanilugejaid või juhul, kui pilt ei pääse brauseri aknasse.

11.

Lisage sildiga oma lehele hüperlink. Tippide vahele tippige tekst, mida külastaja sellele lehele klõpsab. Avamismärgise sees kasutage atribuuti "href", et täpsustada URL, millele link viib teid klõpsamisel. Näiteks, kui Joe Smith tahtis oma veebilehe linki oma õde Sally Smithi veebilehe külge panna, kasutab ta koodi Klikkige siia, et külastada minu õde Sally lehekülge.

Salvestage fail HTML-vormingusse

1.

Klõpsake menüüs Notepad "File" ja valige käsk "Save As". Valige rippmenüüst "Salvesta tüüp" "Kõik failid ( . )".

2.

Andke oma failile "Failinimi" lahtrisse üks sõna ja lisage failinime lõppu laiend ".HTM".

3.

Klõpsake nuppu "Salvesta", et salvestada see Notepadi fail HTML-failina.

4.

Paremklõpsake salvestatud faili ikooni ja valige hüpikmenüüst „Ava”. Soovitatavate rakenduste loendist valige veebibrauseri rakendus, et kontrollida, kuidas veebileht veebiserverisse üleslaadimisel kuvatakse.

Nõuanded

  • Silt lisab automaatselt eelmise lõigu ja järgmise loetavuse punkti vahel veidi lisaruumi. Kui soovite vähem rida ruumi, kasutage sildi lihtsaks reavahetuseks lõike pausi asemel.
  • Konkreetse fondi stiili rakendamiseks kogu veebilehe asemel lõigu järgi kasutage märgendit dokumendi ülaosas oleva sildi järel. Märgistage sildi sees kõigi koodidega märgistatud fondid:
  • p {font-family: verdana;}
  • HTML-koodifailid vajavad lihtsa teksti vormingut ja faililaiendit .HTM, et brauser koodi ära tunda ja käivitama. Koodi käsitsi sisestamisel on oluline kasutada ainult tekstiredaktorit, mistõttu Notepad sobib selle ülesande täitmiseks. Wordpad ja Microsoft Word võivad samuti toimida lihtteksti redaktoritena, kuid peate meeles pidama, et HTML-koodi fail salvestatakse dialoogiboksi „Salvesta kui“ („Save As”). Mõlemad programmid lisavad failile laienduse ".TXT", kuid saate failinime laiendust hiljem ".HTM" muuta, klõpsates Windows Exploreris paremklõpsates faili ikoonil.

Hoiatused

  • Sildi või sildi fondi määramisel pidage meeles, et brauserid saavad kuvada ainult veebilehte vaatava arvuti operatsioonisüsteemis leiduvaid fonte. Kui arvutil ei ole fondi, kuvatakse tekst brauseri vaikeväärtuses, tavaliselt Times New Romanis.
  • Kui üritate sisestada HTML-koodi Microsoft Wordi ja salvestada tekst HTML-i asemel lihttekstina, siis Word ei tõlgenda HTML-koode ja toota veebilehte. Selle asemel teisendab Word kõik leheküljel olevad tähemärgid kuvatavaks tekstiks. Selle tulemusel ilmuvad kõik HTML-märgised oma teravdatud sulgudes, mis ilmuvad teie veebisaidile.
 

Jäta Oma Kommentaar