Kuinka luoda verkkosivusto vain muutamassa tunnissa

Verkkosivuston luomisen ei tarvitse olla vaikeaa. Tässä artikkelissa, käymme läpi html-sivujen luomisen perusteet ja mini-includes -luettelon luomisen. Seuraava, keskustelemme html:n käytöstä>--tunniste korostaaksesi tekstiä. Lopulta, Näytämme sinulle, kuinka voit luoda verkkosivuston muutamassa tunnissa. Käsittelemme myös muutamia muita hyödyllisiä tekniikoita.

Html-sivun luominen

HTML on kieli, jota käytetään verkkosivujen luomiseen. Se määrittelee verkkosivun rakenteen ja CSS ohjaa sisällön näyttämistä. Perus-HTML-sivun luominen ei ole vaikeaa. Tässä on vaiheittainen opas aloittamiseen. Kun sinulla on perus-HTML-sivu, olet valmis luomaan monimutkaisempia ja dynaamisempia. Aloittaa, tarvitset tekstieditorin ja verkkoselaimen.

Voit myös käyttää tekstinkäsittelyohjelmaa, kuten MS Wordia, luodaksesi sisältöä verkkosivullesi. Hyperlinkkien avulla voit yhdistää tekstiä toisiinsa. Voit myös tallentaa tiedoston html-tiedostona, web-sivua. Tämä menetelmä toimii hyvin, mutta tällä tavalla luomasi sivut ovat valtavia eivätkä näytä hyvältä selainikkunassa. Tämän menetelmän ainoa haittapuoli on, että sinun on opittava käyttämään käytettävissä olevia työkaluja.

HTML on sivunkuvauskieli, mikä tarkoittaa, että sinun on lisättävä tunnisteet sivun sisällön muotoilemiseksi. Jokainen tunniste edustaa yhtä sivun elementtiä. Tunniste tunnistetaan kulmasulusta. Jotkut elementit vaativat vain yhden tunnisteen, kun taas toiset vaativat kaksi. Lopputunniste sisältää vinoviivan. Esimerkiksi, kappaletunniste luo kappaleeksi kutsutun elementin. Aloitus- ja lopputunnisteen välissä oleva teksti muodostaa kappaletekstin. samoin, ul-tunniste luo järjestämättömän luettelon.

Mini-sisällysluettelon luominen

Mini-includes-osion luominen on tehokas tapa linkittää eri elementtejä samalla verkkosivulla. HTML-sivu voidaan jakaa useisiin alaosiin, jokainen osa sisältää luettelon elementeistä. Nämä elementit palvelevat eri tarkoituksia. Voit käyttää type-attribuuttia näyttääksesi aakkosjärjestyksen. Voit myös käyttää pieniä kirjaimia luodaksesi luettelon elementeistä, joissa on kirjaimet a, b, tai c.

Elementin lisääminen on helppoa. Yksinkertainen HTML-dokumentti sisältää tunnisteita, jotka määrittelevät sen sisällön. Nämä tunnisteet tulevat yleensä pareittain. Aloitustunnistetta käytetään luetteloimaan sen sisältämät elementit, kun taas sulkeva tagi sulkee elementin. Avausmerkki, tai pää, sisältää kuvailevia tietoja asiakirjasta. Nämä tiedot voivat sisältää otsikon, tyylisivun tiedot, käsikirjoituksia, tai metatietoja. Päättävä tagi, toisaalta, sulkee elementin.

Html:n käyttäminen>-tag

html>--tunnistetta käytetään määrittämään HTML-dokumentin pääsisältöalue. Pääsisältöalue koostuu sivun keskeiseen aiheeseen tai toimintoihin liittyvästä tekstistä. Sen on oltava ainutlaatuinen sivuston muusta sisällöstä. Muu sisältö voi näkyä sivulla sivupalkkien muodossa, navigointilinkkejä, tekijänoikeustiedot, sivuston logot, ja hakulomakkeet. HTML-sivun tulee seurata html:ää>--tunnistetta pidetään HTML-sivuna.

Attribuutti href= avaa linkkielementin. Jälkeen “=” merkki, sinun tulee liittää linkin URL-osoite. Voit myös käyttää useita kappalerivejä yhdessä otsikossa. Sulkukiinnike on pakollinen. Tämä estää linkkejäsi väärintulkinnan. Html-sivun lukemisen helpottamiseksi, lisää linkki verkkosivustollesi. html>--tunnisteen avulla voit lisätä linkkejä, jotka osoittavat toiselle verkkosivulle.

HTML-tiedostolla on.html-tunniste, joka kertoo tietokoneellesi, että se on HTML-tiedosto. Välilyöntien sijaan on parasta käyttää yhdysviivaa, koska välilyönnit estävät verkkoselainta löytämästä tiedostoa. Kun olet luonut HTML-sivun, sinun on tallennettava se. Seuraava, siirry kansioon, jossa on HTML-tiedosto, ja napsauta sitä hiiren kakkospainikkeella. Sen pitäisi näyttää samalta kuin alla oleva kuvakaappaus.

Html:n käyttäminen>--tunniste korostaaksesi tekstiä

Voit käyttää merkkiä> -tunniste korostaaksesi tekstiä HTML-dokumenteissa. Se on suhteellisen uusi HTML 5 ominaisuus, ja se määrittää kappaleen korostetun osan. Merkki> -tunniste toimii muuttamalla taustalla olevan HTML-dokumentin taustaväri-ominaisuutta. Merkki> -tunniste tukee sekä yleisiä että tapahtumamääritteitä. Se korostaa tekstin keltaisella tai mustalla. On myös mahdollista muuttaa taustalla olevan CSS-tiedoston tekstin väriä.

Useimmat näytönlukuohjelmat eivät ilmoita merkkielementtiä, mutta voit käyttää CSS-sisältöominaisuutta or.before ja.after pseudoelementtejä, jotta voit tehdä selväksi, minkä tekstin haluat korostaa. Ilmoitukset ovat monisanaisia ​​ja lisäävät sivulle tarpeetonta tietoa, joten niitä kannattaa käyttää säästeliäästi. Esimerkiksi, Voit käyttää ilmoituksia korostaaksesi hakutermiä tai estääksesi lainausmerkit. Kaikki yleisimmät selaimet tukevat ilmoituksia.

Taustavärityylin lisäksi, voit käyttää "korostetta".’ luokkaa korostaaksesi tekstiä HTML-dokumentissasi. Kaikki selaimet tukevat taustavärityyliä. Voit myös käyttää sanaa "keltainen".’ värikoodin sijaan. Voit käyttää samaa koodia kappaleen tai tekstiosan korostamiseen. Voit myös käyttää CSS-luokkia tekstin korostamiseen.

Html:n käyttäminen>--tunniste luodaksesi mini-sisällysluettelon

html>--tunnistetta käytetään luomaan luettelo mini-includeista. Se sisältää vastaavan lopputunnisteen ja elementin nimi on pieni. HTML-asiakirjat koodataan UTF-8-merkistökoodauksella, joka tukee Unicode-merkkien sisällyttämistä. Kun käytät html:ää>-tag, muista valita UTF-8 kohdassa “Tallenna nimellä” valintaikkuna.

Html:n käyttäminen>--tunnisteen avulla mini-includes -luettelon lisääminen HTML-sivulle on helppoa. Voit käyttää tätä tunnistetta mille tahansa elementille, joka tukee järjestämätöntä luetteloa. Voit jopa käyttää järjestämätöntä luetteloa navigointivalikossa. dl-elementti sisältää luettelon termien ja kuvausten pareista. Järjestetyn luettelon kohteet näytetään kasvavalla laskurilla vasemmalla. Voit myös jättää dl-elementin pois, jos luettelokohteen perässä on välittömästi toinen elementti.

Toinen tapa lisätä mini-includes -luettelo on lisätä alatunnisteelementti HTML-dokumenttiin. Tämä elementti edustaa lähimmän osiointisisällön alatunnistetta. Se sisältää yleensä tietoja tekijästä, tekijänoikeustiedot, tai linkkejä aiheeseen liittyviin asiakirjoihin. Html:n käyttäminen>--tunniste luodaksesi mini-includes -luettelon HTML-sivulle

Html:n käyttäminen>-tunniste yksittäisten tekstilohkojen korostamiseksi

HTML5 korostaa yksittäisiä tekstilohkoja -merkillä> elementti. Tämä HTML5-tunniste muuttaa lähteen sisällön värin tiettyyn keltaisen tai mustan sävyyn, lukija voi erottaa tärkeän tekstin. Sitä voidaan käyttää myös osoittamaan sisällön osia, jotka vaativat enemmän huomiota kuin muu teksti. Merkki> elementti tukee globaaleja attribuutteja ja tapahtumamääritteitä HTML:ssä. Oikein käytettynä, tämä HTML5-tunniste voi parantaa verkkosivun luettavuutta.

HTML4-standardi poistaa käytöstä fyysisen tyylin merkkitason tagit. He käsittelevät esittelyä, ja on parempi käyttää CSS:ää näihin tarkoituksiin. HTML5 on ottanut ne uudelleen käyttöön. Niitä ei enää ole poistettu käytöstä, mutta ne eivät silti ole ainoa tapa korostaa yksittäisiä tekstilohkoja. Korosta yksittäisiä tekstilohkoja HTML5:llä CSS:n avulla! Tämä yksinkertainen menetelmä korostaa yksittäisiä tekstilohkoja sisällössä.

Kellua: Voit käyttää tätä CSS-ominaisuutta kelluttamaan elementin sisältävän elementin vasempaan tai oikeaan reunaan. Sitä voidaan käyttää ruudukon tai sarakkeiden luomiseen. Voit myös käyttää CSS-ominaisuutta nimeltä float siirtääksesi iframe-kehyksen tai kuvan selaimen vasemmalle tai oikealle marginaalille.. Nämä attribuutit helpottavat yksittäisten lohkojen korostamista CSS:llä.