Kuinka luoda HTML-sivu

Jos haluat luoda oman web-sivun, sinulla on oltava ymmärrys HTML:stä. This article explains how to create an HTML page. Saadaksesi vierailijat tietoisiksi sisällöstäsi, opit luomaan xml-sivustokartan ja lisäämään kuvan ja linkin. On myös tärkeää luoda xml-sivustokartta, jotka voivat auttaa sinua järjestämään sivustosi ja lisäämään liikennettäsi. Seuraava vaihe on mallin valinta.

Html-sivun luominen

HTML on sivunkuvauskieli. Jokaista verkkosivun elementtiä edustaa tunniste. Tunniste tunnistetaan kulmasulkeista, ja jokaisella elementillä on yksi tai useampi tunniste. Jotkut elementit vaativat vain yhden tunnisteen; toiset voivat vaatia kaksi. Avaus- ja sulkemistunnisteissa on vinoviiva (/). Esimerkiksi, kappaleelementtiä edustaa p-tunniste. Aloitus- ja sulkemistunnisteen välissä oleva teksti on kappaleteksti.

HTML-dokumentin luominen, sinun on käytettävä tekstieditoria. Useimmissa tietokoneissa on oletuksena tekstieditori. Windows-käyttäjät käyttävät Internet Exploreria, kun taas Mac-käyttäjät voivat käyttää TextEditiä. Voit asentaa hienon tekstieditorin luodaksesi ammattimaiselta näyttävän verkkosivun, vaan ensimmäiselle HTML-sivullesi, se ei ole tarpeellista. Voit myös käyttää yksinkertaista tekstieditoria ja mitä tahansa verkkoselainta. Jos et ole varma, mitä ohjelmaa haluat käyttää, yritä ladata ilmainen HTML-editori.

Html-sivulla on kaksi pääosiota: vartaloa ja päätä. Runko-osio sisältää verkkosivuston todellisen sisällön, pääosaa käytetään otsikossa ja metatiedoissa. Keho sisältää kaikki muut elementit, mukaan lukien kuvat ja muut grafiikat. Otsikko-osio on paikka, johon voit laittaa navigointilinkit. Kun olet kirjoittanut rungon, olet valmis lisäämään asiakirjan sisällön. Varmista, että käytät kehon ja pään elementtejä varmistaaksesi, että verkkosivustosi on kaikkien saatavilla.

Creating a xml sitemap

If you have an HTML page, saatat haluta luoda XML-sivustokartan, joka auttaa hakukoneita indeksoimaan verkkosivustosi. Vaikka tämä ei vaikuta hakusi sijoitukseen, se auttaa hakukoneita ymmärtämään sisältöäsi ja säätämään indeksointinopeuttaan. Tällä tavalla, sivustosi näkyy paremmin hakukoneiden tuloksissa. Tässä on joitain helppoja ohjeita aloittaaksesi:

HTML-sivustokartan luominen on helppoa. Sinun tarvitsee vain tehdä yksinkertainen taulukko sivustosi sivuista, linkeillä jokaiselle sivulle. Linkitä sitten kyseiselle sivustokarttasivulle ylä- tai alatunnisteessa. Tällä tavalla, riippumatta siitä, kuinka monta sivua sivustollasi on, ihmiset voivat selata niitä helposti. Lisäksi, sinun ei tarvitse lähettää hakukoneoptimointia luodaksesi sivustokartan.

Kun HTML-sivusi on käytössä, lähetä se Google Search Consoleen. Voit käyttää mitä tahansa tiedostopäätettä ja nimetä XML-sivustokarttasi. Voit lähettää XML-sivustokartan Googlelle, mutta se ei ole välttämätöntä. Googlen indeksointirobotit ovat yleensä melko hyviä löytämään uutta sisältöä, ja sinun ei tarvitse lähettää heille sivustokarttaa. Voit lähettää sen myös muille hakukoneille, mutta tämä ei takaa, että Google löytää sinut.

Web-sivullesi ei tarvitse lisätä XML-sivustokarttaa, mutta se lisää verkkosivustosi hakukoneoptimointia. Hakukoneet käyttävät sivustokarttoja indeksoidakseen sivuja, joihin Web-sivu ei liity suoraan. Sivustokartat auttavat myös parantamaan multimediasisällön käytettävyyttä. Sivustokartan lisääminen verkkosivustollesi voi auttaa tekemään sivustostasi helpommin hakukonebottien käytettävissä.

Adding a picture

In HTML, Voit lisätä sivulle kuvan img-tunnisteen avulla. Tämä tunniste sisältää vain kuvan ja sen attribuutit; se ei vaadi sulkevaa tunnistetta. Tämä kuvatunniste tulee lisätä HTML-dokumentin runko-osioon. Kuvan leveyden ja korkeuden lisäksi, sinun tulee lisätä kuvaa kuvaava alt-attribuutti. Alt-tunniste tulee kirjoittaa ikään kuin kirjoittaisit kuvausta henkilölle, joka ei näe sitä.

Kuvan lisääminen HTML-dokumenttiin vaatii hieman CSS- ja HTML-osaamista. Kuvan koko ja resoluutio ovat kaksi tärkeintä huomioon otettavaa tekijää. Kuvan koko määrittää, kuinka se mahtuu asiakirjan sisältöön. Jos haluat käyttää eri resoluutiota tai kuvasuhdetta, voit myös yrittää muuttaa kuvan kokoa. kuitenkin, Muista, että skaalaus ei aina toimi odotetulla tavalla.

Hyvä nyrkkisääntö kuvan koon säätämiseen on lisätä sen leveyttä. Leveyden tulee olla vähintään yksi pikseliä pienempi kuin korkeus. Jos kuva on liian pieni näytettäväksi, voit lisätä reunuksen, ja säädä se sitten kuvan koon mukaan. Voit myös säätää kuvan reunaa lisäämällä sen border attribuutille. Reunuksen paksuus on oletusarvo, mutta voit asettaa sen mihin tahansa arvoon. Varmista, että kuvassa on src-attribuutti.

Adding a link

You can add a link in HTML to your document using an a> tunniste href-attribuutilla. Tämä luo asiakirjalle kirjanmerkin ja avaa sen uudessa välilehdessä. Voit myös lisätä kuvan dokumenttiin käyttämällä href-attribuuttia. Voit myös käyttää JavaScript-koodia sisältävää linkkiä HTML-painikkeen muuntamiseen linkiksi. Kun olet tehnyt tämän, voit muotoilla linkin CSS- tai JavaScript-koodilla.

Linkki on yhteys verkkoresurssista toiseen. Se koostuu kahdesta päästä, lähdeankkuri ja kohdeankkuri. Linkki voi olla mikä tahansa kuvasta tekstitiedostoon. Useimmat sosiaalisen verkostoitumisen sivustot ja verkkosivustot käyttävät linkkejä ohjatakseen käyttäjät tiettyyn URL-osoitteeseen. HTML:ää voidaan käyttää myös linkin sijainnin määrittämiseen. Sen 'a’ attribuutin avulla voit linkittää koodielementtejä URL-osoitteeseen.

Kun suunnittelet linkkiä, muista miettiä, kuinka vierailijasi käyttävät sisältöä. Linkin tekstin tulee olla kuvaava, jotta he tietävät tarkalleen, mitä heidän pitäisi odottaa. Saman URL-osoitteen toistaminen on rumaa näytönlukuohjelmille, eikä se anna heille mitään hyödyllistä tietoa. Näytönlukuohjelmat kertovat käyttäjille myös linkkien olemassaolosta tekemällä niistä eri tyylisiä tai alleviivattuja. Tällä tavalla, he löytävät helposti tarvitsemansa tiedon.

Adding a table

Adding a table to an HTML page is simple, mutta muutamia asioita sinun tulee ottaa huomioon ennen kuin teet sen. Pöydän taustaväri on ratkaisevan tärkeä vierailijasi huomion kiinnittämisessä ja tärkeiden tietojen kiinnittämisessä. Voit asettaa eri värin taulukon otsikkoelementille ja tietoelementille käyttämällä hex-värikoodeja tai värinimiä. Joka tapauksessa, pöytäsi näkyy helposti.

Voit lisätä taulukon otsikon ja taulukon tiedot td-elementillä, joka määrittelee yksilön “laatikot” sisällön puolesta. Taulukon otsikon lisääminen on ensimmäinen askel tietojen näyttämiseen verkkosivulla, ja sinun pitäisi lisätä ensimmäinen, jos haluat. Taulukossa tulee myös olla kolme riviotsikkoa. Yhden otsikon tulee olla tyhjä. Jos taulukossasi on sarakkeita, sinun tulee myös luoda riviotsikot jokaiselle sarakkeelle.

Voit myös lisätä kuvatekstejä taulukkoosi. Kuvateksti on valinnainen elementti, joka kuvaa taulukon tarkoitusta. Tekstitykset auttavat myös esteettömyyden kannalta. Taulukko voi sisältää myös tietoryhmiä kuvaavia soluja. Lopulta, voit lisätä otsikkoelementin määrittääksesi rivien ja sarakkeiden joukon. Voit käyttää molempia elementtejä yhdessä tai erikseen. Voit jopa käyttää niitä yhdessä, mutta kuvateksti on tärkein.

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. Div-elementti on erityinen tekstisäiliö, kuvia, ja muita elementtejä. Voit nimetä sille mitä haluat ja muuttaa sen ominaisuuksia tarpeidesi mukaan. Voit myös lisätä luokan tai marginaalin luodaksesi välilyönnin div:n ja muiden sivusi elementtien väliin.

Voit myös käyttää innerHTML-attribuuttia lisätäksesi koodin div-tiedoston sisään. Tämä menetelmä hyväksyy koodin, joka on suljettu merkkijonoon, ja jos se ei ole div, sisältö poistetaan. Vältä koodin lisäämistä div:iin tällä tavalla, koska se voi altistaa verkkosivustosi sivustojen välisille komentosarjahaavoittuvuuksille. Jos käytät komentosarjakieltä, kuten JavaScriptiä, voit käyttää innerHTML-attribuuttia.

Div on HTML-perustunniste, jota käytetään dokumentin koodin ryhmittelyyn. Se voi sisältää kappaleen, lohkolainaus, kuva, audio, tai jopa otsikko. Sen sijainnin avulla voit soveltaa yhtenäistä tyyliä ja kieltä sivun eri osiin. Diveja käytetään parhaiten peräkkäisten elementtien ryhmille yhteisen semantiikan merkitsemiseen. Div-merkkiä tulee käyttää, kun haluat lisätä tyyliä osioon ilman, että sinun tarvitsee kirjoittaa koko sivua uudelleen.