HTML- ja verkkosivujen ohjeet

HTML-yleiskatsaus
10 parasta HTML-tagia
HTML-komennot
Mastereiden temppuja.
Lisää hienoja ominaisuuksia.
HTML-värit.
Erikoismerkit.
HTML- ja verkkosuunnittelun ohjeet ja tuki.
Kaikki verkkosivujen ehdot.
Linux ja Unix auttavat.
Mainosta verkkosivustoasi.

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
</td> <td>Määritä sisäinen kehys, jonka avulla käyttäjä voi upottaa HTML-asiakirjan nykyiselle verkkosivulle.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8167'> <img></a> </td> <td>Määritä säilytystila linkitetyille kuville.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8168'></a> </td> <td>Luo sekä syöttökentät että interaktiiviset ohjausobjektit verkkopohjaisille lomakkeille.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> </td> <td>Osoita, että osa tekstistä lisättiin verkkosivulle.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä yksirivinen tekstiruutu hakuja varten.</td> <td> </td> <td>Vanhentunut</td> </tr> <tr> <td> </td> <td>Määritä, että osa tekstistä on näppäimistön syöttö.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> </td> <td>Nimeä avainparin generaattorikenttä, jota käytetään tunnisteissa.</td> <td> </td> <td>HTML5</td> </tr> <tr> <td> <a href='/html-tag-8169'></a> </td> <td>Luo tarroja käyttöliittymän kohteille.</td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td>Määritä elementille kuvateksti.</td> <td> </td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8170'><li></a> </td> <td>Määritä luettelokohde.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> </td> <td>Luo linkki verkkosivun ja ulkoisen resurssin välille.</td> <td>Pää</td> <td> </td> </tr> <tr> <td> </td> <td>Merkitään tälle sivulle ainutlaatuisen asiakirjan pääsisältöä.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> </td> <td>Käytetään yhdessä elementin kanssa asiakaspuolen kuvakartan määrittämiseen verkkosivulle.</td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td>Korosta osa tekstistä.</td> <td>Linjassa</td> <td>HTML5</td> </tr> <tr> <td> <a href='/html-tag-8172'></a> </td> <td>Määrittää vierittävän tekstin osan.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä luettelo komennoista.</td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td>Määritä komento, jonka käyttäjä voi kutsua ponnahdusvalikossa.</td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td>Anna verkkosivuston metatiedot.</td> <td>Pää</td> <td> </td> </tr> <tr> <td> </td> <td>Mittari tietyllä alueella verkkosivulla.</td> <td>Linjassa</td> <td>HTML5</td> </tr> <tr> <td> <a href='/html-tag-8171'></a> </td> <td>Määritä lohko tärkeimmistä navigointilinkeistä.</td> <td>Lohko</td> <td>HTML5</td> </tr> <tr> <td> </td> <td>Käytettiin osoittamaan, että tekstiosan ei pitäisi kiertyä automaattisesti.</td> <td> </td> <td>Vanhentunut</td> </tr> <tr> <td> </td> <td>Varmuuskopiotunniste selaimille, jotka eivät tue elementtiä.</td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td>Määritä lisättävä HTML-osa, jos komentosarjat on poistettu käytöstä selaimessa.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä verkkosivulle upotettu objekti.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8173'><ol></a> </td> <td>Määritä tilattu luettelo.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> </td> <td>Ryhmittele asiaan liittyvät vaihtoehdot yhteen tai elementtiin.</td> <td> </td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8174'></a> </td> <td>Määritä kohde kohtaan, tai elementit.</td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td>Esitä käyttäjän toiminnan tai laskutoimituksen tulos.</td> <td>Linjassa</td> <td>HTML5</td> </tr> <tr> <td> <a href='/html-tag-8176'><p></a> </td> <td>Määritä kappale.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä parametrit verkkosivulle upotetuille laajennuksille elementin avulla.</td> <td> </td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8175'><pre></a> </td> <td>Määritä valmiiksi muotoiltu teksti.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> </td> <td>Näytä kuinka pitkälle tehtävä on edennyt.</td> <td>Linjassa</td> <td>HTML5</td> </tr> <tr> <td> </td> <td>Määritä, että oheinen teksti on lyhyt lainaus.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä sulkeet, jotka näyttävät mitä näytetään selaimissa, jotka eivät tue Ruby-merkintöjä.</td> <td>Linjassa</td> <td>HTML5</td> </tr> <tr> <td> </td> <td>Määritä itäaasialaisen sanan tai merkin ääntäminen.</td> <td>Linjassa</td> <td>HTML5</td> </tr> <tr> <td> </td> <td>Määritä rubiinimerkintä verkkosivulle.</td> <td>Linjassa</td> <td>HTML5</td> </tr> <tr> <td> </td> <td>Luo yliviiva tekstiosaan.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä näytteen tuotos tietokoneelta.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8177'></a> </td> <td>Määritä asiakaspuolen komentosarja verkkosivulle.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> </td> <td>Ryhmittele aihekohtaisesti samanlainen sisältö yhteen.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8178'></a> </td> <td>Määritä ohjausobjekti, joka näyttää avattavan vaihtoehtovalikon.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä teksti, joka on yhtä kirjasinkokoa pienempi, selaimen minimiin saakka.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä lisää mediaresursseja elementeille ja.</td> <td> </td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8179'><span></a> </td> <td>Käytetään sisäisenä säilönä sisällön ryhmittelyyn tai muotoiluun.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8180'></a> </td> <td>Piirrä yliviiva tekstiosaan.</td> <td>Linjassa</td> <td>Vanhentunut</td> </tr> <tr> <td> <strong> </td> <td>Määritä osa tekstistä, jolla on suuri merkitys.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8181'></a> </td> <td>Muuta verkkosivun eri elementtien ulkonäköä ja sijaintia.</td> <td>Pää</td> <td> </td> </tr> <tr> <td> <sub> </td> <td>Määritä alaindeksin teksti.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä otsikko elementille.</td> <td> </td> <td> </td> </tr> <tr> <td> <sup> </td> <td>Määritä yläindeksi.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8182'><table class='table'></a> </td> <td>Luo taulukko.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> <tbody> </td> <td>Määritä taulukon osa, joka sisältää datasolut.</td> <td>Pöytä</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8184'><td></a> </td> <td>Määritä solu taulukossa.</td> <td>Pöytä</td> <td> </td> </tr> <tr> <td> <a href='/textarea-9408'></a> </td> <td>Määritä yksinkertaisen tekstin muokkausohjain, joka sisältää useita rivejä.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä joukko rivejä, jotka tiivistävät taulukon sarakkeet.</td> <td>Pöytä</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8185'><th></a> </td> <td>Määritä solu, joka on taulukon soluryhmän otsikko.</td> <td>Pöytä</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8183'></a> </td> <td>Määritä joukko rivejä, jotka määrittelevät taulukon sarakkeiden pään.</td> <td>Pöytä</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä päivämäärä ja kellonaika, jotka ihmiset voivat lukea.</td> <td>Linjassa</td> <td>HTML5</td> </tr> <tr> <td> </td> <td>Määritä sivun otsikko.</td> <td>Pää</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8186'><tr></a> </td> <td>Määritä taulukon solurivi.</td> <td>Pöytä</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä tekstiraidat sekä tunnisteille että.</td> <td> </td> <td>HTML5</td> </tr> <tr> <td> </td> <td>Nimeä tekstityypin teksti.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä osa tekstiä, joka on alleviivattu.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8187'><ul></a> </td> <td>Määritä järjestämätön luettelo.</td> <td>Lohko</td> <td> </td> </tr> <tr> <td> </td> <td>Määritä muuttuja.</td> <td>Linjassa</td> <td> </td> </tr> <tr> <td> <a href='/html-tag-8189'></a> </td> <td>Upota videosisältö verkkosivulle.</td> <td>Linjassa</td> <td>HTML5</td> </tr> <tr> <td> </td> <td>Antaa selaimelle vaihtoehdon katkaista rivi tekstilohkossa.</td> <td>Linjassa</td> <td>HTML5</td> </tr> <tr> <td> </td> <td>Määritä, että teksti oli HTML-esimerkki.</td> <td> </td> <td>Vanhentunut</td> </tr> </table> <hr class="major" /> </section><!-- END section --> </div> </div> <div id="sidebar"> <div class="inner"> <!-- Menu --> <nav id="menu"> <header class="major"> <h2>Valikko</h2> </header> <ul> <li> <a href="/">Tärkein</a> </li> <li> <a href="/sports/">Urheilu</a> </li><li> <a href="/chrome-tips/">Chrome-Vinkit</a> </li><li> <a href="/n-definitions/">N - Määritelmät</a> </li><li> <a href="/y-definitions/">Y - Määritelmät</a> </li><li> <a href="/e-mail-tips/">Sähköpostivinkit</a> </li><li> <a href="/fat/">Rasva</a> </li><li> <a href="/computer-jobs/">Tietokone Työpaikat</a> </li> </ul> </nav> <!-- Section --> <section> <header class="major"> <h2>Paras</h2> </header> <div class="mini-posts"> <ul class="popular"> <li><a href="/why-is-my-wi-fi-not-working-6415">kannettavan tietokoneen langaton sovitin ei toimi</a> </li><li><a href="/how-erase-my-hard-drive-5426">miten voit pyyhkiä tietokoneen puhtaaksi</a> </li><li><a href="/how-allow-pop-ups-chrome-6755">salli ponnahdusikkuna google chromessa</a> </li><li><a href="/my-laptop-computer-screen-is-black-6216">miksi kannettavan tietokoneen näyttö pimenee satunnaisesti</a> </li><li><a href="/how-connect-monitor-computer-6718">johto näytön yhdistämiseen kannettavaan tietokoneeseen</a> </li><li><a href="/how-fix-windows-blue-screen-errors-6082">sininen kuvaruutu teksti</a> </li> </ul> </div> </section> <!-- Footer --> <footer id="footer"> <p class="copyright">© Tekijänoikeus ©<script>document.write(new Date().getFullYear());</script>. Kaikki Oikeudet Pidätetään. Design <a href="//fr.jf-beiraldolima.com/">jf-beiraldolima.com</a> .</p> </footer> </div> </div> </div> <script src="https://jf-beiraldolima.com/template//js/jquery.min.js"></script> <script src="https://jf-beiraldolima.com/template//js/browser.min.js"></script> <script src="https://jf-beiraldolima.com/template//js/breakpoints.min.js"></script> <script src="https://jf-beiraldolima.com/template//js/util.js"></script> <script src="https://jf-beiraldolima.com/template//js/main.js"></script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1673064.skimlinks.js"></script></body> </html>