HTML-koodia. HTML värikoodit

Varmasti olet kohdannut tällainen käsite kuin HTML-koodia. Kuulimme ystäviä, nähdään valikossa selaimen ja niin edelleen. N. Mutta mikä se on? Yritetään selvittää, mitä koodi on ja mitä elementtejä se koostuu.

perustiedot

Aloitamme määritelmän. HTML-koodia - merkintä tahansa sivulta, joka on suunniteltu HTML kieltä.

Koodi koostuu tunnisteita, jotka tekevät selaimen määrittää sivun ulkoasua on. Sen rakenne on jaettu kahteen osaan: pää - asiakirjan otsikko, joka rekisteröi sivun otsikko sekä tietoa itse asiakirjaan, ja ruumiin - ruumiin asiakirjan, joka asettaa parametrit sivun.

Jotta voidaan luoda enemmän tai vähemmän kunnollinen web-sivun, joka on kirjoitettu tyhjästä, olisi tutkittava tunnisteita käyttää tällä kielellä, niiden parametrit, sekä tietää HTML värikoodit.

tunnisteet

Tag - elementti HTML. Sen avulla voidaan määrittää fontin, värin, koon tekstiä, liitä se pöydälle ja kuvia, muoto, luoda otsikoita, linkkejä, ja sivun väriä.

Tunnisteet ovat aina kulmasulkeisiin - <>, ja juuri erottaa ne varsinaiseen tekstiin, joka näkyy sivulla selattaessa. On olemassa kahdenlaisia - kahden ja yhden.

Pariksi koostuu aukosta tunnisteen ja sulkeminen, kun taas jälkimmäinen, kun vasen kulma kiinnike on suora slensh. Esimerkiksi: & lt; b & gt; teksti & lt; / b & gt;.

Välillä kaksi tunnisteita on teksti, taulukko, kuva tai muu kohde, joka näkyy Web-sivulla.

Solo myös koostua yhdestä tag eikä sisällä vinoviiva. Esimerkiksi: & lt; h & gt;.

Tunnisteet voivat olla parametrit voidaan asettaa erityisiä koodeja HTML.

Huomaa myös, että suurin osa merkeistä: koira, niittejä tavaramerkki symboleja on suurempi tai yhtä suuri kuin pienempi tai yhtä suuri kuin, ja monet muut - on erityisen taulukon, jossa määritellään merkin koodin tiedot. Tämä koodi alkaa -merkillä, jonka jälkeen voi olla mikä tahansa kirjain muistisääntö sen nimitys, tai punnan kyltin kolminumeroinen merkkisen koodin. Lopussa se on varma laittaa puolipiste.

avaimenperät

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:

• & Lt; body & gt; - se sisältää perusparametrit asiakirjan kuten taustaväri linkkien ja muilla aloilla;
• & Lt; p & gt; - osoittaa kohta;
• & Lt; b & gt; - valitsee teksti lihavoitu;
• & Lt; i & gt; - kursiivi;
• & Lt; u & gt; - korostaa tekstin;
• & Lt; s & gt; - kumoaa tekstin;
• & Lt; sup & gt; - asettaa tekstin yläindeksi;
• & Lt; sub & gt; - alaindeksi;
• & Lt; fontti & gt; - asettaa fontin paramerty: koko, fontti, väri;
• & Lt; div & gt; - sen avulla on mahdollista tasata tekstin;
• & Lt; H & gt; - Tag otsikot;
• & Lt; a & gt; - avulla asetetun referenssiarvon;
• & Lt; taulukko & gt; - se auttaa lisätä taulukon asiakirja liittyy sen tunnisteet & lt; tr & gt; (Line) ja & lt; td & gt; (Cell).

single:

• & Lt; br & gt; - single, tekstin rivitys jälkeen hänen jälkeensä, uudelle sivulle;
• & Lt; h & gt; - se voidaan lisätä tekstiä vaakasuora viiva.

On syytä huomata, että tunnisteet ovat yleensä määrätty uudelle riville. Tämä tapahtuu kätevästi paitsi koodaaja, mutta myös niitä, jotka näkevät koodin HTML.

parametrien tunniste

Olemme jo puhuneet teille perus tunnisteet, jotka haluatte tietää. Tietenkin olemme listanneet, eivät kaikki, mutta tämäkin vähimmäismäärä voi riittää luomaan ensimmäisen verkkosivuja.

Mutta harvat tietää joitakin tunnisteita on myös selvitettävä parametreja, jotka voidaan asettaa. Tässä artikkelissa, me vain tehdä lyhyt katsaus, kuvaamme yleisimmin käytetty. Nähdä niitä voi, avata minkä tahansa HTML-koodia.

Älkäämme myös maali tag tämä vaihtoehto on sopiva, koska monet heistä käytetään useimmissa web markup komentoja:

• kasvot - määrittää fontin tyyppiä;
• koko - määrittää koko;
• väri - asettaa väri;
• kohdista - kohdistus;
• nimi - nimi;
• href - tällä parametrilla asettaa viite osoite;
• alt - vaihtoehtoinen teksti;
• leveys - leveys;
• korkeus - korkeus;
• tausta - tapetti;
• bgcolor - tausta.

Tämä ei ole kaikki parametrit, olemme listanneet vain eniten käytetty ja tunnettu.

Jälkeen rinnastaa parametri ja rekisteröi sitten ilmoitettu arvo. Suosittelemme kehittämiseen sivustoja ja sivuja käyttää erityisiä oppikirjoja tai oppaita, jotta tietää paitsi perusparametrit, mutta myös oikeus pyytää heitä.

väritaulukko

Joten, perus-tunnisteet ja niiden asetuksia, ymmärsimme, nyt Katsotaanpa HTML värikoodit. Se on niiden avulla, voit määrittää tekstin väriä, sivuja tai jotkut sen osat.

Noviisi ylläpitäjät pitäisi tietää, että on olemassa erityinen väri taulukko, jossa koodit annetaan kutakin väriä. On yhteensä 16 perusvärejä, jotka voidaan asettaa paitsi avulla pöydän, vaan osoittaa niiden nimi Englanti. Lisäksi on mahdollista lisätä sanoja valon ja pimeyden, oikeiden varjossa.

Myös taulukko turvalliset värit, jotka on 216 kaikenlaisia melassia.

Huomaa, että käyttö taulukoissa on paljon kätevämpää. Heille annetaan hex värikoodi. Tällöin näet heti värin. Kukin koodi alkaa ruutumerkillä, jota seurasi kolme paria merkkejä, jotka luonnehtivat intensiteetti päävärejä: punainen, vihreä ja sininen.

Tämä koodi yksinkertaisesti kopioida ja korvata haluamasi asetukset tunnisteen.

Miten nähdä koodin sivun

Jos olet kiinnostunut luomiseen verkkosivujen, sinun tulee varmasti mielenkiintoista nähdä sivuston HTML-koodia, joka haluat tai että käyt usein.

Mutta miten se tehdään? On kaksi tapaa, melko yksinkertainen ja suoraviivainen. Ensimmäinen - avaa halutun sivun ja paina näppäintä Ctrl + U. Uudessa ikkunassa, lähdekoodi sivu näkyy, josta voit nähdä ja tutkia.

Toinen tapa - paina hiiren vasenta painiketta ja valitse vuonna avautuvasta luettelosta, valitse "Source Code." Silti suosittelemme käyttää ensimmäistä menetelmää, koska käyttö pikanäppäimet on paljon helpompaa ja kätevämpää.

Huomaa, että lukemalla koodin, voit myös katsella kommentteja siitä, merkintärekisterit "Kommentti", joka näyttää tältä: & lt;! & Gt;. Niinpä hän Comments kirjoitettu jälkeen huutomerkki. Selaimessa, se ei vielä näy. Kirjallinen ensisijaisesti muu ohjelmoijat ja web-suunnittelijat pystyivät ymmärtämään minkälaista tietoa yksikkö on alle sen, mitä oli ilmoitettu tai koodinpätkä.

tulokset

Kirjoita HTML-koodi ei ole niin vaikeaa kuin se saattaa vaikuttaa ensi silmäyksellä. Varsinkin jos haluat luoda vaatimaton ja konstailematon sivustoja, online tutorials HTML-pohjainen , ja niin edelleen. N. oppiminen perusperiaate markup tageja ja se ei vie paljon aikaa. Sinulla on tarpeeksi jopa pari päivää alkaa luoda omia projekteja.

Huomaa, että jos haluat tutkia tätä markup language, ole varovainen. Useimmat ongelmat aiheutuvat huolimattomuudesta: -tunnisteita pariksi virheellisesti määrätty parametrit, painovirheitä - kaikki tämä uhkaa muuttua virheen, voit etsiä tarpeeksi kauan. Mutta yleensä, oppia HTML-sivun asettelu on varsin mielenkiintoinen.