Sisällysluettelo:
- Vaihe 1: Lataa ohjelmisto
- Vaihe 2: Avaa kiinnikkeet
- Vaihe 3: Luo uusi tiedosto
- Vaihe 4: Tallenna nimellä.. tiedosto
- Vaihe 5: Aloita DOCTYPE -tunnisteella
- Vaihe 6: HTML -tagi
- Vaihe 7: Pään ja vartalon tunnisteet
- Vaihe 8: Sisällönkuvauskenttä
- Vaihe 9: Otsikkotunniste
- Vaihe 10: Kappaleen lisääminen P -tagilla
- Vaihe 11: Katso tulokset
- Vaihe 12: Muuta muotoilua
- Vaihe 13: Yhden/kahden rivin katkotunniste
- Vaihe 14: Johtopäätös
Video: Yksinkertaisen verkkosivun luominen aloittelijoille tarkoitetuilla hakasulkeilla: 14 vaihetta
2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:00
Johdanto
Seuraavat ohjeet antavat vaiheittaiset ohjeet verkkosivun luomisesta hakasulkeilla. Brackets on lähdekoodieditori, joka keskittyy ensisijaisesti verkkokehitykseen. Adobe Systems on luonut ilmaisen ja avoimen lähdekoodin ohjelmiston, joka on lisensoitu MIT-lisenssin nojalla, ja Adobe ja muut avoimen lähdekoodin kehittäjät ylläpitävät sitä tällä hetkellä GitHubissa. Se on kirjoitettu JavaScriptillä, HTML: llä ja CSS: llä.
Ohjeet
Huomautus: - Kaikkien HTML -tunnisteiden on oltava hakasulkeiden välissä:
Vaihe 1: Lataa ohjelmisto
lataa Brackets tältä sivustolta
Vaihe 2: Avaa kiinnikkeet
avaa ladattu Brackets -ohjelmisto tietokoneella.
Vaihe 3: Luo uusi tiedosto
Kun olet avannut sulkeet, napsauta ikkunan vasemmassa yläkulmassa olevaa tiedoston kuvaketta ja napsauta sitten uusi, niin näet uuden tiedoston "Nimetön".
Vaihe 4: Tallenna nimellä.. tiedosto
Napsauta hiiren kakkospainikkeella tätä tiedostoa "nimetön", napsauta Tallenna nimellä ja tallenna se sitten asemaan
tässä vaiheessa voit antaa tiedostolle minkä tahansa nimen, varmista vain, että nimen jälkeen lisätään”.html” (piste html).
Vaihe 5: Aloita DOCTYPE -tunnisteella
Jokaisen html -sivun on aloitettava seuraavalla rakennetunnisteella. Se kertoo selaimelle, mitä "sääntöjä on noudatettava" HTML -sivua muodostettaessa.
Vaihe 6: HTML -tagi
ja - näiden tunnisteiden on tarkoitus aloittaa ja lopettaa asiakirja.
Vaihe 7: Pään ja vartalon tunnisteet
Kirjoita html -tunnisteiden väliin ja, jos se sisältää kulissien takana olevaa tavaraa. Kirjoita myös ja missä se sisältää tekstiä, kuvia, videota, ääntä ja niin edelleen.
Vaihe 8: Sisällönkuvauskenttä
Kirjoita tunnisteiden väliin, mihin se tarjoaa tietoja, kuten hakukoneen termejä tai merkkikoodausta.
Vaihe 9: Otsikkotunniste
Tunnisteiden välissä, alla, kirjoita ja. Joten kaikki, mitä kirjoitat välillä, näet sen selainikkunan yläosassa ja tämä tagi on tärkeä hakukoneelle. Aion esimerkiksi kirjoittaa "WRD 204"
Vaihe 10: Kappaleen lisääminen P -tagilla
Kirjoita välissä kaikki tiedot, jotka haluat nähdä verkkosivulla, kuten esimerkiksi kuva, ääni, video ja kappale, esimerkkinä aion kirjoittaa kappaleen käyttämällä näitä tunnisteita kappaleeseen:
ja.
Vaihe 11: Katso tulokset
Nähdäksesi tulokset: napsauta ensin tiedostoa hiiren kakkospainikkeella ja napsauta "tallenna" ja napsauta sitten "live esikatselu" -kuvaketta oikeassa yläkulmassa.
Huomaa: - aina kun teet muutoksia ja haluat nähdä tuloksen, sinun on ensin tallennettava tiedosto, voit käyttää pikanäppäintä "Ctrl + S"
Vaihe 12: Muuta muotoilua
Jos haluat muuttaa tekstimuodon kokoa, käytä suurinta otsikkoa tai pienintä. Esimerkissäni käytän.
Vaihe 13: Yhden/kahden rivin katkotunniste
Jos haluat tehdä yhden tai kaksinkertaisen rivinvaihdon kappaleiden väliin, käytä tagia
Vaihe 14: Johtopäätös
Onnittelut! nyt voit aloittaa oman verkkosivun rakentamisen.
Jos haluat tietää enemmän HTML -tunnisteista, suosittelen tätä verkkosivustoa
Suositeltava:
Tyylikkään ja yksinkertaisen verkkosivuston luominen Bootstrap 4: 7 -vaiheilla
Tyylikkään ja yksinkertaisen verkkosivuston luominen Bootstrap 4: llä: Tämän Instructable -ohjelman tarkoituksena on antaa ohjelmointiin perehtyneille - HTML tai muu - yksinkertainen johdanto online -portfolion luomiseen Bootstrap 4: llä. Opastan sinut alkuasetuksissa verkkosivustosta, kuinka luodaan muutama
Oman verkkosivuston luominen aloittelijoille: 5 vaihetta
Oman verkkosivuston rakentaminen aloittelijoille: Olitpa koskaan haaveillut tietokoneohjelmoijaksi tai olet koskaan käyttänyt verkkosivustoa, mikä on totta, olemme lähes kaikki, tietotekniikasta on tullut liiketoiminnan selkäranka. Vaikka ohjelmointi voi aluksi tuntua hieman pelottavalta, tavoitteeni on
Yksinkertaisen logon luominen Indesignissa: 15 vaihetta
Yksinkertaisen logon luominen Indesignissa: Lähettäjä: Alyssa White, Joanne Fong ja Hannah Barre Materiaalit: -InDesign 2015-Tietokone ja hiiri-Valinnainen: kynä ja paperi luonnoksille Valmistumisaika: alle 10 minuuttia Tausta: Ennen logon luomista se on on tärkeää ymmärtää CRAP: n perussuunnitelma
Yksinkertaisen chat -ohjelman luominen Visual Basicissa Microsoft Winsock Controlin avulla: 7 vaihetta
Yksinkertaisen chat -ohjelman luominen Visual Basicissa Microsoft Winsock Controlin avulla: Tässä instuctable -ohjelmassa näytän sinulle, kuinka tehdä yksinkertainen chat -ohjelma Visual Basicissa. Käyn läpi, mitä kaikki koodit tekevät, jotta opit niitä tehdessäsi, ja lopussa näytän sinulle, kuinka sitä käytetään
Yksinkertaisen puhelinluettelosovelluksen luominen C#: 7 vaihetta
Yksinkertaisen puhelinluettelosovelluksen luominen C#: Hei, olen Luke, se on ensimmäinen Instructable. Haluan näyttää sinulle, miten voit luoda yksinkertaisen puhelinluettelosovelluksen Microsoft Visual Studiossa käyttämällä C#. On hyvä, että sinulla on joitakin perustietoja ohjelmoinnista ennen tämän projektin tekemistä. Aloitetaan. Me