HTML- ja verkkosivujen ohjeet



HTML

HTML-yleiskatsaus

HTML (Hypertext Markup Language) on verkkomerkintäkieli, jonka avulla voit luoda verkkosivuja. Vaikka HTML on helposti opittava merkintäkieli, se sisältää yli sata erilaista tunnistetta, jotka voidaan oppia.

Kuten muutkin merkintäkielet , HTML koostuu tunnisteista, joiden avulla selain tietää mitä toimintoja suorittaa. Esimerkiksi, lihavoitu teksti kertoo selaimelle tekstin ja On lihavoitu teksti . Koska HTML on merkintäkieli, sitä ei tarvitse kääntää eikä siihen tarvita erityistä editoria. Voit kirjoittaa HTML-tiedostoja mihin tahansa tekstieditori tai käytä HTML-editori suunniteltu verkkosivujen luomiseen.

Koska selaimesi tulkitsee HTML-koodia, voit tarkastella kaikkia tietokoneesi HTML-sivuja ilman palvelinta tai lataamatta niitä Internetiin. Kun olet tutustunut HTML-tunnisteisiin, katso mistä aloittaa HTML ja web-suunnittelu apua verkkosivun luomiseen ja lähettämiseen verkossa.

10 parasta HTML-tagia

Alla on luettelo suositelluista top 10 HTML-komennoista, joita suosittelemme oppimaan ensin. Napsauta mitä tahansa näistä tunnisteista saadaksesi lisätietoja kyseisestä tagista.

HTML-tunniste Lyhyt kuvaus
Luo hyperlinkki auttaa kävijöitä siirtymään sivulta toiselle.

Luo yksirivinen tauko asiakirjaan.
Jaa tai poista verkkosivun sisältö.
Luo verkkosivulle interaktiivinen osio, jotta kävijät voivat lähettää tietoja.

Nimeä otsikot, joilla on sekä erikokoisia että tärkeitä merkkejä.
Kerro selaimelle, että se tarkastelee HTML-asiakirjaa.
Määritä säilytystila linkitetyille kuville.



Määritä kappale.
Määritä asiakaspuolen komentosarja verkkosivulle.
Luo taulukko.

HTML-komennot

Alla on taulukko, jossa on lyhyt katsaus jokaisesta HTML-komennosta. Napsauta mitä tahansa alla olevista linkeistä tai riveistä saadaksesi lisätietoja. Alla olevassa taulukossa on myös elementti Tyyppi ( lohko tai linjassa ), Tila HTML5-tiedosto verkkotunnukselle HTML5 -tunnisteet tai vanhentuneiden tunnisteiden 'hylätty'.

HTML-tunniste Lyhyt kuvaus Tyyppi Tila
Luo piilotettu kommentti HTML-koodiin.
Luo hyperlinkki, jonka avulla kävijät pääsevät yhdeltä sivulta toiselle. Linjassa
Luo lyhenne tai lyhenne valitusta tekstistä. Linjassa
Luo lyhenne valitulle tekstille. Linjassa Vanhentunut
Luo omistajan tai tekijän yhteystiedot. Lohko
Upota Java-sovelma HTML-muotoon. Lohko Vanhentunut
Merkitse osiot kuvakartassa.
Kuvaile sisältöosaa, joka on sekä itsenäinen että riippumaton. Lohko HTML5
Kuvaile sisältöosio, joka liittyy vain osittain lähellä olevaan sisältöön. Lohko HTML5
Upota äänitiedostot verkkosivulle. Linjassa HTML5
Lihavoitu valittu teksti. Linjassa
Määritä kunkin URL-osoitteen perusosoite asiakirjan sisällä.
Määritä koko asiakirjan tekstin oletusfonttiperhe, kirjasinkoko ja väri. Vanhentunut
Rajoita tekstin muotoilua eri suuntaan kuin muu verkkosivun teksti. Linjassa HTML5
Pakota teksti menemään tavalla tai toisella. Linjassa
Upottaa äänitiedoston, joka toistetaan sivun latautumisen yhteydessä.
Suurenna tekstiä. Linjassa Vanhentunut
Aiheutti tekstiosan vilkkumisen ja sammumisen. Linjassa Vanhentunut
Tarkoitetaan artikkelin osaa, joka on lainattu toisesta lähteestä. Lohko
Osa, joka sisältää verkkosivun sisällön, mukaan lukien hyperlinkit, kuvat, taulukot, teksti jne.

Luo yksirivinen tauko asiakirjaan. Linjassa
Luo napsautettava painike. Linjassa
Piirrä grafiikkaa käyttämällä komentosarjakieliä, kuten JavaScriptiä. Lohko HTML5
Lisää otsikko taulukkoon. Lohko
Keskitä teksti HTML-muodossa. Lohko Vanhentunut
Mainitse mikä tahansa luova työ. Linjassa
Määritä, että osa tekstistä on tietokonekoodia. Linjassa
Määritä jokaiselle sarakkeelle tietyt ominaisuudet.
Merkitään taulukon sarakeryhmää.
Määritä luettelo vaihtoehdoista elementissä. HTML5
Anna kuvaus termistä kuvausluettelossa.
Osoita, että tekstilohko on poistettu verkkosivulta. Linjassa
Luo interaktiivinen widget, johon sisältö voidaan piilottaa. Lohko HTML5
Edusta termin määrittelevää esiintymää. Linjassa
Luo valintaikkuna tai modaalinen ikkuna verkkosivulle.
Määritä kokoelma tiedostojen nimiä. Lohko
Jaa tai poista verkkosivun sisältö. Lohko
Sisällytä luettelo määritelmistä ja niiden kuvauksista. Lohko
Määritä termi kuvausluettelosta. Lohko
Korosta valittu teksti. Linjassa
Määritä alue interaktiiviselle sisällölle (laajennus) tai ulkoiselle sovellukselle. Lohko HTML5
Ryhmittele aiheeseen liittyvät elementit muotoon piirtämällä niiden ympärille laatikko.
Nimeä elementin otsikko. HTML5
Määritä itsenäisen sisällön alue, joka ei vaikuta artikkelin päävirtaan. Lohko HTML5
Määritä alatunniste asiakirjalle tai sisällön osalle. HTML5
Muuta verkkosivun tekstilohkon tiettyjä ominaisuuksia. Linjassa Vanhentunut
Luo verkkosivulle interaktiivinen osio, jotta kävijät voivat lähettää tietoja. Lohko
Määritä tietty ikkuna elementin sisällä. Lohko
Sisältää joukon elementtejä.

Nimeä otsikot, joilla on sekä erikokoisia että tärkeitä merkkejä. Lohko
Sisältää erityisiä tietoja verkkosivusta, jota usein kutsutaan metatiedoiksi.
Säiliö navigointi- tai esittelykohteille. Lohko HTML5

Merkitään temaattinen tauko verkkosivulla. Lohko
Kerro selaimelle, että se tarkastelee HTML-asiakirjaa.
Määritä tekstilohko, joka eroaa ympäröivästä tekstistä, yleensä kirjoitettuna kursiivilla. Linjassa