Kamakailan, mas at mas madalas, ang iba't ibang mga mapagkukunan sa Internet ay nag-aayos ng mga holiwar sa paksa: ang HTML ba ay isang programming language o hindi. Gaya ng dati, may malaking bilang ng mga argumento na pabor sa parehong mga punto ng pananaw, kaya nagpasya akong tapusin ang hindi kinakailangang pagtatalo para sa aking sarili.

Kahulugan ng isang programming languageProgramming language - pormal na sistema ng pag-sign, na idinisenyo para sa pag-record ng mga programa sa computer. Tinutukoy ng programming language ang set leksikal, sintaktik at semantiko pagtukoy ng mga tuntunin hitsura mga programa at mga aksyon, na isasagawa ng performer (computer) sa ilalim ng kanyang kontrol.

Ito ang sinasabi nito sa Wikipedia, at karamihan sa iba pang mga mapagkukunan ay maaaring ganap na gumamit ng kahulugang ito o malayang ipahayag ito nang walang pagkawala ng kahulugan. Tingnan natin ang mga bahagi ng kahulugan ng isang wika:

• Ang pormal na wika ay isang hanay ng mga may hangganang salita (mga linya, tanikala) sa isang may hangganang alpabeto.
• Ang sistema ng pag-sign ay isang sistema ng pare-parehong binibigyang kahulugan at binibigyang kahulugan ang mga mensahe/senyales na maaaring ipagpalit sa proseso ng komunikasyon. Minsan nakakatulong ang mga sign system na buuin ang proseso ng komunikasyon upang mabigyan ito ng kasapatan sa mga tuntunin ng mga reaksyon ng mga kalahok nito sa ilang mga "sign". Ang wika (kapwa sa nakasulat na anyo at, sa kaso ng mga natural na wika, sa anyo ng pananalita) ay karaniwang binabanggit bilang isang halimbawa ng isang sistema ng tanda.
• Ang isang computer program ay isang pagkakasunud-sunod ng mga tagubilin na nilalayon na isagawa ng control device ng isang computer.
• Ang bokabularyo ay isang hanay ng mga salita ng isang partikular na wika, bahagi ng isang wika o mga salita na alam ng isang partikular na tao o grupo ng mga tao.
• Ang Syntax ay ang panig ng isang programming language na naglalarawan sa istruktura ng mga programa bilang mga hanay ng mga simbolo (karaniwang sinasabi - anuman ang nilalaman). Ang syntax ng isang wika ay kaibahan sa mga semantika nito. Ang syntax ng isang wika ay naglalarawan ng "dalisay" na wika, habang ang semantics ay nagtatalaga ng mga kahulugan (mga aksyon) sa iba't ibang mga syntactic constructions.
• Ang semantics sa programming ay isang disiplina na nag-aaral ng pormalisasyon ng mga kahulugan ng mga construct ng programming language sa pamamagitan ng pagbuo ng kanilang mga pormal na modelo ng matematika. Maaaring gamitin ang iba't ibang tool bilang mga tool para sa pagbuo ng mga naturang modelo, halimbawa, mathematical logic, λ-calculus, set theory, category theory, model theory, at universal algebra. Ang pormalisasyon ng mga semantika ng isang programming language ay maaaring gamitin kapwa upang ilarawan ang wika, matukoy ang mga katangian ng wika, at para sa mga layunin ng pormal na pag-verify ng mga programa sa programming language na ito.
• Ang wika ay isang sign system na nag-uugnay ng konseptong nilalaman at tipikal na tunog (spelling).

Sa mas simpleng mga termino, maaari itong sabihin tulad ng sumusunod:

Ang programming language ay isang set ng mga paunang natukoy, pare-pareho at naiintindihan na mga tagubilin para sa gumaganap (basahin: interpreter/compiler/computer/programmer) na mga tagubilin na nilalayon na isulat nang sunud-sunod para sa layunin ng kanilang pagpapatupad ng isang partikular na device na bahagi ng isang computer. Gayundin, ang programming language ay dapat magkaroon ng ilang mga tampok: dapat mayroong isang limitadong bilang ng mga tagubilin, at dapat alam ng lahat ang mga ito; ang mga tagubilin ay dapat na nakabalangkas sa isang tiyak na paraan upang makagawa ng ilang mga resulta, at dapat malaman ng lahat ang tungkol dito; dapat may mga tuntunin sa pagsulat ng mga tagubilin at dapat alam ng lahat ang mga ito; Ang bawat pagbuo ng wika ay dapat na malinaw na maiugnay ang nakasulat sa kung ano ang kailangang italaga.

Ito ay naging napakahirap at pangit, ngunit walang kumplikadong mga salita. Babalik tayo sa kahulugang ito sa ibang pagkakataon.

Mga uri ng programming language

Madalas ding ginagamit ang paghahati sa mababang antas at mataas na antas ng mga wika. Ang mga uri na ito ay naiiba sa "kapal ng layer" sa pagitan ng processor at ng programmer. Sa mga simpleng salita, sa mababang antas ng mga wika ang bawat pagtuturo ay kumakatawan sa isa o isang maliit na bilang ng mga tagubilin ng processor, at sa isang mataas na antas ng wika ang bawat pagtuturo ay kumakatawan sa isang malaking hanay ng mga tagubilin ng processor.

Tingnan natin ang mga kahulugan ng iba't ibang uri ayon sa Wikipedia:

• Ang Aspect-oriented programming (AOP) ay isang programming paradigm batay sa ideya ng paghihiwalay ng functionality upang mapabuti ang modularization ng isang programa.
• Ang structured programming ay isang software development methodology na nakabatay sa pagpapakita ng program sa anyo ng hierarchical structure ng mga block. Iminungkahi noong 70s ng ika-20 siglo ni E. Dijkstra, binuo at dinagdagan ni N. Wirth.
• Ang procedural programming ay programming sa isang imperative na wika, kung saan ang sunud-sunod na naisakatuparan na mga pahayag ay maaaring tipunin sa mga subroutine, iyon ay, mas malalaking integral unit ng code, gamit ang mga mekanismo ng wika mismo.
• Ang logic programming ay isang programming paradigm batay sa awtomatikong patunay ng mga theorems, pati na rin ang isang seksyon ng discrete mathematics na nag-aaral ng mga prinsipyo ng lohikal na inference ng impormasyon batay sa mga ibinigay na katotohanan at mga panuntunan ng inference. Ang logic programming ay batay sa teorya at apparatus ng mathematical logic gamit ang matematikal na prinsipyo ng resolution.
• Ang Object-oriented programming (OOP) ay isang programming paradigm kung saan ang mga pangunahing konsepto ay ang mga konsepto ng mga bagay at klase. Sa kaso ng mga prototyping na wika, ang mga prototype na bagay ay ginagamit sa halip na mga klase.
• Ang functional programming ay isang sangay ng discrete mathematics at isang programming paradigm kung saan ang proseso ng pagkalkula ay binibigyang kahulugan bilang pagkalkula ng mga halaga ng mga function sa matematikal na kahulugan ng huli (kumpara sa mga function bilang subroutine sa procedural programming).
• Ang isang multi-paradigm programming language ay, bilang panuntunan, isang programming language na partikular na binuo bilang isang tool para sa multi-paradigm programming, iyon ay, ang mga visual na kakayahan na sa simula ay nilayon na magmana mula sa ilang, kadalasang hindi nauugnay, mga wika. .
• Ang isang esoteric programming language ay isang programming language na idinisenyo upang galugarin ang mga hangganan ng programming language development, upang patunayan ang potensyal na pagpapatupad ng isang tiyak na ideya (ang tinatawag na "patunay ng konsepto", Ingles na patunay ng konsepto), bilang isang gawa ng software art , o bilang isang biro (computer humor).

Pamamaraan na pautos at deklaratibo
Ang lahat ng mga programming language ay nahahati sa dalawang grupo: paturol at pautos.

Mula sa isang matematikal na pananaw, ang isang programa sa isang imperative programming language ay isang pangkalahatang solusyon sa isang naibigay na problema, sa madaling salita, isang sagot sa tanong na "paano ito gagawin?" Ito ay isang pagkakasunod-sunod ng mga utos na dapat isagawa ng tagapagpatupad.

Ang isang programa sa isang declarative programming language ay isang kumbinasyon ng isang problema na pormal sa loob ng programming language at lahat ng mga theorems na kinakailangan upang malutas ito sa madaling salita, ang sagot sa tanong na "ano ang gagawin?" Ang isang tiyak na pagkakasunud-sunod ng mga aksyon ay ginagawa ng isang compiler, o mas madalas isang interpreter - isang program na nagpapatupad ng program code sa real time nang hindi ito kino-convert sa machine code.

Turing completeness Sa computability theory, ang isang executor (isang set ng computing elements) ay tinatawag na Turing complete kung anumang computable function ang maaaring ipatupad dito. Sa madaling salita, para sa bawat computable function ay mayroong computing element (halimbawa, Turing machine) o program para sa executor, at lahat ng function na kinakalkula ng isang set ng calculators ay computable functions (marahil na may ilang coding ng input at output data. ).
Ang pangalan ay nagmula kay Alan Turing, na nag-imbento ng abstract calculator - ang Turing machine at tinukoy ang maraming function na computable ng Turing machine.
Sa madaling salita, ang wika ay Kumpleto si Turing, kung anumang computable function na kailangan mo ay maaaring isulat sa wikang ito at malutas ng tagapagpatupad nito.

Hindi kumpleto si Turing Umiiral din ang mga wika, ngunit dahil nilikha ang mga ito para sa mga layuning pang-akademiko, hindi gaanong kilala ang mga ito at hindi gaanong ginagamit.

Kamusta mahal na mga nagsisimulang webmaster. Simulan natin ang pag-aaral ng mga programming language.

At magsisimula kaming pag-aralan ang mga ito gamit ang html.

Sasabihin ko kaagad na sa pagtatapos ng kurso ay magagawa mong magsulat ng isang website sa iyong sarili sa purong html at mai-post ito sa Internet. Ngunit inirerekumenda ko pa rin ang paglaan ng iyong oras, at pagkatapos ng html, kilalanin ang css.

Pagkatapos ay gagawin mong mas malamig ang site, at magagawa mong iwasto ang hitsura ng site na nilikha sa isang handa na CMS (sistema ng pamamahala ng nilalaman).

Ang pag-aaral ng isang programming language at pag-aaral ng isang banyagang wika ay hindi pareho, at ito ay mas madali. Bukod dito, hindi ito nakakatakot, ngunit napaka kapana-panabik.

Ang hindi maintindihan ay palaging nakakatakot sa iyo, ngunit ipinapangako ko sa iyo na pagkatapos ng mga unang aralin, lahat ng takot ay lilipas.

Matututo kami gamit ang editor, na kailangan mong i-install sa iyong computer.

Sa file editor na ito, maaari kang magsulat ng code at agad na makita kung paano ito ipinapakita ng browser. Napaka maginhawa.

Halika, sasabihin ko muna sa iyo ng kaunti kung ano ang HTML, at ito ang magiging boring na bahagi ng aming kurso, at pagkatapos ay papasok tayo sa pinakakawili-wiling pagsasanay. Siguradong hindi magiging boring doon.

Ang HTML (HyperText Markup Language) ay literal na nangangahulugang hypertext markup language. Ito ay ginagamit upang lumikha ng mga web page.

At kung, sa aming pag-unawa, ang isang koleksyon ng mga simpleng pahina na pinagsama ng isang paksa ay isang libro, o kahit na, mas mahusay na sabihin, isang makapal na magazine, kung gayon ang isang koleksyon ng mga web page na pinagsama ng isang domain name ay isang website.

Ang bawat web page ay may sariling natatanging teksto, isinulat mo, at nakapaloob sa html code.

Ang code ay mga tagubilin sa browser kung paano magpapakita ng partikular na elemento. Sabihin nating nagsulat ka ng isang salita, ngunit sa anong anyo ito lilitaw sa screen ay depende sa kung anong code mo ito ilalagay.

Ang html code ay binubuo ng mga sumusunod na elemento:

2. Mga katangian ng tag.

3. Mga halaga ng katangian.

Tingnan natin ang mga ito sa pagkakasunud-sunod.

Ang html tag ay ang pangunahing elemento ng code. Ito ay nakasulat tulad nito:

Tulad ng nakikita mo, ito ay binubuo ng dalawang bahagi. Ang mga unang anggulong bracket ay ang pambungad na bahagi, at ang pangalawa, na may slash, ay ang pangwakas na bahagi.

Sa pagitan ng dalawang bahaging ito, nakasulat ang natitirang code ng pahina na ipapakita sa screen.

Sinasabi ng tag sa browser na ito ay isang HTML na dokumento at ang pangunahing (magulang) na tag para sa lahat ng iba pang elemento.

Sa natitirang mga tag, mga elemento ng code, isang titik o salita ay nakasulat sa mga anggulong bracket, na magiging pangalan ng tag at matukoy kung aling elemento ang ipapakita sa screen ng tag na ito.

Halimbawa, kung ilalagay mo ang letrang h1 sa mga anggulong bracket, ang teksto ay ipapakita sa screen bilang isang heading.

Hello

Iyon ay, ang font ng salitang "Hello" ay magiging mas malaki at mas matapang kaysa sa natitirang bahagi ng teksto.

Kung ilalagay mo ang letrang p sa mga angle bracket, ang tekstong nakapaloob sa tag ay ipapakita bilang isang talata.

Hello

Iyon ay, ang font ay magiging normal, ngunit lahat ng nakasulat pagkatapos ng tag na ito ay magsisimula sa isang bagong linya.

Mayroong ilang dosenang mga naturang titik, at kahit na mga salita na tumutukoy sa uri ng utos, sa html, bagaman hindi hihigit sa 10-15 mga tag ang madalas na ginagamit.

Titingnan natin ang bawat isa sa kanila nang mas detalyado sa daan.

Ang mga sumusunod ay mga katangian ng tag. Madalas na ginagamit, hindi rin hihigit sa isang dosena. At kamakailan kahit na mas kaunti, dahil ang lahat ng mga function ng katangian ay inilipat sa css.

Ngunit higit pa tungkol dito sa ibang pagkakataon, ngunit sa ngayon ay malalaman pa rin natin kung ano ang isang katangian, dahil ang ilan sa mga ito ay hindi nawala ang kanilang kaugnayan at hindi kailanman mawawala.

Ang isang katangian ay isang karagdagang utos. Ito ay nakasulat sa pambungad na bahagi ng tag. Halimbawa, kung gusto mong gawing kulay ang pamagat, kailangan mong ipasok ang katangian ng kulay sa pambungad na bahagi ng h1 tag

At dumiretso tayo sa mga halaga ng katangian. Ang punto ay ang katangian ay dapat may halaga. Iyon ay, kung nagbigay ka ng utos na ang pamagat ay dapat na kulay, pagkatapos ay kailangan mong ipahiwatig kung anong kulay ito.

Ang indikasyon na ito ay ang halaga ng katangian. Mukhang ganito:

Ito ay pula.

Sa parehong paraan, ngunit gamit ang iba pang mga katangian, maaari mong itakda ang laki ng teksto, mga indent, alignment, at marami pa.

Bagama't, ang disenyo ay lalong lumilipat sa CSS, at ang mga katangian ng disenyo ay unti-unting nagiging luma at hindi na ginagamit.

At ngayon gumuhit kami ng isang konklusyon mula sa lahat ng nasa itaas:

Ang HTML ay isang wika na naiintindihan ng mga browser. Kailangan namin ito upang makipag-usap sa browser, o, maaaring sabihin ng isa, upang kontrolin ito, iyon ay, upang bigyan ito ng mga utos kung paano malalaman at ipakita sa screen ang aming isinusulat.

Gusto kong idagdag na ang mga tag, katangian, at ang mga kahulugan ng mga ito ay madaling matandaan sa panahon ng mga praktikal na pagsasanay, na kung saan ay kung ano ang magiging lahat ng susunod na artikulo.

Doon mo agad makikita ang tag, nalaman mo ang kahulugan nito, sa anong kaso at sa anong lugar ito ginagamit, anong mga palatandaan ang sinamahan nito, at kung paano ito nakasulat, kaya ngayon hindi ko ipapakita sa iyo ang lahat ng mga tag at katangian, makikita natin ang lahat sa pagsasanay.

Kung sinuman ang interesado, maaari mong palaging tingnan ang buong listahan ng mga tag at katangian ng html. .

Bagaman, kung hindi ka magpo-program nang propesyonal, sapat na na malaman ang ilang (mga isang dosenang) pangunahing mga tag at ilang mga katangian.

Well, iyon lang, hulaan ko. kaunti? At sa ngayon ay hindi na kailangan pa. Malalaman natin ang natitira sa proseso ng pag-aaral gamit ang mga partikular na halimbawa.

Sa tingin ko ito ay mas mauunawaan na may mga halimbawa. Ang aming layunin ay gumawa ng isang website at maunawaan kung paano gumagana ang lahat, kaya sige at magsanay.

Baguhin

Sa sandaling umupo ka upang mag-aral, tiyak na gigising ka ng isang bastardo!!!

Sa paaralan, sinabi ng guro sa mga mag-aaral:
- Sino sa inyo ang sa wakas ay nagtuturing na tanga? Tumayo ka.
Pagkatapos ng mahabang paghinto, tumayo ang isang estudyante:
- Kaya sa tingin mo ikaw ay tanga?
- Buweno, hindi eksakto, ngunit sa paanuman ay awkward na nakatayo kang mag-isa.

Nagpasya akong bigyang pansin ang mga nagsisimula na gustong makakuha ng kaalaman sa larangan ng pagbuo ng website. Itinulak ako ng aking guro na gawin ito, dahil marami siyang pagkakamali sa mga manwal para sa gawaing laboratoryo. Masisiyahan akong tingnan ang mapagkukunan kung saan kinuha ang impormasyong pang-edukasyon, at mag-iwan ng ilang linya ng aking opinyon doon. Ngunit hindi iyon tungkol doon ngayon. Sa aking unang panayam ay pag-uusapan ko

Ano ang istraktura ng isang HTML na dokumento?

Ang tag ay nagpapahiwatig na ang istraktura ng html na dokumento ay nagsisimula at nagtatapos. Karamihan sa impormasyon para sa browser at mga search engine ay naka-imbak sa pagitan ng mga tag. Ang mga tag ay naglalaman ng pamagat ng aming pahina. Ang tag ay nagpapahiwatig na ang karagdagang impormasyon ay inilaan para sa user, at natural na nagpapahiwatig na ang impormasyon para sa user ay nagtatapos.

Ngayon hayaan mo akong magpaliwanag nang kaunti. Lahat ng mga tag ( tag - elemento ng hypertext markup language) ay nahahati sa dalawang uri: "single" at "closing". Bilang karagdagan, ang mga tag ay nakapaloob sa mga sumusunod na character< и >, sila ang nagpapakilala sa tag sa ordinaryong html na teksto. Tingnan natin ang ilan sa mga pinakasimpleng "single" na tag:

— isang tag na responsable sa pagsira sa isang bagong linya sa lugar kung saan naka-install ang tag na ito. Tingnan natin ang code gamit ang tag na ito.

Ang aking unang website Hello everyone!
At ito ang aking unang site.

Maaaring tingnan ang resulta.

— isang tag na gumuhit ng pahalang na linya. Nalalapat ang tag na ito sa mga elemento ng pag-block, palaging nagsisimula ang linya sa isang bagong linya. May 5 katangian:

• align — Tinutukoy ang pagkakahanay ng linya. Maaaring kunin ang halaga sa kaliwa, gitna, kanan.
• kulay — Itinatakda ang kulay ng linya.
• noshade - Gumuhit ng linyang walang 3D effect.
• laki — Itinatakda ang kapal ng linya.
• lapad — Itinatakda ang lapad ng linya.

Code gamit ang tag:

Ang aking unang site Kumusta sa lahat Ito ang aking unang site.

Ang isang visual na halimbawa ay matatagpuan dito.

Ang isa pang "iisang" tag ay . Ang tag na ito ay ginagamit upang mag-imbak ng impormasyong inilaan para sa mga browser at search engine. Ang mga search engine ay tumitingin sa mga meta tag upang makakuha ng mga paglalarawan ng site, mga keyword, at iba pang data. Pinapayagan kang gumamit ng walang limitasyong bilang ng mga meta tag, lahat ng mga ito ay dapat nasa pagitan ng at . Ang mga parameter ng anumang meta tag ay nasa anyong “name=value”, na tinutukoy ng nilalaman ng mga keyword , pangalan o http-equiv . kasi Ang mga meta tag ay inilaan para sa mga makina, hindi sila gumagawa ng anumang mga visual na pagbabago, kaya ibibigay ko lamang ang source code:

Isinasaad ng linyang ito na naniniwala ang gumawa ng page na gumagamit ng UTF-8 encoding ang page. Sa HTML5 ang lahat ay naging mas simple upang matukoy ang pag-encode, ang kailangan mo lang ay ang sumusunod na linya:

Mayroong iba pang mga solong tag (, ,
, , , , , , , , , , , , , ), ngunit ipapakilala kita sa kanila mamaya.

Ngayon ay pag-usapan natin ang tungkol sa "pagsasara" na mga tag. Ang mismong pangalang "closing tag" ay nagpapahiwatig na ang tag ay nangangailangan ng mandatoryong pagsasara. Ginagawa ito upang malinaw na limitahan ang bahagi ng text na naaapektuhan ng tag.

Para sa isang malinaw na halimbawa, tingnan natin ang tag, na ginagamit upang i-highlight ang teksto; Ang mga tag ay mga hangganan na tumutukoy sa lugar ng pagpili ng teksto. Narito ang code kung saan nakalimutan nilang isara ang tag sa huling linya:

Ang aking unang website Hello everyone! At ito ang aking unang site.
Hi sa lahat! At ito ang aking unang site.

Tulad ng nakikita mo, walang kumplikado, ngayon ay maaari kang lumikha ng ilang mga pahina na naka-link sa bawat isa.

Mga tag para sa pag-highlight ng teksto

Mayroong ilang mga paraan upang i-highlight ang teksto sa isang pahina. Magagawa ito gamit ang mga istilo, o maaari kang gumamit ng mga tag. Kami ay (sa ngayon) interesado sa pangalawang opsyon.

— itinatakda ang font sa bold.

- nagtatakda ng italic font style.

— nagdaragdag ng salungguhit sa teksto.

- nilayon upang bigyang-diin ang teksto. Ipinapakita ng mga browser ang tekstong ito sa italics.

- tinatawid ang teksto. Ang tag na ito ay inalis sa HTML5, inirerekumenda na gamitin ito sa halip

— nagpapakita ng teksto bilang monospaced na teksto. Inalis mula sa HTML5.

— ipinapakita ang font bilang isang superscript. Lumilitaw ang font sa itaas ng baseline ng teksto at sa pinaliit na laki.

— ipinapakita ang font bilang isang subscript. Ang teksto ay nakaposisyon sa ibaba ng baseline ng natitirang mga character sa linya at pinaliit ang laki.

- nilayon upang bigyang-diin ang teksto. Ipinapakita ng mga browser ang tekstong ito nang naka-bold.

— binabawasan ang laki ng font ng isa kumpara sa regular na teksto. Sa HTML, ang laki ng font ay sinusukat sa mga conventional unit mula 1 hanggang 7, ang average na default na laki ng text ay 3. Binabawasan ng tag ang text ng isang conventional unit. Pinapayagan ang mga nested tag, at ang laki ng font ay magiging mas maliit ng 1 sa bawat nested na antas, ngunit hindi maaaring mas mababa sa 1.

— pinapataas ng isa ang laki ng font kumpara sa regular na text. Sa HTML, ang laki ng font ay sinusukat sa mga unit mula 1 hanggang 7, ang average na default na laki ng text ay 3. Kaya, ang pagdaragdag ng tag ay nagpapataas ng text ng isang unit. Pinapayagan ang mga nested tag, at magiging mas malaki ang laki ng font sa bawat antas.

- ginagamit upang i-highlight ang mga panipi sa teksto. Ang mga nilalaman ng lalagyan ay awtomatikong ipinapakita sa browser sa mga panipi.

— idinisenyo upang i-highlight ang mahahabang panipi sa loob ng isang dokumento. Ang text na minarkahan ng tag na ito ay tradisyonal na ipinapakita bilang isang nakahanay na bloke na may padding sa kaliwa at kanan (humigit-kumulang 40 pixels), pati na rin ang padding sa itaas at ibaba.

— tumutukoy sa isang bloke ng paunang na-format na teksto. Ang ganitong teksto ay karaniwang ipinapakita sa isang monospaced na font at kasama ang lahat ng mga puwang sa pagitan ng mga salita. Bilang default, ang anumang bilang ng mga puwang sa code sa isang hilera ay ipinapakita bilang isa sa web page. Binibigyang-daan ka ng Tag na i-bypass ang feature na ito at ipakita ang text ayon sa kinakailangan ng developer.

— tumutukoy sa isang tekstong talata. Tag

Ito ay isang elemento ng bloke, palaging nagsisimula sa isang bagong linya, ang mga talata ng teksto na sumusunod sa bawat isa ay pinaghihiwalay ng padding. Maaaring kontrolin ang dami ng padding gamit ang mga istilo. Kung walang pansarang tag, ang dulo ng talata ay itinuturing na tumutugma sa simula ng susunod na elemento ng block.

.... - Nag-aalok ang HTML ng anim na heading sa iba't ibang antas, na nagpapahiwatig ng kaugnay na kahalagahan ng seksyon pagkatapos ng heading. Kaya, kinakatawan ng tag ang pinakamahalagang heading sa unang antas, at nagsisilbi ang tag na ipahiwatig ang heading na pang-anim na antas at ito ang hindi gaanong mahalaga. Bilang default, ang unang antas ng heading ay ipinapakita sa pinakamalaking bold na font, at ang kasunod na antas ng mga heading ay mas maliit sa laki. Ang mga tag ,..., ay tumutukoy sa mga elemento ng block, palaging nagsisimula ang mga ito sa isang bagong linya, at pagkatapos ng mga ito ang iba pang mga elemento ay ipinapakita sa susunod na linya. Bukod pa rito, idinaragdag ang puting espasyo bago at pagkatapos ng pamagat. Ang tag ay may isang align attribute, na tumutukoy sa pagkakahanay ng pamagat maaari itong tumagal ng mga sumusunod na halaga: kaliwa - left-aligned title, center - centered-aligned, right - right-aligned, justify - justified (parehong kanan- at kaliwa; -nakahanay). Gumagana lang ang value na ito para sa mga header na mas mahaba sa isang linya.

— ay isang lalagyan para sa pagbabago ng mga katangian ng font, tulad ng laki, kulay at typeface. Bagama't ang tag na ito ay sinusuportahan pa rin ng lahat ng mga browser, ito ay itinuturing na hindi na ginagamit at ang paggamit nito ay inirerekomenda na iwanan para sa mga istilo. Ang tag ay may 3 katangian: kulay — nagtatakda ng kulay ng teksto, mukha — tinutukoy ang font typeface, laki — nagtatakda ng laki ng font sa mga karaniwang unit.

— minarkahan ang teksto bilang isang sipi o talababa sa ibang materyal. Ang pag-highlight na ito ay kapaki-pakinabang para sa pagbabago ng estilo ng teksto sa pamamagitan ng CSS, at ginagamit din upang paghiwalayin ang HTML code sa mga istrukturang elemento. Karaniwang itinatakda ng mga browser ang text sa loob ng isang container upang maging italic.

— ay nagpapahiwatig na ang pagkakasunud-sunod ng mga character ay isang pagdadaglat. Gamit ang katangian ng pamagat, ang pagdadaglat ay binibigyang kahulugan, na nagpapahintulot sa mga taong hindi pamilyar dito na maunawaan ang pagdadaglat. Bilang karagdagan, ini-index ng mga search engine ang full-text na bersyon ng pagdadaglat, na maaaring magamit upang mapabuti ang ranggo ng dokumento.

Bilang default, ang text na nakapaloob sa container ay may salungguhit na may tuldok na linya.

Nasa ibaba ang code kung saan ginamit ko ang lahat ng mga tag na ito:

Ang aking unang site

Ang HTML at CSS ay dalawa sa mga pangunahing teknolohiya para sa pagbuo ng mga Web page. Ibinibigay ng HTML ang istruktura ng page, CSS ang (visual at aural) na layout, para sa iba't ibang device. Kasama ng mga graphics at scripting, HTML at CSS ang batayan ng pagbuo ng mga Web page at Web Application. Matuto nang higit pa sa ibaba tungkol sa:

Ano ang HTML?

Ang HTML ay ang wika para sa paglalarawan ng istruktura ng mga Web page. Binibigyan ng HTML ang mga may-akda ng paraan upang:

Mag-publish ng mga online na dokumento na may mga heading, text, talahanayan, listahan, larawan, atbp.
Kunin ang online na impormasyon sa pamamagitan ng hypertext links, sa pag-click ng isang button.
Magdisenyo ng mga form para sa pagsasagawa ng mga transaksyon sa mga malalayong serbisyo, para magamit sa paghahanap ng impormasyon, paggawa ng mga reserbasyon, pag-order ng mga produkto, atbp.
Isama ang mga spread-sheet, video clip, sound clip, at iba pang mga application nang direkta sa kanilang mga dokumento.
Sa HTML, inilalarawan ng mga may-akda ang istruktura ng mga pahina gamit ang markup. Ang mga elemento ng wika ay may label na mga piraso ng nilalaman tulad ng “talata,” “listahan,” “talahanayan,” at iba pa. Ano ang XHTML?

Ang XHTML ay isang variant ng HTML na gumagamit ng syntax ng XML, ang Extensible Markup Language. Ang XHTML ay may lahat ng parehong elemento (para sa mga talata, atbp.) bilang ang HTML na variant, ngunit ang syntax ay bahagyang naiiba. Dahil ang XHTML ay isang XML application, maaari mong gamitin ang iba pang mga XML tool kasama nito (tulad ng XSLT, isang wika para sa pagbabago ng XML na nilalaman).

Ano ang CSS?

Ang CSS ay ang wika para sa paglalarawan ng presentasyon ng mga Web page, kabilang ang mga kulay, layout, at mga font. Nagbibigay-daan ito na iakma ang presentasyon sa iba't ibang uri ng mga device, gaya ng malalaking screen, maliliit na screen, o printer. Ang CSS ay independiyente sa HTML at maaaring gamitin sa anumang XML-based na markup language. Ang paghihiwalay ng HTML mula sa CSS ay nagpapadali sa pagpapanatili ng mga site, pagbabahagi ng mga style sheet sa mga pahina, at pag-angkop ng mga pahina sa iba't ibang kapaligiran. Ito ay tinutukoy bilang ang paghihiwalay ng istraktura (o: nilalaman) mula sa pagtatanghal.

Ano ang WebFonts? Ang WebFonts ay isang teknolohiya na nagbibigay-daan sa mga tao na gumamit ng mga font on demand sa Web nang hindi nangangailangan ng pag-install sa operating system. Ang W3C ay may karanasan sa mga nada-download na font sa pamamagitan ng HTML, CSS2, at SVG. Hanggang kamakailan, ang mga nada-download na font ay hindi naging karaniwan sa Web dahil sa kakulangan ng interoperable na format ng font. Plano ng pagsisikap ng WebFonts na tugunan iyon sa pamamagitan ng paglikha ng isang suportado ng industriya, bukas na format ng font para sa Web (tinatawag na "WOFF").

Ang panayam ay natapos na, umaasa ako na ang nakuhang kaalaman ay magiging kapaki-pakinabang sa iyo! Sa susunod na panayam, sasabihin ko sa iyo kung ano ang iniimbak ng tag, matututunan natin kung paano magsagawa ng lahat ng uri ng manipulasyon sa mga larawan, at makilala ang mga talahanayan.

Sa pagsulat ng artikulong ito, ang paglalarawan ng ilang mga tag ay kinuha mula rito

Ang bawat tao'y gumagamit ng Internet at lahat ay nagba-browse sa iba't ibang mga site, at marahil ang lahat ay gustong ilagay ang kanilang website sa Internet, ngunit hindi ito madaling gawin, maraming dahilan para dito. Gayunpaman, para makapag-host ka ng isang kalidad na website, kailangan mo lang malaman ang mga pangunahing kaalaman " WEB programming", na siyang HTML na wika. Sa artikulong ito titingnan natin ang mga pangunahing elemento, tag, katangian, at kahit na isulat ang unang web page.

Hyper Text Markup Language - "HTML" ( hypertext markup language) marami ang matagal nang tumigil na isaalang-alang ito na isang programming language lamang. Dahil ang mismong konsepto ng HTML ay kinabibilangan ng iba't ibang mga pamamaraan para sa pagdidisenyo ng mga dokumento ng hypertext, disenyo, mga editor ng hypertext, mga browser at marami pang iba. Ang isang gumagamit na nakabisado ang wikang ito ay nakakakuha ng kakayahang gumawa ng mga seryosong bagay gamit ang mga simpleng pamamaraan at, higit sa lahat, mabilis, na itinuturing na napakahusay sa modernong mundo!

Sa wikang HTML, maaari kang lumikha ng iyong sariling mga produkto ng multimedia at ipamahagi ang mga ito sa mga CD, at ang lahat ng mga produktong ito, na ginawa sa anyo ng mga hanay ng mga pahina ng HTML, ay hindi nangangailangan ng pagbuo ng dalubhasang software, dahil ang lahat ng kailangan para sa pagtatrabaho sa data ( Mga web browser) ay naging bahagi ng karaniwang software sa karamihan ng mga personal na computer.

• Elemento ( elemento) ay isang construct ng HTML na wika. Ito ay isang bagay na naglalaman ng data at pinapayagan itong ma-format sa isang partikular na paraan. Ang anumang Web page ay isang hanay ng mga elemento. Ang isa sa mga pangunahing ideya ng hypertext ay ang posibilidad ng mga elemento ng nesting.
• Tag ( tag) - panimula o pagtatapos na mga marker ng isang elemento. Tinutukoy ng mga tag ang mga hangganan ng pagkilos ng mga elemento at hiwalay na mga elemento sa bawat isa. Sa teksto ng isang Web page, ang mga tag ay nakapaloob sa mga anggulong bracket, at ang panghuling tag ay palaging sinusundan ng isang slash.
• Attribute - isang parameter o property ng isang elemento. Sa madaling salita, ito ay isang variable na may karaniwang pangalan at maaaring magtalaga ng isang partikular na hanay ng mga halaga: karaniwan o arbitrary. Ang mga halaga ng katangian ng character ay inaasahang kasama sa mga tuwid na quote, ngunit pinapayagan ka ng ilang browser na alisin ang mga quote. Ito ay dahil ang uri ng katangian ay palaging alam nang maaga. Ang mga katangian ay matatagpuan sa loob ng panimulang tag at pinaghihiwalay sa bawat isa ng mga puwang.
• Ang hyperlink ay isang piraso ng teksto na isang pointer sa isa pang file o bagay. Ang mga hyperlink ay kinakailangan upang paganahin ang nabigasyon mula sa isang dokumento patungo sa isa pa.
• Frame ( frame) - ang katagang ito ay may dalawang kahulugan. Ang una ay ang lugar ng dokumento na may sariling mga scroll bar. Ang pangalawang halaga ay isang imahe sa isang complex ( animated) graphic file (katulad ng isang still mula sa isang pelikula). Posible rin na sa halip na ang terminong "frame" sa espesyal na literatura at mga produktong lokal na software ay mahahanap mo ang terminong "frame" o "frame".
• Ang HTML file o HTML page ay isang dokumentong nilikha sa anyo ng hypertext batay sa HTML na wika. Ang mga nasabing file ay may mga extension na htm o html.
• Applet ( applet) - isang programa na inilipat sa computer ng kliyente bilang isang hiwalay na file at inilunsad kapag tumitingin sa isang Web page.
• Script o script ( script) ay isang programang kasama sa isang Web page upang palawakin ang mga kakayahan nito.
• Extension ( extension) ay isang elemento na hindi kasama sa detalye ng wika, ngunit ginagamit upang magbigay ng kakayahang lumikha ng bago at kawili-wiling epekto sa pag-format.
• CGI ( Karaniwang Gateway Interface) ay isang pangkalahatang pangalan para sa mga program na, na tumatakbo sa isang server, ay nagbibigay-daan sa iyong palawakin ang mga kakayahan ng mga Web page. Halimbawa, kung walang ganitong mga programa imposibleng lumikha ng mga interactive na pahina.
• Ang HTML code ay isang hypertext na dokumento sa orihinal nitong anyo, na makikita ang lahat ng elemento at katangian.
• Ang web page ay isang dokumento (file) na inihanda sa hypertext na format at nai-post sa World Wide Web.
• Website ( site) - isang set ng mga Web page na matatagpuan sa isang lugar at magkakaugnay.
• Browser ( browser) - isang programa para sa pagtingin sa mga Web page.
() - pagkopya ng mga file mula sa server patungo sa computer ng kliyente.
• URL( Uniform Resource Locator) o pare-parehong tagahanap ng mapagkukunan, ang address ng ilang bagay sa Internet, i.e. Ang isang karaniwang URL para sa WWW ay mukhang: http://www.name.domain/filename.

Ang lahat ng elemento ng wika ay maaaring hatiin sa tatlong pangkat. Kasama sa una ang mga elemento na lumilikha ng istraktura ng isang hypertext na dokumento. Ang paggamit ng mga naturang elemento ay isang kinakailangang pormalidad na hindi maaaring pabayaan. Kasama sa pangalawang pangkat ang mga elemento na lumilikha ng mga epekto sa pag-format. Ang kanilang paggamit ay idinidikta ng mga partikular na kinakailangan para sa dokumento, ang imahinasyon at kakayahan ng nag-develop. Kasama sa ikatlong pangkat ang mga elemento na nagpapahintulot sa iyo na pamahalaan ang software na naka-install at tumatakbo sa computer ng kliyente. Kadalasan ang mga naturang elemento ay awtomatikong nilikha kapag ang isang developer ay gumagamit ng isang hypertext editor o katulad na programa upang magpasok ng isang bagay sa isang dokumento.

Bagama't ang espesipikasyon ng HTML ay isang pamantayan, ang mga bagong elemento ay idinaragdag sa wika ( mga extension). Samakatuwid, ang ilang mga Web page ay mas maginhawang tingnan gamit ang ilang mga browser. Ang mga extension ay nilikha lamang ng mga kilalang kumpanya na bumuo ng software para sa WWW, at ang mga ordinaryong user ay maaaring mapabuti ang kanilang mga Web page sa pamamagitan ng programming. Binibigyang-daan ka ng mga Applet na alisin ang mga limitasyon ng HTML at bigyan ng saklaw ang imahinasyon ng developer.

Mga bersyon ng HTML

Ang unang bersyon ng HTML na wika ay binuo noong unang bahagi ng 90s ni Tim BenersLee para sa isa sa mga sikat na Mosaic browser sa nakaraan. Ngunit sa oras na iyon, alinman sa browser o HTML mismo ay hindi pa nakahanap ng magandang gamit. Lumitaw ang HTML+ noong 1993, at halos hindi napansin ang bersyong ito. Ngunit ang wikang HTML ay naging laganap salamat sa bersyon 2.0, na lumitaw noong Hunyo 1994. At mula sa sandaling iyon, ang katanyagan ng WWW ay tumataas sa buong mundo. Ang mga pamantayang kasama sa bersyon 2 ay naging matatag na ginagamit pa rin hanggang ngayon.

Ang bersyon ng HTML 3.0, na lumitaw pagkalipas ng isang taon, ay nagpakilala ng kakayahang gumuhit ng mga simbolo ng matematika ( integral sign, infinity, fractions, parentheses, atbp.) gamit ang mga elemento ng wika. Ngunit ang pag-unlad ng proyektong ito ay bumagal at hindi nakakuha ng karagdagang pamamahagi.

Noong 1996, lumitaw ang bersyon ng HTML 3.2. Ito ay isang napakatalino na solusyon; ito ay sapat na upang banggitin na ang mga frame ay ipinakilala sa mga detalye ng wika, na ngayon ay naging napakapopular sa mga developer ng website. Hanggang ngayon, sinusuportahan ng lahat ng browser ang bersyong ito ng HTML.

Opisyal na HTML 4 na Detalye ( Dynamic na HTML) ay binuo noong 1997. Sa oras na ito, malinaw na ang karagdagang pag-unlad ng hypertext ay isasagawa sa pamamagitan ng web programming. Ito ay naging mas epektibo kaysa sa pagpapakilala ng mga bagong elemento sa wika.

Istraktura ng web page

Nasa ibaba ang code ng Web page, na ginawa sa HTML, at gamit ang pahinang ito bilang isang halimbawa, susuriin namin ang istraktura nito, ngunit una, kopyahin ang lahat ng code sa isang regular na text notepad at i-click ang "I-save bilang" at i-save ang file na may extension ng html, ibig sabihin. pagkatapos ng pangalan write.html

Structure ng isang web document Pumunta sa dulo ng dokumento Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Ang unang link ay matatagpuan dito Dapat dito matatagpuan
pangunahing teksto ng web page.
At ako, halimbawa, ay magsingit dito
ilang paglipat,
para magawa mo
malinaw na obserbahan
paano ito gumagana para sa iyo
mga link sa loob ng dokumento,
kung hindi man kung mayroon kang malaking resolution,
Hindi mo lang mapapansin ang mga link na sinusundan

HTML na dokumentong notasyon. Isa sa mga prinsipyo ng wika ay multi-level nesting ng mga elemento. Ang elementong ito ay ang pinakalabas, dahil ang buong Web page ay dapat na matatagpuan sa pagitan ng mga tag ng simula at pagtatapos nito. Sa teorya, ang elementong ito ay maaaring ituring bilang isang pormalidad. Mayroon itong mga katangian ng bersyon, lang at dir, na bihirang ginagamit sa kasong ito, at nagbibigay-daan sa pagpupugad ng HEAD, BODY FRAMESET at iba pang elemento na tumutukoy sa pangkalahatang istruktura ng Web page. Naturally, lahat ng naturang dokumento ay nagtatapos sa isang end tag.

< head >

Ang lugar ng pamagat ng isang Web page. Sa madaling salita, ang unang bahagi nito. Tulad ng nakaraang elemento, ang HEAD ay nagsisilbi lamang upang mabuo ang pangkalahatang istraktura ng dokumento. Ang elementong ito ay maaaring magkaroon ng lang at dir attribute.

< title >

Isang elemento para sa paglalagay ng pamagat ng isang Web page. Ang linya ng teksto na matatagpuan sa loob ng elementong ito ay hindi lilitaw sa dokumento, ngunit sa title bar ng browser window. Ang elementong ito ay lubos na nakakaimpluwensya sa promosyon sa search engine dahil binibigyang pansin ng mga search engine ang TITLE tag. Ang aking payo: huwag gumawa ng napakahabang teksto sa tag na ito ( 65 character ay sapat na).

Ang elementong ito ay naglalaman ng impormasyon ng serbisyo na hindi makikita kapag tumitingin sa isang Web page. Walang text sa loob nito sa karaniwang kahulugan, kaya walang end tag. Ang bawat elemento ng META ay naglalaman ng dalawang pangunahing katangian, ang una ay tumutukoy sa uri ng data, at ang pangalawa ay tumutukoy sa nilalaman.

< body >

Pinagsasama ng elementong ito ang hypertext, na tumutukoy sa mismong Web page. Ito ang nakikitang bahagi ng dokumento na binuo ng auto page at ipinapakita ng browser. Alinsunod dito, ang end tag ng elementong ito ay dapat na matagpuan sa dulo ng Web page. Sa loob ng elemento ng BODY, maaari mong gamitin ang lahat ng mga elemento na inilaan para sa disenyo ng Web page. Sa loob ng panimulang tag ng elemento ng BODY, maaari kang maglagay ng maraming katangian na nagsisilbing itakda ang buong page. Tingnan natin ang mga ito sa pagkakasunud-sunod.

Ang isa sa mga pinakakapaki-pakinabang na katangian ng tag na ito, na may epekto sa disenyo ng page, ay

background="path to background file"

Ang isang mas simpleng disenyo ng background ay bumababa sa pagtatakda ng kulay nito

bgcolor="#FFFFFF"

Ang kulay ng background ay tinukoy ng tatlong dalawang-digit na hexadecimal na numero na tumutukoy sa intensity ng mga kulay na pula, berde, at asul (rbg).

Dahil maaari mong baguhin ang background ng pahina, maaari mo ring baguhin ang kulay ng teksto. Para sa layuning ito mayroong sumusunod na katangian

text="#RRGGBB"

Upang itakda ang kulay ng teksto ng mga hyperlink, gamitin ang sumusunod na katangian

link="#RRGGBB"

Maaari ka ring tumukoy ng pagbabago ng kulay para sa huling napiling hyperlink ng user

Elemento ng header. Mayroong anim na antas ng mga heading, na itinalaga bilang mga sumusunod.
Heading
Heading
Heading
Heading
Heading
Heading

Ang Level 1 na heading ang pinakamalaki, at ang level 6 ay nagbibigay ng pinakamaliit na heading. Para sa mga heading, maaari kang gumamit ng attribute na tumutukoy sa kaliwa, gitna, o kanang pagkakahanay:

align="left" align="center" align="right"

Para gumawa ng bagong talata, gamitin ang tag

At upang lumipat sa isang bagong linya nang hindi lumilikha ng isang talata - tag
i.e. nagaganap ang paglilipat. Hindi kailangang isara ang mga tag na ito. Siyempre, kung hindi mo ginagamit sa tag

Ang elemento ng ALIGN, na maaaring magtakda ng pagkakahanay ng talata:

Kaliwa

Nakasentro

Tama

Ang teksto sa pagitan ng mga elementong ito ay nakahanay sa lapad

Pahalang na linya ( pahalang na panuntunan) ay isang napakakaraniwang elemento. Una, dahil ginagawa nitong napakadali at maginhawa upang hatiin ang isang pahina sa mga bahagi. Pangalawa, dahil ang may-akda ng pahina ay may napakaliit na seleksyon ng mga naturang elemento ng disenyo. Ang elemento ay walang end tag, ngunit may ilang mga katangian para sa kaliwa, gitna, kanan, katwiran:

• align="left"
• align="center"
• align="right"
• align="justify"

Ang isang HTML na dokumento ay maaaring maging napakahirap, at hindi masyadong maginhawa para sa gumagamit na kailangang mabilis na lumipat sa nais na seksyon ng dokumento. Upang gawin ito, maaari mong gamitin ang mekanismo ng hyperlink. Upang gawin ito, ilagay ang naaangkop na mga marka sa mga tamang lugar sa teksto.

Libreng text

Sa kasong ito, ang isang ibinigay na linya ng dokumento ay binibigyan ng pangalan, at samakatuwid ang isang hyperlink ay maaaring gawin sa ibang bahagi ng dokumento, o kahit na sa isa pang dokumento, na humahantong sa label na iyon.

Upang magpasok ng mga larawan ( mga larawan) sa isang HTML na dokumento ang sumusunod na tag ay ginagamit ( nagbibigay ng kumpletong paglalarawan ng mga katangian ng tag na ito):

Mga listahan

(listahan) ay binuo sa HTML, walang alinlangan na naiimpluwensyahan ng tagumpay ng mga text editor. Ang isang listahan ay naiiba sa ordinaryong teksto, una sa lahat, dahil hindi kailangang isipin ng user ang tungkol sa pag-numero ng mga item nito: Ang HTML ay tumatagal sa gawaing ito. Kung ang listahan ay pupunan ng mga bagong item o pinaikli, awtomatikong magpapatuloy ang pagnunumero. Sa kaso ng mga walang bilang na listahan, ang HTML ay nauuna sa bawat item na may mga marka: mga bilog, parihaba, diamante, at iba pang mga larawan. Sa huli, ang listahan ay tumatagal sa isang disenteng anyo. Mayroong dalawang grupo ng naturang mga tag: ang ilan ay tumutukoy sa pangkalahatang hitsura ng listahan ( at pinapayagan kang tumukoy ng mga katangian), habang ang iba ay tumutukoy sa panloob na istraktura nito. Maaari mong gamitin ang mga karaniwang katangian sa mga listahan. Mayroong ilang mga uri ng mga listahan.

Ang pinakakaraniwan ay ang walang bilang na listahan ( hindi ayos na listahan). Ito ay ipinakita sa ibaba:

• Listahan ng item 1
• Listahan ng item 2
• Listahan ng item 3

Ang ul element ay isang uri ng highlight ng listahan. Pinapayagan ka nitong paghiwalayin ang isang listahan mula sa isa pa. Ang li elemento ay kumakatawan sa bawat isa sa mga item.

Mga mesa

Ang mga ito ay isa sa mga pinaka-kinakailangang paraan ng pag-format ng data sa isang Web page. Ang pangunahing kaginhawahan ay ang browser ang nag-aalaga sa pagguhit ng buong talahanayan. Ang laki ng frame ay maaaring awtomatikong iakma sa laki ng browser window at, siyempre, sa laki ng mga linya ng teksto at mga larawan sa mga cell ng talahanayan. Bilang karagdagan sa lahat ng iba pa, pinapayagan ka ng mga talahanayan na malutas ang maraming mga problema sa disenyo: ihanay ang mga bahagi ng isang pahina na nauugnay sa isa't isa, ilagay ang mga larawan at teksto sa tabi ng isa't isa, pamahalaan ang mga scheme ng kulay, at iba pa. Kapag lumilikha ng mga talahanayan, inilalapat ang prinsipyo ng nesting: sa loob ng pangunahing elemento ng talahanayan (TALAHANAYAN), ang isang bilang ng mga elemento ay nilikha na tumutukoy sa mga hilera (TR), at sa loob ng mga elementong ito mayroong mga elemento upang ilarawan ang bawat cell sa hilera (TD, TH).

Upang maunawaan ang istraktura ng isang umiiral na talahanayan o bumuo ng isang bagong talahanayan, mayroong isang panuntunan na ang pagkakasunud-sunod ng mga elemento ay naglalarawan sa talahanayan mula sa itaas hanggang sa ibaba at mula sa kanan hanggang kaliwa. Halimbawa, kung ang isang elemento ng TABLE ay sinusundan ng isang elemento ng TR, ito ay nagpapahiwatig na ang isang bagong hilera ng talahanayan ay tinukoy. Lahat ng nasa likod ng elementong ito ay ilalagay sa isang linya (mula kanan pakaliwa). Ito ay maaaring isang pagkakasunud-sunod ng mga elemento ng TD ( mga selula), isa pang mesa at iba pa. Pagkatapos lumitaw ang isang bagong elemento ng TR, magsisimula ang paglalarawan ng susunod na linya, at iba pa hanggang sa dulo ng talahanayan (tag).
Ang talahanayan ay maaaring i-align nang pahalang gamit ang align attribute:

• align="left" - kaliwa;
• align="center" - sa gitna;
• align="right" - sa kanan.

Ang lapad ng talahanayan ay maaaring itakda nang eksakto sa mga pixel o bilang isang porsyento ng lapad ng pahina sa window ng browser. Halimbawa: lapad=400 o lapad=50%

Dalawang katangian ang ginagamit upang kontrolin ang hitsura ng frame. Ang katotohanan ay ang browser ay lumilikha ng isang imahe ng frame, tinutulad ang three-dimensionality nito ( matambok) gamit ang mga pagkakaiba sa pag-iilaw ng mga mukha

Mga sitwasyon

Halos lahat ng mga web master ay gustong magkaroon ng modernong hitsura, maging multifunctional, maganda at dynamic ang kanilang mga pahina sa website. Ito ay imposible sa mga karaniwang HTML na tool, kaya iba't ibang mga tool ang ginagamit: mga applet, mga bagay, mga cascading style sheet, at iba pa. Ngunit ang pinakasikat at laganap na uri ( pagtanggap) ay ang paggamit ng mga script.

Ang script ay program code na kasama sa text ng isang page bilang source text at ipapatupad ng browser kapag tiningnan ang page. Maaaring isulat ang script sa JavaScript, binuo ng Netscape, o sa Visual Basic Script ( VBScript), na binuo ng Microsoft.

Binibigyang-daan ka ng tag na ito na paghiwalayin ang teksto ng script program mula sa iba pang impormasyon ng pahina. Ang SCRIPT tag ay dapat na may kasamang katangian ng wika, na tumutukoy sa wika at maaaring kunin ang mga sumusunod na halaga:

• javascript - code sa JavaScript;
• vbscript - code sa wikang VBScript.

Ang uri ng katangian ay maaari ding magpahiwatig ng uri ng wika, kahit na ang paggamit nito ay hindi kinakailangan. Upang hindi masira ang lahat ng mga patakaran, maaari mong ilagay ang sumusunod na kahulugan sa loob ng elemento:

type="text/javascript"

Ang isa sa mga pinaka-cool na tampok ng mga script ay ang kakayahang baguhin ang mga nilalaman ng isang pahina bilang resulta ng pagpapatupad ng programa. Ngunit ito ay isang tampok lamang, hindi isang panuntunan. Gamit ang attribute ng defer (na hindi tumatanggap ng anumang mga value) maaari mong "sabihin" sa browser na hindi gagawin ang mga naturang pagbabago. Sa ilang mga kaso, pinapayagan nito ang pahina na mag-load nang mas mabilis.

Sa mga karaniwang katangian, maaari mong gamitin ang katangian ng charset.

SCRIPT tag ( o isang bilang ng mga naturang elemento) ay maaaring matatagpuan sa loob ng elemento ng HEAD o sa loob ng elemento ng BODY. Kung ang script ay nasa loob ng elemento ng BODY, posible rin na ang ilang browser na hindi sumusuporta sa elemento ng SCRIPT ay makikita ang program code bilang plain text at ipapakita ito sa screen. Upang maiwasang mangyari ito, ipinasok ang script code bilang komento:

-
-
-

Kinikilala ng lahat ng modernong browser ang diskarteng ito at binabalewala ang mga character ng komento. Kung kailangan mong maglagay ng komento sa teksto ng script, gumamit ng ibang notasyon para dito: dalawang slash // ang ipinasok sa simula ng linya.
Isinasagawa ang script code kapag na-load ang page, i.e. kapag nakikita pa rin sa screen ang mga nilalaman nito. Nasa ibaba ang isang halimbawa ng pinakasimpleng senaryo ( magpakita ng mensahe sa window).

-
-
-
- Isang script lang
-
- alerto("Naisulat mo na ang iyong unang script!")
-
-
-
-

Ito ay isang simpleng pahina, ngunit ito ay may kasamang isang linyang script. Gamit ang paraan ng alerto, ang isang mensahe ay ipinapakita bago i-load. At ito ay mag-hang hanggang sa mag-click ang gumagamit sa pindutan ng OK, ang pag-download ay hindi magpapatuloy.
Posible na ang pahina ay titingnan sa isang browser na hindi sumusuporta sa pag-script ang elementong NOSCRIPT ay ibinigay para dito. Binabalewala ng mga modernong programa sa panonood ang mga nilalaman nito. Maaaring gamitin ang elementong ito sa maraming paraan. Upang magsimula, maaari kang magpakita ng ad sa loob nito tulad ng sumusunod: “ Hindi maisagawa ng iyong browser ang script na kinakailangan upang tingnan ang web page na ito!»Pangalawa, sa loob ng elemento maaari kang bumuo ng isang pinasimpleng bersyon ng pahina, nang walang mga script. Pangatlo, maaari kang lumikha ng isang link sa isa pang HTML na dokumento. Ang NOSCRIPT na elemento ay dapat may end tag.

Kaya tiningnan namin ang mga pangunahing kaalaman ng naturang WEB programming language bilang HTML. Kahit na matapos basahin ang maikling artikulong ito, mayroon ka nang ideya, at maging ang kakayahang magprograma sa wikang ito. Sana good luck!

Kamakailan, mas at mas madalas, ang iba't ibang mga mapagkukunan sa Internet ay nag-aayos ng mga holiwar sa paksa: ang HTML ba ay isang programming language o hindi. Gaya ng dati, may malaking bilang ng mga argumento na pabor sa parehong mga punto ng pananaw, kaya nagpasya akong tapusin ang hindi kinakailangang pagtatalo para sa aking sarili.

Kahulugan ng isang programming language.

Programming language - pormal na sistema ng pag-sign, na idinisenyo para sa pag-record ng mga programa sa computer. Tinutukoy ng programming language ang set leksikal, sintaktik at semantiko pagtukoy ng mga tuntunin hitsura mga programa at mga aksyon, na isasagawa ng performer (computer) sa ilalim ng kanyang kontrol.

• Ang Aspect-oriented programming (AOP) ay isang programming paradigm batay sa ideya ng paghihiwalay ng functionality upang mapabuti ang modularization ng isang programa.
• Ang structured programming ay isang software development methodology na nakabatay sa pagpapakita ng program sa anyo ng hierarchical structure ng mga block. Iminungkahi noong 70s ng ika-20 siglo ni E. Dijkstra, binuo at dinagdagan ni N. Wirth.
• Ang procedural programming ay programming sa isang imperative na wika, kung saan ang sunud-sunod na naisakatuparan na mga pahayag ay maaaring tipunin sa mga subroutine, iyon ay, mas malalaking integral unit ng code, gamit ang mga mekanismo ng wika mismo.
• Ang logic programming ay isang programming paradigm batay sa awtomatikong patunay ng mga theorems, pati na rin ang isang seksyon ng discrete mathematics na nag-aaral ng mga prinsipyo ng lohikal na inference ng impormasyon batay sa mga ibinigay na katotohanan at mga panuntunan ng inference. Ang logic programming ay batay sa teorya at apparatus ng mathematical logic gamit ang matematikal na prinsipyo ng resolution.
• Ang Object-oriented programming (OOP) ay isang programming paradigm kung saan ang mga pangunahing konsepto ay ang mga konsepto ng mga bagay at klase. Sa kaso ng mga prototyping na wika, ang mga prototype na bagay ay ginagamit sa halip na mga klase.
• Ang functional programming ay isang sangay ng discrete mathematics at isang programming paradigm kung saan ang proseso ng pagkalkula ay binibigyang kahulugan bilang pagkalkula ng mga halaga ng mga function sa matematikal na kahulugan ng huli (kumpara sa mga function bilang subroutine sa procedural programming).
• Ang isang multi-paradigm programming language ay, bilang panuntunan, isang programming language na partikular na binuo bilang isang tool para sa multi-paradigm programming, iyon ay, ang mga visual na kakayahan na sa simula ay nilayon na magmana mula sa ilang, kadalasang hindi nauugnay, mga wika. .
• Ang isang esoteric programming language ay isang programming language na idinisenyo upang galugarin ang mga hangganan ng programming language development, upang patunayan ang potensyal na pagpapatupad ng isang tiyak na ideya (ang tinatawag na "patunay ng konsepto", Ingles na patunay ng konsepto), bilang isang gawa ng software art , o bilang isang biro (computer humor).

Pamamaraan na pautos at deklaratibo

Ang lahat ng mga programming language ay nahahati sa dalawang grupo: paturol at pautos.

Mula sa isang matematikal na pananaw, ang isang programa sa isang imperative programming language ay isang pangkalahatang solusyon sa isang naibigay na problema, sa madaling salita, isang sagot sa tanong na "paano ito gagawin?" Ito ay isang pagkakasunod-sunod ng mga utos na dapat isagawa ng tagapagpatupad.

Ang isang programa sa isang declarative programming language ay isang kumbinasyon ng isang problema na pormal sa loob ng programming language at lahat ng mga theorems na kinakailangan upang malutas ito sa madaling salita, ang sagot sa tanong na "ano ang gagawin?" Ang isang tiyak na pagkakasunud-sunod ng mga aksyon ay ginagawa ng isang compiler, o mas madalas isang interpreter - isang program na nagpapatupad ng program code sa real time nang hindi ito kino-convert sa machine code.