SA kani-kanina lang mas madalas iba't ibang internet pinagkukunan ayusin ang mga banal na digmaan sa paksa: ito ba HTML na wika programming 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, nilayon para sa pagre-record mga programa sa kompyuter. 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 ay karaniwang binabanggit bilang isang halimbawa ng isang sistema ng tanda (kapwa sa nakasulat na anyo at, sa kaso ng natural na mga wika, sa anyo ng pananalita).
• Computer program - isang pagkakasunud-sunod ng mga tagubilin na nilalayon na isagawa ng isang control device kompyuter.
• 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. Ang mga sumusunod ay maaaring gamitin bilang mga tool para sa pagbuo ng mga naturang modelo: iba't ibang paraan, halimbawa, mathematical logic, λ-calculus, set theory, category theory, model theory, 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).

Higit pa sa simpleng wika ito ay maaaring sabihin tulad nito:

Ang isang programming language ay isang set ng mga paunang natukoy, pare-pareho at naiintindihan ng gumaganap (basahin ang: interpreter/compiler/computer/programmer) na mga tagubilin, na nilayon na isulat nang sunud-sunod para sa layunin ng kanilang pagpapatupad ng isang partikular na device na bahagi ng isang kompyuter. Gayundin, ang programming language ay dapat magkaroon ng ilang mga tampok: dapat mayroong mga tagubilin limitadong bilang, at dapat silang malaman ng lahat; ang mga tagubilin ay dapat na nakabalangkas sa isang tiyak na paraan upang makuha 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 wala mahirap na 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. nagsasalita sa simpleng salita- V mababang antas ng mga wika bawat tagubilin ay kumakatawan sa isa o maliit na bilang mga utos ng processor, at sa mataas na antas ng wika Ang bawat pagtuturo ay isang malaking hanay ng mga utos ng processor.

Tingnan natin ang mga kahulugan 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.
• Structured programming - pamamaraan ng pag-unlad software, na batay sa representasyon ng programa sa form hierarchical na istraktura mga bloke. Iminungkahi noong 70s ng ika-20 siglo ni E. Dijkstra, binuo at dinagdagan ni N. Wirth.
• Ang procedural programming ay programming sa isang kailangang-kailangan na wika, kung saan ang mga sunud-sunod na naisakatuparan na mga pahayag ay maaaring tipunin sa mga subroutine, iyon ay, mas malaki. integral na mga yunit 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. Logic programming batay sa teorya at kagamitan 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 binuo upang tuklasin ang mga hangganan ng mga posibilidad ng pagbuo ng mga programming language, 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 sining ng software, 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 mathematical point of view, ang isang programa sa isang imperative programming language ay pangkalahatang solusyon ang gawain sa kamay, sa madaling salita, ang 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.

Panimula

Mga Pangunahing Kaalaman sa Programming Language

1 Tungkol sa wikang html

2 Paglikha ng web site

3 Mga pangunahing probisyon

4 Istraktura ng dokumento

5 Mga tag ng katawan ng dokumento

Paglalarawan ng paglikha ng site

2 Mga graphic sa loob ng isang dokumento

3 Pagdaragdag ng mga istilo sa isang dokumento

4 Pag-optimize ng mga graphics para sa web

Algorithm para sa praktikal na gawain

1 Paghahanda

2 Paglikha ng website na "Master of Digital Information Processing"

Konklusyon

Listahan ng ginamit na panitikan

Aplikasyon

Panimula

Sa siglo mga digital na teknolohiya at mass computerization, ang Internet ay naging mahalagang bahagi ng ating buhay, at ang web programming at disenyo ay isang prestihiyoso at hinahangad na propesyon. Pagkatapos ng lahat, ang Internet ay hindi maaaring umiiral sa sarili nitong at ang isang tao ay dapat lumikha ng mga pahina sa Internet, mag-update ng mga website araw-araw at kahit na bawat oras upang ang gumagamit ay laging may access sa napapanahon at na-verify na impormasyon sa isang form na naiintindihan niya. Kaya, ang isyu ng web programming at disenyo ay napaka-kaugnay. Samakatuwid, ang paksa ng aking trabaho ay nauugnay sa paglikha ng isang website sa wika HTML programming at mga programa kung saan maaari kang sumulat ng mga web page. Nag-attach ako ng isang website sa aking trabaho bilang isang halimbawa ng kung ano ang maaaring gawin kung alam mo ang HTML programming language.

Bagay - website. Paksa - programming ng website sa HTML.

Ang layunin ng gawain ay pag-aralan ang HTML programming language.

Magbunyag ng pangunahing impormasyon tungkol sa wika;

Isaalang-alang ang proseso ng paglikha ng isang website;

Lumikha ng isang website batay sa binuo na algorithm.

Istruktura: ang gawain ay binubuo ng isang panimula, tatlong kabanata, isang konklusyon at isang listahan ng mga sanggunian.

1. Pangunahing impormasyon tungkol sa programming language.1 Tungkol sa html language

Ang Text Markup Language (HTML) ay karaniwang wika, dinisenyo upang lumikha mga dokumento ng hypertext sa kapaligiran ng WEB. Ang mga HTML na dokumento ay maaaring matingnan ng iba't ibang uri ng mga WEB browser. Kapag ang isang dokumento ay ginawa gamit ang gamit ang HTML, Maaaring bigyang-kahulugan ng isang WEB browser ang HTML upang i-highlight ang iba't ibang elemento ng dokumento at iproseso muna ang mga ito. Ang paggamit ng HTML ay nagbibigay-daan sa iyo na mag-format ng mga dokumento upang kumatawan sa mga ito gamit ang mga font, linya, at iba pa mga graphic na elemento sa anumang software para sa pagtingin sa mga pahina ng WEB.

Karamihan sa mga dokumento ay mayroon karaniwang mga elemento, tulad ng isang heading, mga talata o mga listahan. Gamit ang mga HTML tag, maaari mong i-tag ang mga elementong ito, na nagbibigay ng mga web browser kaunting impormasyon upang ipakita ang data ng elemento habang pinapanatili ang pangkalahatan pangkalahatang istraktura at pagkakumpleto ng impormasyon ng mga dokumento. Ang kailangan lang para magbasa ng HTML na dokumento ay isang WEB browser na nagbibigay-kahulugan sa mga HTML tag at ipinapakita ang dokumento sa screen sa form na ibinigay ng may-akda.

Sa karamihan ng mga kaso, ang may-akda ng dokumento ay mahigpit na tinutukoy ang hitsura ng dokumento. Sa kaso ng HTML, ang mambabasa, batay sa mga kakayahan ng WEB browser, ay maaaring, sa isang tiyak na lawak, kontrolin ang hitsura ng dokumento (ngunit hindi ang nilalaman nito). Binibigyang-daan ka ng HTML na markahan kung saan dapat lumabas ang isang heading o talata sa isang dokumentong ginagamit HTML tag, at pagkatapos ay hayaan ang WEB browser na bigyang-kahulugan ang mga tag na ito. Halimbawa, maaaring makilala ng isang WEB browser ang simula ng isang tag ng talata at ipakita ang dokumento sa sa tamang anyo, habang ang isa ay walang ganitong kakayahan at kinakatawan ang dokumento sa isang linya. Ang mga gumagamit ng ilang WEB browser ay mayroon ding kakayahan na i-customize ang laki at uri ng font, kulay at iba pang mga parameter na nakakaapekto sa pagpapakita ng dokumento ay maaaring hatiin sa dalawang kategorya:

Mga tag na tumutukoy kung paano ipapakita ng WEB browser ang katawan ng dokumento sa kabuuan.

Mga tag na naglalarawan pangkalahatang katangian dokumento, gaya ng pamagat o may-akda ng dokumento.

Ang pangunahing bentahe ng HTML ay ang dokumento ay maaaring matingnan sa mga WEB browser iba't ibang uri at sa iba't ibang platform.

1.2 Paglikha ng isang Web site

ang mga dokumento ay maaaring gawin gamit ang anuman text editor o mga espesyal na HTML editor at converter. Ang pagpili ng editor na gagamitin upang lumikha ng mga HTML na dokumento ay nakasalalay lamang sa kaginhawahan at personal na kagustuhan ng bawat may-akda.

Halimbawa, Mga editor ng HTML, tulad ng Netscape Navigator Gold mula sa Netscape, ay nagbibigay-daan sa iyong lumikha ng mga dokumento na graphical gamit ang WYSIWYG (What You See Is What You Get) na teknolohiya. Sa kabilang banda, karamihan sa mga tradisyunal na tool sa paggawa ng dokumento ay may mga converter na nagbibigay-daan sa iyong i-convert ang mga dokumento sa HTML na format.

1.3 Mga Pangunahing Kaalaman

Lahat ng HTML tag ay nagsisimula sa "" (right angle bracket). Kadalasan, mayroong panimulang tag at pangwakas na tag. Halimbawa, narito ang mga tag ng pamagat na tumutukoy sa tekstong matatagpuan sa loob ng mga tag ng simula at pagtatapos at naglalarawan sa pamagat ng kaso ng dokumento ay hindi mahalaga kapag naglalagay ng teksto:

Pamagat ng Dokumento o Pamagat ng Dokumento.

Ang pangwakas na tag ay kamukha ng panimulang tag, at naiiba mula dito sa pamamagitan ng isang forward slash bago ang teksto sa loob ng mga anggulong bracket. SA sa halimbawang ito ang tag ay nagsasabi sa WEB browser na gamitin ang heading format, at ang tag ay nagsasabi sa heading text na magtatapos.

Ang ilang mga tag tulad ng

(tag na tumutukoy sa isang talata) ay hindi nangangailangan ng isang end tag, ngunit ang paggamit nito ay nagbibigay sa pinagmulang teksto ng dokumento na pinahusay na madaling mabasa at istraktura.

Pansin! Ang mga karagdagang espasyo, tab, at carriage return na idinagdag sa source text ng isang HTML na dokumento para sa mas mahusay na pagiging madaling mabasa ay hindi papansinin ng WEB browser kapag binibigyang-kahulugan ang dokumento. Ang isang HTML na dokumento ay maaari lamang isama ang mga elemento sa itaas kung sila ay inilagay sa loob ng mga tag.

1.4 Istraktura ng dokumento

Kapag nakatanggap ang isang WEB browser ng isang dokumento, tinutukoy nito kung paano dapat bigyang-kahulugan ang dokumento. Ang pinakaunang tag na lalabas sa dokumento ay dapat na ang . Sinasabi ng tag na ito sa WEB browser na ang iyong dokumento ay isinulat gamit ang HTML. Ang isang minimal na HTML na dokumento ay magiging ganito:

Katawan ng dokumento...

Ang header na bahagi ng dokumento. Ang tag ng ulo ng dokumento ay dapat gamitin kaagad pagkatapos ng tag at wala saanman sa katawan ng dokumento. Kinakatawan ng tag na ito pangkalahatang paglalarawan dokumento. Iwasang maglagay ng anumang text sa loob ng . Ang panimulang tag ay inilalagay kaagad bago ang tag at iba pang mga tag na naglalarawan sa dokumento, at ang pangwakas na tag ay inilalagay kaagad pagkatapos ng dulo ng paglalarawan ng dokumento. Halimbawa:

Listahan ng mga empleyado

Pamagat ng dokumento. Karamihan sa mga WEB browser ay nagpapakita ng mga nilalaman ng tag sa title bar ng window na naglalaman ng dokumento at sa bookmarks file, kung sinusuportahan ng WEB browser. Ang pamagat, na nililimitahan ng at mga tag, ay inilalagay sa loob ng - tag, tulad ng ipinapakita sa halimbawa sa itaas. Ang pamagat ng dokumento ay hindi lilitaw kapag ang dokumento mismo ay ipinapakita sa window.

1.5 Mga tag ng katawan ng dokumento

Tinutukoy ng mga tag ng katawan ng dokumento ang mga bahagi ng HTML na dokumento na ipinapakita sa window. Ang katawan ng dokumento ay maaaring maglaman ng mga link sa iba pang mga dokumento, teksto, at iba pang naka-format na impormasyon.

Katawan ng dokumento. Ang katawan ng dokumento ay dapat nasa pagitan ng at mga tag. Ito ang bahagi ng dokumento na ipinapakita bilang teksto at graphic (semantiko) na impormasyon ng iyong dokumento.

Mga antas ng heading. Kapag isinulat ang isang HTML na dokumento, ang teksto ay nahahati sa istruktura sa teksto lamang, mga heading ng mga bahagi ng teksto, mga heading sa mas mataas na antas, atbp. Ang unang antas ng mga heading (ang pinakamalaking) ay ipinahiwatig ng numero 1, ang susunod - 2, atbp. Karamihan sa mga browser ay sumusuporta sa interpretasyon ng anim na antas ng mga heading, na nagbibigay sa bawat isa ng sarili nitong istilo. Ang mga header sa itaas ng antas anim ay hindi karaniwan at maaaring hindi suportado ng browser. Ang pamagat mismo pinakamataas na antas may sign na "1". Ang level 1 header syntax ay ang mga sumusunod:

Unang antas ng header

Ang mga heading sa ibang antas ay karaniwang kinakatawan tulad ng sumusunod:

X-level na heading, x ay isang numero mula 1 hanggang 6 na tumutukoy sa antas ng heading.

Tag ng talata

Hindi tulad ng karamihan mga word processor, ang mga carriage return ay karaniwang hindi pinapansin sa isang HTML na dokumento. Ang pisikal na pahinga ng talata ay maaaring kahit saan pinagmulang teksto dokumento (para sa kadalian ng pagiging madaling mabasa). Gayunpaman, ang browser ay naghihiwalay lamang ng mga talata kung mayroong isang tag

Kung hindi mo paghihiwalayin ang mga talata gamit ang tag

Lalabas ang iyong dokumento bilang isang malaking talata.

Mga karagdagang parameter ng tag

Binibigyang-daan kang ihanay ang isang talata sa kaliwa, gitna, at kanan, ayon sa pagkakabanggit.

Pagsentro ng mga elemento ng dokumento. Maaari mong isentro ang lahat ng elemento ng dokumento sa window ng browser. Maaari mong gamitin ang tag para dito.

Ang lahat ng mga elemento sa pagitan ng mga tag ay nasa gitna ng window. Reformatting Tag Reformatting Tag Nagbibigay-daan sa text na ipakita na may partikular na formatting sa screen. Ang preformatted na text ay nagtatapos sa isang end tag. Sa loob ng paunang na-format na teksto, pinapayagan kang gumamit ng:

a) line feed

b) mga character sa tab (ilipat ang 8 character sa kanan)

c) hindi katimbang na font na na-install ng browser.

Ang paggamit ng mga tag sa pag-format ng talata, gaya ng o , ay hindi papansinin ng browser kapag inilagay sa pagitan ng mga tag

Listahan ng pangkat

Listahan ng pangkat 6-M-11

Ang listahang ito naglalaman ng mga apelyido, unang pangalan at patronymics.

Ang listahan ay maaaring gamitin para sa mga opisyal na layunin lamang.

Ito ang makikita mo sa screen ng iyong browser:

Pansin! Ang header na "Listahan ng Grupo" ay hindi ipinapakita ng browser bilang bahagi ng dokumento. Lalabas ito sa title bar ng browser window.

Line break
. Tag
inaabisuhan ang browser tungkol sa isang line break. Pinakamahusay na halimbawa gamit ang tag na ito ay isang naka-format na address o anumang iba pang pagkakasunud-sunod ng mga linya kung saan dapat ipakita ng browser ang mga ito sa ibaba ng isa. Halimbawa:

Alexey Yartsev
Dmitrovskoe highway,
9B, opisina 326

Nagbibigay-daan sa iyo ang karagdagang parameter na palawakin ang mga kakayahan ng tag
.

Ang parameter na ito ay nagbibigay-daan sa iyo hindi lamang upang magsagawa ng isang line feed, ngunit din upang ilagay susunod na linya, simula sa malinaw na kaliwa (kaliwa), kanan (kanan) o pareho (lahat) na mga hangganan ng window ng browser. Halimbawa, kung may larawan sa tabi ng text sa kaliwa, maaari mong gamitin ang tag
upang i-offset ang teksto sa ibaba ng larawan:

Tulad ng nakikita mo, ang iskema na ito nagpapakita ng koneksyon

Mga link sa mga punto sa loob ng isang dokumento. Maaari kang mag-link sa iba't ibang lugar o seksyon ng parehong dokumento sa pamamagitan ng paggamit ng espesyal na nakatagong marker para sa mga seksyong iyon. Binibigyang-daan ka nitong mabilis na lumipat sa bawat seksyon sa loob ng isang dokumento nang hindi nag-i-scroll sa screen. Sa sandaling mag-click ka sa link, dadalhin ka ng browser sa tinukoy na seksyon ng dokumento, at ang linya na naglalaman ng marker ng seksyon (karaniwan ay ang unang linya ng seksyon o ang heading ng seksyon) ay ilalagay sa unang linya ng ang browser window (kung ang linyang ito ay wala pa sa screen browser).

Gumawa ng marker ng seksyon. Ang syntax para sa marker na ito ay ang mga sumusunod:

Text-that-will-appear-on-the-first-line

Text

Halimbawa:

Listahan ng mga seksyon

• Seksyon 1
• Seksyon 2

Seksyon 1

Seksyon 1 teksto

Seksyon 2

Seksyon 2 teksto





Ang simbolo na "#ex1" ay nagsasabi sa iyong browser na maghanap ng marker na tinatawag na "ex1" sa HTML na dokumentong ito.

Kapag nag-click ang user sa linyang "Seksyon 1," direktang mapupunta ang browser sa Seksyon 1.


2.2 Mga graphic sa loob ng isang dokumento

Ang isa sa mga pinaka-kaakit-akit na tampok ng Web ay ang kakayahang magsama ng mga link sa mga graphics at iba pang mga uri ng data sa isang HTML na dokumento. Ginagawa ito gamit ang isang tag . Ang paggamit ng tag na ito ay maaaring makabuluhang mapabuti ang hitsura at paggana ng mga dokumento.

Mayroong dalawang paraan upang gumamit ng mga graphic sa mga HTML na dokumento. Ang una ay ang pag-embed ng mga graphic na larawan sa dokumento, na nagpapahintulot sa user na makita ang mga larawan nang direkta sa konteksto ng iba pang mga elemento ng dokumento. Ito ang pinaka ginagamit na pamamaraan sa disenyo ng dokumento, kung minsan ay tinatawag na "inline na imahe". Syntax ng tag:



Ilarawan natin ang mga elemento ng tag syntax::

Isang kinakailangang parameter na may parehong syntax bilang isang karaniwang URL. Sinasabi ng URL na ito sa browser kung saan matatagpuan ang larawan. Ang pagguhit ay dapat na naka-imbak sa isang graphic na format na sinusuportahan ng browser. Ngayon, ang GIF at JPG na mga format ay sinusuportahan ng karamihan sa mga browser.="text":

Ibinigay opsyonal na elemento tumutukoy sa text na ipapakita ng isang browser na hindi sumusuporta sa graphics display o may image swapping na hindi pinagana. Kadalasan ito ay maikling paglalarawan larawan na makikita o makikita ng user sa screen. Kung wala ang parameter na ito, sa halip na larawan, karamihan sa mga browser ay nagpapakita ng pictogram (icon), sa pamamagitan ng pag-activate kung saan makikita ng user ang larawan. Inirerekomenda ang ALT tag kung ang iyong mga user ay gumagamit ng browser na hindi sumusuporta graphics mode, halimbawa Lynx.=n1:

Ang opsyonal na parameter na ito ay ginagamit upang tukuyin ang taas ng larawan sa mga pixel. Kung hindi tinukoy ang parameter na ito, gagamitin ang orihinal na taas ng larawan. Binibigyang-daan ka ng opsyong ito na paliitin o i-stretch ang mga imahe nang patayo, na nagbibigay-daan sa iyong mas malinaw na tukuyin ang hitsura ng iyong dokumento. Gayunpaman, hindi sinusuportahan ng ilang browser ang opsyong ito. Sa kabilang banda, maaaring iba ang resolution ng screen ng iyong kliyente sa iyo, kaya mag-ingat kapag nagse-set ganap na halaga graphic object.=n2:

Opsyonal din ang parameter, tulad ng nauna. Binibigyang-daan kang itakda ang ganap na lapad ng larawan sa mga pixel.: Ginagamit ang parameter na ito upang sabihin sa browser kung saan ilalagay ang susunod na bloke ng teksto. Nagbibigay-daan ito sa iyo na mas mahigpit na tukuyin ang pag-aayos ng mga elemento sa screen. Kung hindi ginagamit ang opsyong ito, inilalagay ng karamihan sa mga browser ang larawan sa kaliwang bahagi ng screen at ang teksto sa kanan nito:

Sinasabi ng parameter na ito sa browser na pinapayagan ng larawang ito ang user na magsagawa ng ilang aksyon sa pamamagitan ng pag-click sa isang partikular na lokasyon sa larawan. Ang pagkakataong ito ay isang HTML extension.

Narito ang isang halimbawa ng paggamit ng tag na ito:



SA Mga bersyon ng HTML 2.0 sa tag lumitaw ang mga karagdagang parameter:



Mga bagong opsyon::

Binibigyang-daan kang itakda ang laki sa mga pixel ng walang laman na espasyo sa itaas at ibaba ng larawan upang hindi mag-overlap ang teksto sa larawan. Ito ay lalong mahalaga para sa mga dynamic na nabuong larawan, kapag imposibleng makita ang dokumento nang maaga:

Pareho sa VSPACE, ngunit pahalang lamang.

Mga larawan sa background. Pinahihintulutan ka ng karamihan sa mga browser na magsama ng larawan sa background sa iyong dokumento, na i-matrix at ipapakita sa background ng buong dokumento. Gusto ng ilang user ang background graphics, ang ilan ay ayaw. Karaniwang maganda ang hitsura ng isang hindi nakakagambala, translucent na pattern (wallpaper) bilang background para sa karamihan ng mga dokumento.

Paglalarawan larawan sa background kasama sa BODY tag at ganito ang hitsura:

.

Tinutukoy ng bawat isa sa mga parameter ang kulay ng isang partikular na elemento. Ilarawan natin ang mga parameter na ito:

Kulay ng background ng dokumento:

Kulay payak na teksto dokumento:

Kulay ng link. Ang kulay ay tinukoy bilang isang anim na digit na numero sa hexadecimal na format gamit ang RGB scheme (Red, Green, Blue). Ang kulay #000000 ay itim, at ang kulay #FFFFFF ay puti. Halimbawa:

Ang linyang ito tumutukoy puti background ng dokumento, itim na teksto at pilak na mga link.

Pahalang na linya. Gamit ang tag, maaari mong paghiwalayin ang text gamit ang isang pahalang na linya.

Format ng tag:

Mga parameter ng tag::

Kapal ng linya sa mga pixel:

Lapad ng linya sa mga pixel o porsyento ng lapad ng window ng browser.: Lokasyon ng screen (kaliwa | gitna | kanan).: Bilang default, ipinapakita ang linya sa 3D na view na may anino. Binibigyang-daan ka ng NOSHADE na ipakita ang isang linya bilang simpleng isang monochromatic dark stripe.


2.3 Pagdaragdag ng mga istilo sa isang dokumento

nagbibigay-daan sa iyo na gumamit ng iba't ibang mga estilo ng font upang i-highlight ang impormasyon ng teksto sa iyong mga dokumento. Narito ang isang maikling listahan ng mga istilong sinusuportahan ng karamihan sa mga browser: (bold)(italic)spaced (type writer - gamit ang mga nakapirming font)

Maaari mong pagsamahin iba't ibang uri mga istilo, gaya ng bold at italic.


Talahanayan Blg. 1: Mga pangunahing istilo ng teksto




Ang pagsasama-sama ng mga istilo ay nagbibigay-daan sa iyo na magpakita ng maraming elemento sa isang linya na may iba't ibang estilo, halimbawa:

buhay - ito ay isang kanta!

Ang buhay ay isang kanta!

Pansin! Dagdag malaking dami pinahihirapan ng mga istilo at kumbinasyon ng mga ito na basahin ang teksto!

Mga karagdagang istilo:

malaki

· maliit (maliit)

· sub (interlinear)

· sup (superscript)


Talahanayan Blg. 2: Karagdagang mga istilo ng teksto




Laki ng font. Maaari mong baguhin ang laki ng font gamit ang tag:

Ang laki ng font ay maaaring mula 1 hanggang 7. Maaari mong direktang tukuyin ang laki ng font gamit ang isang numero, o tukuyin ang isang offset mula sa base na halaga (default - 3) sa positibo o negatibong panig. Maaaring baguhin ang base value gamit ang tag:

Halimbawa:

pagbabago

Baguhin ang kulay ng font. Maaari mong baguhin ang kulay ng font gamit ang tag: