HTML-koodia. HTML-värikoodit

Olet varmasti sellainen käsite kuinHTML-koodia. Kuuntele ystäväsi, näkyy selaimesi valikossa jne. Mutta mitä se on? Yritetään selvittää, millaista koodia se on ja mistä elementeistä se koostuu.

Perustiedot

Aloitetaan määritelmällä. HTML-koodi on minkä tahansa verkkosivun merkintä, joka toteutetaan HTML: n avulla.

Tämä koodi koostuu tunnisteista, joiden ansiostaSelaimella määritellään, kuinka tietty sivu näyttää. Sen rakenne on jaettu kahteen osaan: pää - asiakirjan otsikko, jossa on määritelty sivun nimi sekä tiedot itse asiakirjasta ja kehosta - asiakirjan runko, jossa sivun parametrit on määritetty.

Jotta voit luoda enemmän tai vähemmän kunnollisen WWW-sivun, joka on kirjoitettu tyhjästä, sinun tulisi oppia tämän kielen tunnisteet, niiden parametrit ja myös tietää HTML-värikoodit.

tunnisteet

Tunniste on HTML-kielen osa. Sen avulla voit määrittää fontin, värin, koon, lisätä taulukoita ja kuvia siihen, muotoilla, luoda otsikoita, linkkejä ja maalata sivun.

Tunnisteet on aina suljettu kulmakappaleisiin - <>, ja tämä erottaa ne tärkeimmistä tekstistä, joka näkyy sivulta katsottuna. On olemassa kahta tyyppiä - pariksi ja yhdeksi.

Pariin kuuluvat avaimen tunnisteet ja sulkumerkit, kun taas jälkimmäisessä on vasemman kulmakannatin jälkeen suora viisto. Esimerkiksi: teksti .

Näiden kahden tunnisteen välillä on teksti, taulukko, kuva tai muu elementti, joka näkyy verkkosivulla.

Yksinäiset niistä koostuvat yhdestä tagista, eivätkä ne sisällä suoraa viilua. Esimerkiksi: <hr>.

Tunnisteilla voi olla parametreja, jotka voidaan määrittää käyttämällä HTML-koodeja.

Huomaa myös, että useimpiin merkkeihin: pawls, suluissa, tavaramerkissä, merkkejä suurempi tai yhtä suuri, pienempi tai yhtä suuri kuin monet muut - on erityinen taulukko, jossa näiden merkkien koodit on määrätty. Tämä koodi alkaa ampersand, jonka jälkeen joko aakkosellinen muistinmerkki tai ristikkomerkki, jossa on kolminumeroinen tunnus, voi mennä. Lopuksi sinun on annettava puolipiste.

Perustiedot

Mikä on HTML-koodia, ymmärrämme, nyt yritämme luetella tärkeimmät tunnisteet, mikä voi olla hyödyllistä, jos ei luoda omia web-sivuja, niin ainakin tekstin muotoilu.

pariksi:

<body> - sisältää tärkeimmät dokumentin parametrit, kuten tausta, linkin väri, kentät ja muut;
- osoittaa kappaleen;
- korostaa tekstiä lihavoituna;
- kursivointi;
- korostaa tekstiä;
<s> - ylittää tekstin;
- asettaa tekstin yläosaksi;
- alaindeksi;
- asettaa fontin fonttikokoa, fonttia, väriä;
<div> - sen avulla voit kohdistaa tekstisi;
<h> - otsikkotunniste;
<a> - käytetään viittausten määrittämiseen;
<table> - se auttaa lisäämään taulukoita dokumenttiin, jossa on tunnisteet <tr> (merkkijono) ja <td> (solu).

single:

- yksittäinen, siirtää sen jälkeen tekstin uudelle sivulle;
<hr> - sen avulla voit lisätä tekstin vaakasuoran viivan.

On huomattava, että tunnisteet kirjoitetaan tavallisesti uudelta riviltä. Tämä tehdään paitsi kooderin itsensä lisäksi myös niille, jotka näkevät koodit HTML: ssä.

Tag-parametrit

Olemme jo tarkistaneet kanssasi tärkeimmät tunnisteet, jotka sinun on tiedettävä. Tietenkin meillä ei ole lueteltu kaikkia, mutta jopa tämä vähimmäismäärä voi riittää luomaan ensimmäiset verkkosivut.

Mutta ei riitä tietää joitain tunnisteita, sinun on vielä tutkittavaparametrit, jotka voidaan määrittää. Tässä artikkelissa teemme vain lyhyen katsauksen heistä, kuvaamme useimmin käytettyjä. Voit nähdä ne avaamalla minkä tahansa HTML-koodin.

Älkäämme myös kuvako, mistä tagista tämä parametri on sopiva, koska useimpia niistä käytetään useimmissa verkon merkintäkomentoissa:

face - määrittää fontin tyypin;
koko - määrittää koon;
väri määrittää värit;
yhdenmukaistaminen - kohdistaminen;
nimi - nimi;
href - tämä parametri määrittää linkin osoitteen;
alt - vaihtoehtoinen teksti;
leveys - leveys;
korkeus - korkeus;
tausta - taustakuva;
bgcolor - tausta.

Tämä ei ole kaikki parametrit, me lueteltiin vain eniten käytetty ja tunnettu.

Kun parametrilla on tasavertainen merkki ja sittenlainausmerkeissä sen merkitys on määrätty. Suosittelemme, kun kehität verkkosivustoja ja sivuja erityisten oppikirjojen tai käsikirjojen käyttämiseen, jotta emme vain tunne perusparametreja, vaan myös määrittele ne oikein.

Taulukko väreistä

Niinpä tärkeimpien tunnisteiden ja niiden parametrien avulla selvitettiin nyt nyt HTML-värikoodit. Heidän avullaan voit määrittää tekstin, sivun tai joidenkin yksittäisten elementtien värin.

Alkeistason verkkovastaavien tulisi tietää, mitä siellä onErityiset taulukoiden värit, joissa on kunkin värisävyn koodit. Vain 16 perusväriä voidaan asettaa paitsi taulukon avulla myös yksinkertaisesti osoittamalla heidän nimensä englanniksi. Voit myös lisätä niihin kevyitä ja tummia sanoja määrittämällä haluamasi sävyt.

Lisäksi on olemassa turvallisia värejä koskeva taulukko, johon sisältyy 216 erilaista ulosvirtausta.

Huomaa, että taulukot ovat paljonhelpompaa. Heille annetaan heksadesimaalinen värikoodi. Tässä tapauksessa voit heti nähdä tämän sävyn. Jokainen koodi alkaa ristikkomerkillä, jota seuraa kolme paria merkkejä, jotka kuvaavat ensisijaisten värien intensiteettiä: punainen, vihreä ja sininen.

Tämä koodi riittää kopioimaan ja korvaamaan halutun tunnisteen parametrit.

Sivukoodin tarkasteleminen

Jos olet kiinnostunut luomaan web-sivuja, niin olet todennäköisesti kiinnostunut näkemään haluamasi sivuston HTML-koodin tai vierailusi usein.

Mutta miten tämä voidaan tehdä? On kaksi tapaa, melko yksinkertainen ja ymmärrettävä. Ensimmäinen on avata haluamasi sivu ja paina Ctrl + U. Uusi ikkuna näyttää sivun lähdekoodin, jonka voit nähdä ja tutkia.

Toinen tapa on painaa hiiren vasenta painiketta javalitse avattavasta luettelosta "Lähdekoodi". Suosittelemme kuitenkin, että käytät ensimmäistä menetelmää, koska pikanäppäinten käyttö on paljon helpompaa ja kätevämpää.

Huomaa, että kun luet koodia, voit myös pystyäkatsele kommentteja, jotka on kirjoitettu Kommentti-tunnisteeseen, joka näyttää tältä: <! >. Tällöin itse kommentti kirjoitetaan huutomerkin jälkeen. Sitä ei näytetä selaimessa. Ja se on kirjoitettu pohjimmiltaan niin, että muut ohjelmoijat ja web-suunnittelijat ymmärtävät, mitä alla olevan tietolohkon takana on, miksi tämä tai tämä koodikohta määritettiin.

tulokset

HTML-koodien kirjoittaminen ei ole niin vaikeaa kuin se voi ollanäyttävät ensisilmäyksellä. Erityisesti jos olet vaatimaton ja haluat luoda vaatimattomia verkkosivustoja, sähköisiä oppikirjoja HTML: n perusteella jne. Perus-tunnisteiden tutkiminen ja merkintäperiaate eivät vie paljon aikaa. Sinulla on tarpeeksi pari päivää aikaa aloittaa omien projektien luominen.

Huomaa, että jos päätät opiskella tätä kieltämerkkejä, ole varovainen. Useimmat ongelmat johtuvat huolimattomuudesta: suljetuista pariliitostileistä, virheellisesti kirjoitetuista parametreista, kirjoitusvirheistä - kaikki tämä uhkaa muuttua virheeksi, jota voit etsiä tarpeeksi kauan. Yleensä sivujen HTML-merkinnän tutkiminen on varsin mielenkiintoista.

arviointi: