Sisältö

• Askeleet
• Neuvoja

Käytämme verkkosivuja joka päivä, mutta onko niiden luominen vaikeaa? Tämä artikkeli opettaa sinulle, kuinka luoda yksinkertainen HTML-sivusto Muistiossa.

Askeleet

Tapa 1/1: Luo oma verkkosivustosi

1. 

   Avaa Muistio. Muistio on esiasennettu jokaiselle Windows-tietokoneelle, ja löydät sen Käynnistä-valikosta. Kun olet avannut Muistio, napsauta "Tiedosto", valitse avattavasta valikosta "Tallenna nimellä". Valitse sitten "Kaikki tiedostot" tiedostotyyppivalikosta ja tallenna tiedosto HTML-muodossa. Yleensä tiedosto "index.html" on pääsivu, joka sisältää kaikki linkit kaikkeen verkkosivustoon pääsemiseksi.

2. 

   
   
   HTML (HyperText Markup Language) käyttää tunnisteita. Periaatteessa tunnisteet ovat aksentin sisällä olevia sanoja .
   Voit käyttää verkkosivusi luomiseen paljon tunnisteita. Sen vieressä on "close tag", jota käytetään koodirivin lopettamiseen. Esimerkiksi: Nämä tunnisteet päättävät lihavoidun fontin tai tekstikappaleen.

3. 

   
   
   Verkkosivun otsikko on yleensä tagi: . Voit sijoittaa sen Muistio-tiedostosi yläosaan.

4. 

   Seuraavaksi on kortti .
   Seuraava on

5. 

   
   
   Seuraavalla rivillä kortin jälkeen pääLaitetaan esimerkiksi otsikko:

6. 

   Kirjoita nyt ensimmäisen osan lopettamiseksi.

7. 

   Seuraava verkkosivustolla on tunniste . Huomaa, että selaimet eivät tue kaikkia värejä (esimerkiksi useimmat selaimet eivät tue tummanharmaata).

8. 

   Kahden kehotagin välissä on verkkosivun sisältö, jonka käyttäjä näkee. Aloitetaan otsikosta. Tämä on suuri osa tekstistä, joka on määritetty tagin HTML-koodissa

   tule

   , kortilla

   on suurin koko. Joten verkkosivun yläosassa, body-tagin jälkeen, voit säveltää

   Tervetuloa sivulleni!

   Sinun tulisi aina laittaa läheinen tunniste, muuten kaikki verkkosivun teksti yliarvioidaan!

9. 

   Toinen tagi, joka voidaan sisällyttää verkkosivun sisältöön, on

   tai kappaletagit. Otsikon jälkeen voit kirjoittaa

   . Oppin tekemään verkkosivuja! WikiHow-säännöt! Jos haluat luoda sivulle uuden rivin, käytä käärintätunnistetta
   .

10. 

    Verkkosivusto, jossa on vain pelkkää tekstiä, on tylsää. Joten laitetaan joitain muotoja. Kortti lihavoituun tekstiin, kursiivilla ja korostaa. Älä unohda viimeistä tagia!

11. 

    Mikä tekee sivustosta todella mielenkiintoisen, ovat kuvat. Vaikka teksti olisi alustettu, kukaan ei halua nähdä sivua koko tekstinä. Käytä korttia lisätäksesi kuvia. Mutta kuten body-tunniste, tämä tunniste tarvitsee lisätietoja. Img-tunniste näyttäisi tältä: Src-tiedot (lähde: lähde) on kuvan nimi. Leveyden ja korkeuden takana ovat kuvan leveys ja korkeus pikseleinä.

12. 

    Melkein valmis! Jos haluat, että kävijät voivat tarkastella useita sivuja, käytä tunnistetta: Muut sivut Tunnisteen sisältö on se, jota käyttäjä napsauttaa siirtyäkseen seuraavalle sivulle, ja href-osio on linkki tälle sivulle. Tämän tagin avulla voit helposti näyttää käyttäjiä verkkosivustollasi.

13. 

    Viimeistele, sinun on lopetettava vartalotunniste ja koko verkkosivu tunnisteittain

14. 

    Tallenna tiedosto laajennuksella .html '. Avaa sitten tiedosto.html suosikkiselaimessasi nähdäksesi, miten se toimii. Onnittelut! Olet juuri luonut verkkosivuston.

15. 

    Jos haluat julkaista verkkosivustosi verkossa, opi luomaan verkkosivusto, jolla on verkkotunnus. mainos

Neuvoja

• Löydät monia kortteja verkosta. On monia hyödyllisiä verkkosivustoja, jotka auttavat ihmisiä oppimaan verkkosivuston luomisen (W3Schools on yksi niistä).
• Muista käyttää sulkimia.
• Tilaa aina kortti ensimmäisellä rivillä ennen tunnistetta Kerro selaimelle, että sivustosi on HTML5-standardi.
• Voit vaihtaa fontin tunnisteilla ennen ja sitten . N tarkoittaa fontteja, kuten "Verdana".
• Jos haluat käyttää erikoismerkkejä verkkosivulla, kirjoita & lt (<), & gt (>), & amp (ampersand) ja niin edelleen, koodin lopussa PITÄÄ olla puolipiste ";".
• HTML-opetusohjelmissa kansioiden ja verkkotiedostojen nimet sijoitetaan aina pienillä kirjaimilla ilman aksentteja. Vaikka Windows sallii tilankäytön, monet web-palveluntarjoajat eivät, joten säästät aikaa ja vaivaa oikean tiedoston ja kansion nimellä alusta alkaen.