Koda predloge strani. S širokim okvirjem. Izbirne oznake v HTML5
Lekcija "Kako ustvariti stran HTML" je namenjena postavitvi zelo preproste spletne strani. Naučili se boste, kako pravilno shraniti datoteko HTML, nastaviti potrebno kodiranje za pravilen prikaz strani HTML v brskalniku in postaviti besedila, sezname in slike na spletno stran.
Po preučitvi te lekcije se boste že naučili ustvariti svojo prvo spletno stran, kot je prikazano na sliki 1.
Slika 1
1. Struktura dokumenta HTML
Datoteke HTML imajo pripono .htm oz .html.
Oznake so običajno seznanjene: začetna in končna oznaka. Začetno -<>, končno, Na primer
in
Imenuje se tudi seznanjena oznaka posoda .
Nekatere oznake nimajo zahtevanega para oznak, ta oznaka se imenuje samski
. Takšno oznako zapremo tako, da na primer pred oklepajem zapišemo desno poševnico
Struktura html dokumenta je videti tako (slika 2).
Slika 2
Pojasnila za seznam na sliki 2
V prvi vrstici konstrukcija DOCTYPE pomeni enega od standardov postavitve spletne strani.
Med oznakami
in
vsebuje del glave. Vključuje dizajn
Slika 3
Zapis pomeni kodiranje cirilice, tako da so črke pravilno prikazane v brskalniku. Če kodiranje ni določeno, so lahko pisave včasih prikazane na naslednji način (slika 4)
Slika 4
Ista stran po vstavitvi kodiranja (slika 5)
Slika 5
Opomba: namesto kodiranja charset="windows-1251" lahko uporabite kodiranje charset=" utf -8" , ki vam omogoča ustvarjanje večjezičnih spletnih mest, saj so v njem prisotni vsi znaki, ki obstajajo na svetu. V tem primeru v Beležnica++ je potreben pred postavitvijo in shranjevanjemhtml- v zgornjem meniju izberite datoteko Kodiranja - kodiraj v UTF -8 brez BOM (UTF-8 brez BOM)
Ti podatki so dovolj za ustvarjanje prvega dokumenta.
Vaja 1
1. Ustvarite mapo in jo poimenujte mojhiša. Imena vseh map in datotek morajo biti ustvarjena z malimi latiničnimi črkami, Ruskih imen ni mogoče uporabiti. Naj bodo imena kratka in smiselna.
Kodo spletne strani bomo zapisali v beležnici. Bolje je, da ne uporabljate Beležnice, ki je priložena sistemu Windows, ampak bolj "napredne", na primer Notepad ++. Distribucija Beležnica++ je v mapi CD/distr.
2. Odprite Notepad++. Prepričajte se, da je nastavljeno kodiranje ANSI, da to storite v meniju v elementu Kodiranja, nastavite položaj Kodiraj v ANSI.
3. V Notepad++ vnesite kodo iz seznama na sliki 2.
Koda v seznamu na sliki 2 nam bo v prihodnosti služila kot predloga, tako da nam ne bo treba vsakič vnašati strukture dokumenta HTML. Kopirajte konstrukcijo DOCTYPE od tukaj (ni vam je treba zapomniti ali zapomniti).
4. Shranite datoteko kot template.html v mapi moja hiša, medtem ko je na terenu Vrsta datoteke namestite Vse vrste(Slika 6), sicer se vaša spletna stran v brskalniku ne bo odprla.
Slika 6
5. Po shranjevanju zaženite predlogo. html dvojni klik. Posledično bo vaša datoteka videti tako (slika 7).
Slika 7
Če ne dobite rezultata kot na zgornji sliki, je najverjetneje v kodi napaka. Dovolj je en napačen znak in spletna stran ne bo prikazana pravilno. Znova preverite kodo s seznamom na sliki 2.
6. Znotraj mape moja hiša ustvarite mapo javnosti_ html. To ime je običajno mapa, v kateri je shranjeno spletno mesto, ko gostuje na pravem gostovanju (ta mapa se lahko imenuje tudi www).
7. Shranite datoteko predlogo. html v mapi javnosti_ html pod novim imenom glavni. html.
8. Iz mape CD/ html_css_1 odpreti datoteko text_main.txt v Notepad++ in odprite tudi datoteko, shranjeno pod imenom glavni. html
9. Kopirajte celotno besedilo iz datoteke text_main.txt in ga prilepite v datoteko glavni. html namesto izraza “vsebina spletne strani”. V oznaki
10. Shranite spremembe in predoglejte datoteko glavni. html v brskalniku. Videli boste neoblikovano besedilo. Brskalnik sploh ne naredi prelomov vrstic, ki so v izvornem besedilu (slika 8).
Slika 8
2. Oblikovanjesplet- strani označeneHTML
Ta vadnica Kako ustvariti stran HTML pokriva osnovne oznake, ki se uporabljajo za označevanje spletne strani.
Oznake so oblikovane za oblikovanje besedila spletne strani. Seznam oznak si lahko podrobneje ogledate v mapi CD/ImenikHTML v imeniku html401_ru.chm(v zgornjem elementu menija elementi).
Poglejmo si nekaj oznak.
Elementi h 1, h 2, h 3, h 4, h 5, h 6
Strukturiranje telesa dokumenta poteka znotraj elementa < telo> z uporabo naslovov, ki jih določajo elementi h1, h2, h3, h4, h5, h6.
Elementi glave so parni, zato morajo imeti odprtino < h1> in zapiranje h1> oznake.
HTML ima šest ravni naslovov: h1 (zgornja), h2, h3, h4, h5 in h6 (spodnja). Funkcionalnost elementov naslovov je podobna navadnim slogom naslovov v urejevalnikih besedil.
Učinki teh šestih oznak so prikazani na spodnjih slikah. Na eni sliki vir(Slika 9), na drugi - pogled v brskalniku (Slika 10).
Slika 9
Slika 10
Delitev besedila na odstavke
Oznaka < str> nastavi začetek odstavka in vstavi presledek na vrh odstavka – zamik za ločitev tega odstavka od prejšnjega.
Prisilni prelom vrstice
Oznaka
omogoča, da preostanek besedila odstavka prelijete v naslednjo vrstico. To je neparna oznaka in za razliko od oznake odstavka ne poveča razmika med vrsticami.
Vaja 2
1. Oblikujte naslov »Katalog arhitekturnih projektov« z uporabo oznak
in
.2. Oblikujte naslov »Projekti za vaš prihodnji dom« z oznakami
in
.3. Z oznakami oblikujte naslova »Hišni projekti« in »Hišni prostori«.
in
.4. Glavno besedilo razdelite na odstavke z oznako
Znotraj prvih dveh odstavkov uporabite oznako
prekiniti črto. Kot rezultat bi morala biti vaša koda videti takole (slika 11).
5. Oglejte si rezultat v brskalniku.
Slika 11
Označeni in oštevilčeni seznami
Z orodji HTML lahko ustvarite poljubne sezname: oštevilčene (številske in abecedne) in označene z različni tipi markerji.
Oznaka < ul>…ul> ustvari seznam z oznakami.
Oznaka < ol>…ol> ustvari oštevilčen seznam.
Posamezen element seznama kot v
- , in v
- Implementirajte kodo, prikazano na sliki 13, v novo datoteko.
- Shranite datoteko v mapo moja hiša pod imenom spisok_ vlozh. html. Rezultat na sl. 13
- absolutno;
- relativno.
- vnesite mapo folder_2,
- nato vnesite mapo folder_1,
- nato priložite sliko.
- izhod iz mape folder_1,
- izhod iz mape folder_2,
- priložite sliko.
- izhod iz mape folder_1,
- izhod iz mape folder_2,
- pojdite v mapo folder_3,
- pojdite v mapo folder_4,
- priloži sliko pic.jpg
- izhod iz mape folder_1,
- izhod iz mape folder_2,
- izhod iz mape folder_3,
- vnesite mapo folder_4,
- priloži sliko pic.jpg.
- template.html
- main.html
- spisok_vlozh.html
- znotraj mapemoja hišamora biti mapajavnosti_ htmlz datotekami prihodnje strani
- sedem primerov o relativnem naslavljanju in dva primera kot kontrolna iz praktična naloga 14
- ključne besede in opis strani;
- povezave do drugih datotek (*.css in *.js).
- oblikovan z oznako <
li>
.
Vaja 3
1. Ustvarite oštevilčen seznam pod naslovom »Hišni projekti«.
2. Ustvarite seznam z oznakami pod naslovom »Hišna območja«. Vaša koda bo videti tako (slika 12).
Slika 12
3. Oglejte si stran v brskalniku.
Sezname je mogoče ugnezditi drug v drugega z uporabo različnih označevalcev.
Primer ugnezdenega seznama je prikazan na sl. 13
Vaja 4
Slika 13. Primer ugnezdenega seznama
Slogi pisave
Oznaka … - omogoča prikaz besedila v krepki pisavi.
Oznaka … - omogoča prikaz besedila v ležečem tisku.
Oznaka … - prikaže podčrtano besedilo.
Na primer:
V tem primeru se prikaže besedilo krepko poševno , vendar ne podčrtano.
In v tem primeru bo besedilo napisano krepko podčrtano poševno .
Indeksi in nadnapisi
Oznaka < sub> in sub> omogoča spuščanje besedila za pol vrstice pod običajnim besedilom.
Oznaka < sup> in sup> vam omogoča dvig besedila za pol vrstice nad običajnim besedilom. Besedilo med tema oznakama bo prikazano v manjši pisavi kot običajno besedilo.
Vaja 5
1. Oblikujte ime myhouse.ru v krepkem tisku v prvem odstavku (slika 14).
Slika 14
2. Oblikujte stavek »Več kot 95 % projektov« v podčrtanem poševnem tisku v drugem odstavku (slika 15).
Slika 15
3. Oblikujte nadnapise, kjer so uporabljeni kvadratni metri (slika 16).
Slika 16
4. Shranite datoteko. Ogled prek brskalnika. Spletna stran bi morala izgledati tako (slika 17).
Slika 17
3. Vstavljanje slik
V našem članku Kako ustvariti stran HTML si bomo ogledali, kako postaviti slike na spletno stran.
Oznaka se uporablja za vstavljanje slik .
Zahtevani atribut za to oznako je src(iz angleškega SourCe - vir). Določa pot do grafično datoteko, katerega slika naj bo prikazana na spletni strani.
Če želite vstaviti sliko, uporabite ukaz 
Na primer: "
slika1.jpg"
alt="Slika" />
!}
Atribut alt je potreben, da bo pri ogledu spletne strani v načinu onemogočenih slik namesto manjkajoče slike napis, ki je napisan v atributu alt. Priporočljiva je tudi vedno uporaba nadomestnih besedil, saj iskalniki jih analizirajo kot ključne besede pri iskanju slik.
Grafične datoteke so lahko v formatu jpg, gif, png in vedno v barvnem modeluRGB.
Vaja 6
1. Po seznamu površin hiš na spletno stran vstavite slike projektov koč projekt_1.jpg in projekt_2.jpg iz mape CD/html_css_1 . Če želite to narediti, najprej kopirajte ti dve sliki v mapo, kjer se nahaja datoteka main.html. Koda za vstavljanje slike bo videti tako (slika 18).
Slika 18
2. Oglejte si rezultat v brskalniku (slika 19).
Slika 19
V bistvu princip uporabe oznakHTMLmora biti jasno. Uporabljajo se po enakem principu: če je oznaka vsebnik, potem obstajata odpiralna in zapiralna oznaka. Če je oznaka enojna, potem ni zaključne oznake; v tem primeru je desna poševnica zapisana pred zaključnim oglatim oklepajem, npr.< št/>. Ne glede na to, ali je oznaka vsebnik ali enojna, lahko vedno pogledate v specifikacijohtml401_ru.chm v razdelku »elementi«.
4. Naslavljanje znotraj spletnega mesta
V naši prvi lekciji, Kako ustvariti stran HTML, bomo raziskali koncepte naslavljanja v HTML.
Razmislimo o možnostih naslavljanja, ko morate slike postaviti v datoteko html, ki se lahko nahaja v različnih mapah spletnega mesta.
Obstajata dve vrsti naslavljanja:
Absolutno naslavljanje (z uporabo imen računalniških pogonov) se ne uporablja(Slika 20)
Slika 20
Rabljeno relativno naslavljanje - naslavljanje znotraj dokumenta ali niza dokumentov na enem strežniku. Če se želite sklicevati na datoteko znotraj spletnega mesta, morate brskalniku povedati, katero pot naj ubere, da pride do želene datoteke.
|
Primer 1 Slika se nahaja v isti mapi kot dokument HTML (slika 21). To pomeni, da sta slika in datoteka HTML na isti ravni datotečni sistem in dokument HTML lahko takoj priloži sliko. V tem primeru bo vstavljanje slike na spletno stran videti takole.
Slika 21 Praktična naloga7 Izvedite primer 1 (ustvarite mapo, datoteko doc.html, posnemite poljubno sliko). Slika |
|
Primer 2 Slika pic. jpg je v mapi mapo_1 . Dokument HTML se nahaja zunaj mape_1. Tisti. V datotečnem sistemu spletnega mesta se dokument HTML nahaja en nivo višje od slike (slika 22). Vnesti morate mapo folder_1 in priložiti sliko
Slika 22 Praktična naloga8 Izvedite primer 2 (ustvarite mapo, datoteko doc.html, posnemite poljubno sliko). Sliko je treba vstaviti na spletno stran doc.html. |
|
Primer 3 Slika pic. jpg je v mapi mapo_1 , ki pa leži v mapi mapo_2 . Dokument HTML se nahaja zunaj teh map (slika 23). Tako je dokument HTML dve ravni višji od slike. Potrebno:
Slika 23 Praktična naloga9 Izvedite primer 3 (ustvarite mape, datoteko doc.html, posnemite poljubno sliko). Sliko je treba vstaviti na spletno stran doc.html. |
|
Primer 4 mapo_1 . Slika se nahaja zunaj mape_1. Tisti. Dokument HTML se nahaja en nivo nižje od slike (slika 24). Zapustiti morate mapo_1 in priložiti sliko. Zapuščanje mape je označeno s konstrukcijo ../ (dve piki in poševnica na desni).
Slika 24 Praktična naloga10 Izvedite primer 4 (ustvarite mapo, datoteko doc.html, posnemite poljubno sliko). Sliko je treba vstaviti na spletno stran doc.html. |
|
Primer 5 Dokument HTML se nahaja v mapi mapo_1 , ki se nahaja v mapi mapo_2 . Slika je zunaj teh map. Tako se dokument HTML nahaja dve ravni nižje od slike (slika 25). Potrebno: Ker morate dvakrat izstopiti, dizajn ../ dvakrat ponovljeno.
Slika 25 Vaja 11 Izvedite primer 5 (ustvarite mape, datoteko doc.html, posnemite poljubno sliko). Sliko je treba vstaviti na spletno stran doc.html. |
|
Primer 6 (Slika 26) Potrebno:
Slika 26 Vaja 12 Izvedite primer 6 (ustvarite mape, datoteko doc.html, posnemite poljubno sliko). Slika je treba vstaviti na spletno stran doc.html. |
|
Primer 7 (Slika 27) Potrebno: Ker morate trikrat izstopiti, dizajn ../ ponovljeno trikrat.
Slika 27 Vaja 13 Izvedite primer 7 (ustvarite mape, datoteko doc.html, posnemite poljubno sliko). Slika je treba vstaviti na spletno stran doc.html. Tako, ne glede na to, kolikokrat morate izstopiti, postavimo konstrukcijo ../ tolikokrat, in če vstopimo, izpišemo imena map, ki jih srečamo na poti. |
/
>
/
>
/
>
Vaja 14
1. Ustvarite html dokument in vanj vstavite sliko, tako da bo pot do slike naslednja.
"
../../../../../../mapa_1/mapa_2/mapa_3/image.jpg" /
>
2. Razvijte svoj primer vstavljanja slike v dokument html tako, da vsebuje in izhod iz map in vhod v mape. Primer naj se razlikuje od vseh zgornjih primerov.
Kot rezultat dokončanja te teme bi morali imeti ustvarjene naslednje datoteke:
Veliko jezikov je bilo izumljenih, vendar je HTML eden izmed posebnih in najbolj priljubljenih jezikov. Z njim so povezani številni drugi ključni dogodki v programiranju. Veliko postane mogoče, ko ima razvijalčev um znanje o označevalnem jeziku - HyperText Markup Language (HTML).
V bistvu v HTML ni nič zapletenega in v nekaj minutah bo vsak, ki je daleč od programiranja in interneta, lahko ustvaril stran HTML v Beležnici. Primer vreden pozornosti, preprostost, ki je resnično dostopna vsakomur.
splošen opis
Datoteka HTML je ena stran spletnega mesta, čeprav je temu mogoče trditi, vendar je dejstvo, da ena datoteka sestavlja eno stran, jasno za začetek.
Datoteka HTML se začne z glavo DOCTYPE, ki označuje, da je vrsta datoteke HTML. Vsi elementi strani (oznake) so navedeni v oglatih oklepajih. Vsak par ("<» и «>") vključuje eno oznako HTML. Običajno so oznake HTML v parih, kar pomeni, da za vsako »oznako« obstaja »/tag«. Oba sta v oglatih oklepajih. Obstajajo posamezne oznake, med katerimi je najbolj priljubljena "br/" - prehod v naslednjo vrstico.
Največja oznaka v datoteki je sam HTML, ki vsebuje samo dve oznaki: HEAD in BODY. V prvem so narejeni različni opisi, navedene so povezave do drugih potrebnih datotek na strani, ki so lahko prisotne PHP skripte in JavaScript. Drugi beleži vsebino strani. Tudi v obliki oznak in skriptov.
Enostavna stran HTML
Primer ustvarjanja takšne strani je podan spodaj v članku. Pazljivo si ga oglejmo.
razdelek GLAVA
Glavni namen - splošen opis strani in splošne skripte, čeprav je slednja precej relativen pojem. Običajno sta tukaj pomembni samo dve stvari:
Za prikaz vsebine strani je vsebina tega razdelka pomembna le posredno, saj nakazuje: nekje v drugih datotekah obstajajo pravila CSS za oznake in skripte v drugih jezikih.
Stran HTML ima tisto, ki se prikaže, ko obiskovalec premakne miško na zavihek, kjer je stran odprta. to pomembna točka, saj naredi stran bistveno bolj predstavljivo, lažje povedljivo, podpisano z berljivim besedilom.
Oznake META so pomembne pri internetnem programiranju na splošno, vendar ko morate ustvariti stran HTML v Beležnici, ni priporočljivo, da bi primer natrpali z nepotrebnimi konstrukti.
Če se je treba skriptiranja lotiti, ko je uveljavljeno poznavanje HTML-ja, se je treba nemudoma lotiti kaskadnih slogovnih listov. Datoteke CSS vsebujejo zlasti pravila oblikovanja oznake HTML.
del TELO
Pravzaprav je primer strani HTML razdelek BODY. Tukaj so vse informacije, vsa vsebina strani spletnega mesta. Vse informacije so predstavljene v obliki oznak in skriptov, na primer vstavljanje kode JavaScript ali delov programov PHP.
Pomembno je razumeti, da primer spletne strani HTML v brskalniku in isti primer v urejevalniku besedila, zlasti Beležnici, nista ista stvar. V prvem primeru imamo že pripravljeno besedilo HTML, v katerem se izvajajo vsi skripti. Na primer, PHP je opravil svoj del in oblikoval potrebne oznake na pravih mestih namesto svoje kode. Tudi JavaScript je izpolnil svoje poslanstvo, čeprav bo o tem treba razpravljati posebej.
HTML so oznake in ne skripti. Konec koncev brskalnik prikaže le vsebino strani, le njene oznake. Tam ni kode PHP.
JavaScript je v posebnem položaju, njegova skrb je služiti strani ne samo v trenutku nalaganja (preobremenitve), temveč tudi v trenutkih, ko je stran v obiskovalčevem brskalniku in jo ta preučuje.
Preprost primer (samo razdelek BODY) je prikazan spodaj.
In v brskalniku obiskovalca je videti takole:
Koda ni določala, kako naj bodo videti elementi, ki bi jih prikazal brskalnik. Vsi vidni stili so v pravilih CSS. V tem primeru v datoteki Mcss/scPhpWordRW.css, ki je bila povezana (glejte prvi primer strani HTML).
Za razliko od HTML je tema CSS preprostejša, pravila so zelo dostopna in njihovo število je majhno, ko primer ustvarjanja strani HTML ne zahteva ničesar drugega kot beležko. Vse je zelo dostopno za takojšnje obvladovanje:
To kaže, kako preprosto je opisana oznaka scLogo_vDoc, ta opis pa je takšen, da v normalnem stanju oznaka prikaže sliko vDoc-logo.png, ko je miška nad njo, pa se prikaže vDoc-logo-h.png.
Struktura HTML opisov
Jezik ne pomeni nobene strukture in pojem sintakse je tukaj zelo relativen. Spremenljivk ni, je pa veliko možnosti. Temeljna osnova hiperteksta je, da obstaja element (oznaka), ki ima nujno ime.
Ime je v primeru seznanjene oznake sestavljeno iz samega imena (tagName) in oglatih oklepajev ("<» + tagName +«>«), če govorimo o o začetku oznake in ""če je njegov konec zabeležen.
Primer strani HTML z opisom atributov se nahaja spodaj v besedilu.
Oznaka ima lahko atribute, v tem primeru so postavljeni s presledkom za imenom oznake pred oglatim oklepajem ">". Atributi, če jih oznaka ima, so zapisani samo na začetku oznake. Za vsebino oznake se šteje tisto, kar je med začetkom in koncem oznake.
HTML vam omogoča opis blokovnih in vgrajenih elementov. Prvi zasedajo določeno območje v oknu brskalnika, lahko so postavljeni absolutno, to je na želeno mesto v območju prikaza strani HTML, in imajo določeno velikost.
Elementi v vrstici so običajno prikazani v eni niti, kar pomeni, da so prikazani na zaslonu tako, kot so bili podani v datoteki strani. Na prikaz celotnega toka lahko vplivate, ko se stran naloži. Na postavitev, vidnost in druge lastnosti blokovnih elementov lahko kadar koli vplivate s kodo JavaScript.
Poleg preprostih elementov HTML ponuja opis tabel in obrazcev. Po teh elementih je veliko povpraševanje pri "vsakdanji gradnji spletnih strani".
Opis mize: oznake TABLE, TR, TD
Z oznako TABLE lahko ustvarite tabelo, določite določeno število vrstic TR in določeno število celic TD v vsaki vrstici. Za razliko od običajne tabelarične organizacije je zaradi posebnosti označevanja HTML tabelarna organizacija omejena na to deklaracijo, zato, če želi razvijalec imeti pravokotno tabelo, v kateri je število stolpcev v vseh vrsticah enako, mora to spremlja sam.
Načelno stališče HTML je, da naredi vse, kar je določeno, vendar nič, kar ni razumljeno. V nekaterih primerih število stolpcev v vsaki vrstici tabele ni tako pomembno, če pa morate celice združiti navpično ali vodoravno, boste morali vse zelo natančno prešteti.
Primer strani HTML, ki opisuje preprosto tabelo, je jasno prikazan v članku.
Tukaj je prikazana tabela treh vrstic s tremi stolpci, v prvi vrstici pa je bila namesto oznake TD uporabljena oznaka TH - naslov stolpca. Ti dve oznaki se ne razlikujeta posebej, vendar je povsem mogoče uporabiti prvo za razlikovanje prve vrstice tabele, v CSS pa lahko TH pripnete svoj slog, ki ga razlikuje od drugih TD.
Opis obrazca: oznake FORM, INPUT
Obrazci so najbolj priljubljen del oznak HTML. Z uporabo obrazcev lahko prenašate informacije. Pravzaprav je stran sama izhod informacij, oblika pa je njen vnos.
Primer strani HTML, ki opisuje preprost obrazec:
Obstaja veliko več možnosti za uporabo obrazcev, vendar so to glavne možnosti. Določite lahko vnosna polja, jim dodelite načrt in upravljalnike za analizo podatkov, ki jih vnese uporabnik. Določite lahko skrita polja in posredujete informacije o ozadju s strani. Določite lahko gumbe za prenos informacij, s klikom na katere se začne postopek prenosa informacij.
Uporaba HTML
Poznavanje jezika hiperteksta je delo v kateri koli specializaciji na področju internetnega programiranja, če pa morate pisati programe v PHP ali JavaScript, potem morate odlično poznati HTML + CSS.
Jezik PHP je bil naveden v prejšnjem primeru. PHP teče na strežniku, zato je stran s tem obrazcem priletela s strežnika v brskalnik z izpolnjenimi polji. Zlasti funkcija TestOnBlur, omenjena v oznaki INPUT (obravnavalnik dogodkov onblur), je prejela vse parametre kot besedilna polja.
JavaScript se izvaja v brskalniku in da gumb za pošiljanje podatkov nazaj na strežnik deluje pravilno, to je konstrukcija: onclick=jQuery("#to").val("cart"), morate imeti ideja ne le o tem, kaj je jQuery, ampak tudi, kaj je #to, val, cart. Natančneje, poznati morate osnovne oznake HTML in splošna pravila z uporabo slogov CSS zanje.
To je povsem dovolj, da hitro izboljšate svoje kvalifikacije v kateri koli specializaciji na področju internetnega programiranja.
Pozdravljeni, dragi bralci bloga. S tem člankom se bomo začeli učiti osnov jezik HTML.
Verjetno že veste, da je glavni jezik interneta hiperbesedilni označevalni jezik HTML (HyperText Markup Language). V tem članku se bomo naučili osnovnih pojmov HTML in se naučili, kako ustvariti preproste SPLETNE strani.
Začnimo z najpomembnejšim, poglejmo, kako deluje Svetovni splet— Internet. Če želite ustvariti spletne strani, ustvarite datoteke, napisane v HTML, in jih postavite na spletni strežnik. Po tem lahko vsak brskalnik, nameščen na napravi z dostopom do interneta, naj bo to računalnik, telefon ali tablica, najde vaše spletne strani.
spletni strežnik- to je navaden računalnik s posebnim programsko opremo z dostopom do interneta. Nenehno posluša zahteve brskalnikov za spletne strani, slike, avdio in video datoteke. Ko strežnik prejme zahtevo za enega od teh virov, jo poišče in pošlje brskalniku.
Brskalnik- To poseben program, namenjen npr. brskanju po spletnih mestih internet Explorer. Z uporabo brskalnika brskate po spletnih mestih s klikanjem povezav. Vsak tak klik povzroči, da brskalnik spletnemu strežniku pošlje zahtevo za stran HTML, prejme odgovor in prikaže stran v svojem oknu. Ko se stran prikaže, začne delovati jezik HTML, ki brskalniku pove vse o strukturi in vsebini spletne strani. Uporaba ukazov - oznake, HTML pove brskalniku, kje se začnejo odstavki besedila, kateri del besedila je naslov in kam naj vstavi tabele in celo slike. In oznake so na primer besede v oglatih oklepajih
,
