Ano ang HTML code ng page? HTML: Mga Pangunahing Kaalaman para sa Mga Nagsisimula Para saan ang HTML?

Tiyak na ang bawat walang trabahong gumagamit ng Internet ay nakatagpo ng isang sitwasyon kung saan, kapag na-access mo ang isang magandang website, iniisip mo kung ano ang mangyayari kung gumawa ka ng ganoong website, dahil ang pagkakaroon ng isang mahusay na website ay magdadala sa iyo ng pera at marahil kahit na katanyagan. Mayroon kang pagnanais at pagnanais para dito, agad kang nag-type sa search engine na "Paano lumikha ng isang website?" Halos kahit saan sasabihin nila sa iyo na para makagawa ng magandang website, kailangan mong matuto ng HTML. Kung bago ka sa negosyong ito, malamang na gusto mong malaman kung ano ito.

Ipapaliwanag ko sa iyo nang maikli kung ano ang HTML sa sarili kong mga salita, na mas mauunawaan kaysa sa Wikipedia.

Ang HTML ay ang pangunahing wika ng web programming, ang batayan ng lahat ng mga pangunahing kaalaman sa pagbuo ng website. Halos lahat ng mga website ay nakasulat sa wikang ito. Ang laki ng teksto sa site, ang laki at lokasyon ng larawan, ang background ng site, atbp. lahat ng ito ay nakasulat sa wikang ito. Ang HTML ay kung saan ipinanganak ang mga website, ibig sabihin, ito ang katutubong wika ng halos lahat ng mga web page. Halimbawa, kung ikaw ay Chinese, pagkatapos ay nagsasalita ka ng Chinese, kung ikaw ay Ukrainian, pagkatapos ay nagsasalita ka ng Ukrainian, ngunit kung ikaw ay isang website, pagkatapos ay nagsasalita ka ng HTML. Halos buong pusong alam ng bawat mahusay na web programmer ang HTML at magaling dito.
Ang wikang ito ay nauunawaan at madaling matutunan, ngunit tulad ng lahat ng mga wika sa mundong ito, upang masabi ito nang maayos, nangangailangan ito ng pagsasanay. Ibig sabihin, kahit na matutunan mo ito nang buo, hindi ka makakagawa kaagad ng isang mahusay na website; Karaniwan, ang mga nagsisimula sa simula ng kanilang paglalakbay sa web programmer ay walang pasensya na matutunan ang lahat at gawin ito nang sunud-sunod. Ang mga pumasa sa pagsusulit, natutunan ang lahat, nakakuha ng karanasan sa kanilang pagsasanay habang nag-aaral ng wika at hindi sumuko - naghihintay ang isang magandang gantimpala.
Mayroong ilang mga wika sa web programming. Upang lumikha ng isang simpleng website, kailangan mo lamang ng isang wika, ang pangunahing isa, katulad ng HTML. Upang makabuo ng isang kumplikado at malaking website, kakailanganin mo ng mga pantulong na wika, kung gayon, matututuhan mo ang tungkol sa mga ito habang o pagkatapos ng pag-aaral ng HTML na wika. Kung magpasya kang simulan ang landas ng isang web programmer, maaari mong simulan ang pag-aaral ng HTML ngayon. Tandaan ang pinakamahalagang bagay - kung tatanggapin mo ito, huwag sumuko at huwag sumuko, dahil ito ang sumisira sa karamihan ng mga programmer.

HTML decoding

Ang apat na letrang ito ng HTML ay kumakatawan sa ilang salita, katulad ng Hyper Text Mark-up Language, na sa Russian ay parang hypertext markup language.

Bakit kailangan ang HTML?

Bakit kailangan ang wikang ito? Bakit siya turuan? Bakit hindi ang iba? O bakit kahit na malaman ito kung mayroong isang bungkos ng iba pang mga programa para sa madaling paglikha ng isang website?

Tulad ng sinabi ko, HTML ang pangunahing wika ng web programming. Ito ay hindi lamang ang wika na ginagamit upang lumikha ng mga website, ngunit ito ang pangunahing tool na gumagabay sa iba pang mga wika, kaya ito ay kinakailangan upang matutunan ito. Kahit na gumamit ka ng isang programa sa paggawa ng website o mga nakahandang template, gagawing mas madali ng HTML ang iyong buhay. Bukod dito, kung nais mong lumikha ng isang mahusay, malaki at propesyonal na website sa hinaharap, ang mga programa at mga template ay hindi makakatulong sa iyo, ang lahat ay magsisimula sa simula at ang iyong kaalaman sa wikang ito ay makakatulong sa iyo dito.

Paano gamitin ang HTML

Napakadaling gamitin ang wikang ito at naa-access ito ng lahat. Maaari pa itong gamitin sa isang regular na notepad (.txt). Upang gawing mas maginhawang gamitin, mayroong mga espesyal na programa, halimbawa Notepad++. Higit pang mga detalye tungkol sa paggamit ng wikang ito ay ilalarawan sa mga aralin sa HTML.

Paano matutunan ang HTML

Upang matutunan ang wikang HTML, kailangan mong magkaroon ng maraming pasensya upang maging komportable sa wikang ito. Madali itong matutunan, ngunit ang pangunahing bagay ay upang makakuha ng karanasan, pagsasanay, kung mas maraming kasanayan ang mayroon ka, mas mahusay kang isang web programmer.

Ang bawat site ay may iba't ibang hitsura at functionality, ngunit saan ito konektado at sa anong wika nakasulat ang pahina? Para sa lahat ng ito, ginagamit ang mga cascading style sheet at HTML. Maaari mong tingnan ang code ng wikang ito para sa iyong sarili kung susuriin mo ang mga bagay sa browser. Partikular na pag-uusapan natin kung ano ang HTML sa artikulong ito.

Ang aming artikulo ay pangunahing nakatuon sa mga nagsisimula, kaya inaasahan namin na mauunawaan ng mga regular na mambabasa ng blog!

Ang post ay mahahati sa mga sumusunod na punto:

Ano ang isang HTML na pahina

Ang isang markup language na tinatawag na HTML ay ginagamit upang idisenyo ang lahat ng elemento ng pahina, kabilang ang mga talahanayan, larawan at teksto. Maaari mong gawing pamilyar ang iyong sarili sa code at subukang maunawaan ito kung gumagamit ka ng anumang modernong browser, i-right-click lamang sa pahina at sa menu mag-click sa linyang "source code ng pahina" o "HTML code". Pagkatapos nito, makakakita ka ng isang bagay tulad ng isang editor, kung saan mayroong maraming hindi maintindihan na mga inskripsiyon at simbolo, ito ang code ng wikang HTML.

Ang bawat dokumento ng WWW ay may naka-format at maganda ang disenyong teksto, pati na rin ang mga hyperlink at larawan na pinili ng may-ari ng site. Upang gumana sa mga elementong ito, lumikha ang mga programmer ng isang wika na tinatawag na HTML (Hyper Text Markup Language), na isinalin ay nangangahulugang hypertext markup language. Ang bawat browser ay gumagana at nagpapakita ng HTML nang iba, kaya iba ang hitsura nito sa iba't ibang mga browser, lalo na ang mga mas lumang bersyon ng Internet Explorer.

Ang lahat ng mga HTML na dokumento ay magkatulad - ito ay isang karaniwang text file na may mga markup tag ng isang partikular na wika kasama ang mga text na babasahin ng mga bisita sa site. Ang isang pahina ay nilikha gamit ang mga tag, at sila ang binabasa ng browser kapag nag-load ito. Sa pamamagitan ng pagtukoy sa mga tag at kanilang disenyo, maaari kang maglagay ng artikulo o iba pang materyal sa isang partikular na lugar sa pahina, magdagdag ng mga graphic na file at litrato, pati na rin ang mga hyperlink sa iba pang mga pahina ng site. Sa una, ang isang HTML file ay hindi isang dokumento sa web ito ay nagiging isa lamang pagkatapos itong basahin ng browser.

Siyempre, ang karaniwang HTML code ay may mga pagkukulang at disadvantages nito. Kailangan mong subukang mabuti upang ayusin ang mga talata na may teksto sa pahina, dahil upang maisagawa ang markup at lahat ng iba pa, kailangan mong magrehistro ng ilang mga katangian para sa buong teksto, at para sa bawat indibidwal na talata. Kung ang iyong site ay may 50 mga pahina at bawat isa ay may 10-20 mga talata, ito ay aabutin ng napakatagal na oras upang ma-format ang teksto, at magpasok ng parehong mga tag sa bawat oras. Hindi lamang nito napapagod ang may-ari ng site, ngunit negatibong nakakaapekto rin sa bigat ng mga pahina ng site. Ito ay para sa kadahilanang ito na ang mga cascading style sheet ay ginawa sa ibang pagkakataon, ang mga ito ay panandaliang tinatawag na CSS, na nangangahulugang Cascading Style Sheets, salamat sa mga ito maaari mong mabilis na magdisenyo ng teksto. Maaari kang magtalaga ng isang tag at bigyan ito ng ilang partikular na katangian, gaya ng kulay ng text, laki, font, atbp., at pagkatapos ay ilapat ito sa mga talata. Sa kasong ito, ang file na may style sheet ay naka-imbak nang hiwalay, maaari itong mai-upload sa isang site o marami nang sabay-sabay. Susunod, ang mga pangunahing elemento ng pahina ay nakasulat sa HTML, at ang teksto ay ipinasok, at pagkatapos ay konektado ang CSS at ang lahat ng teksto ay kukuha sa disenyo na kailangan mo. Binabawasan din nito ang bigat ng mga pahina, na napakahalaga.

Ang paggamit ng CSS ay ipinapayong kung ang site ay may maraming mga pahina na magkakaroon ng parehong disenyo. Maaari kang magtakda ng ilang partikular na pag-format ng teksto para sa lahat ng mga talata kung magsusulat ka ng ilang linya sa dokumento gamit ang CSS code. Kapag gumagawa ng website, ang mga taga-disenyo ng layout ay gumagawa ng pangunahing layout sa HTML, batay sa layout na ginawa sa Photoshop. Ngunit pagkatapos nito ang site ay mukhang hindi natapos, kailangan mong lumikha ng isang kaakit-akit na hitsura, at ito ay nakamit sa mga cascading style sheet. Hindi mahirap matutunan ito kung mayroon kang maraming libreng oras, dahil ang pangkalahatang hitsura ng lahat ng mga site ay halos pareho, maaari kang magkaroon ng isang layout na may ilang mga bloke at "ayusin" ang natitirang mga site dito. Bilang isang patakaran, ang mga cascading style sheet ay mas kumplikado kaysa sa CSS. Bilang karagdagan, sa mga unang yugto maaari kang makatagpo ng isang problema tulad ng iba't ibang pagpapakita ng site sa mga browser. Ito ay tiyak upang hindi mag-aksaya ng oras at kumita ng pera sa mga website na nilikha ng CMS - mga handa na layout ng website na maaaring libre o bayad at may isang tiyak na sistema ng pamamahala.

Ano ang HTML5. Mga pagkakaiba at pakinabang

Ang bagong pamantayan ng HTML5 ay tumutulong sa mga may-ari ng website at pinapawi ang obligasyong gamitin ang Adobe Flash na format, pati na rin ang iba pang mga programa. Salamat sa pamantayang ito, maaari mong baguhin ang pagpapakita ng teksto sa mga pahina at pasimplehin ang pagpasok ng impormasyon kapag pinupunan ang mga electronic form. Kung hahatiin natin ang lahat ng inobasyon ng wikang ito, maaari nating i-highlight ang mga sumusunod na punto:

Matapos makapasok sa site, ang mga tao ay makakapanood ng video at makinig sa audio sa pamamagitan ng browser para dito, isang hiwalay na pindutan ng pag-play ay nilikha.

Mas madaling mag-upload ng mga bagong larawan sa pamamagitan ng wikang ito; Hindi mo na kailangang mag-download ng karagdagang software.

Maaari mong mahanap ang teksto at markahan ang mga bloke ng teksto. Maaari mo ring i-format nang maganda ang teksto para mas madaling basahin.

Kung dati sa HTML4 may napansing error ang isang tao pagkatapos magpasok ng data lamang noong isinumite niya ang form, ngayon ay agad na nag-uulat ang browser ng error kung mali ang pagpuno ng isang tao sa form. Ito ay napaka-maginhawa para sa mga gumagamit dahil hindi nila kailangang punan ang parehong mga seksyon ng data nang maraming beses.

Hindi na kailangang gumamit ng mga module ng software, dahil sa tulong ng HTML5 maaari mong bigyang-buhay ang anumang mga ideya tungkol sa site. Kung ang site ay natatangi at kailangan mong makabuo ng isang bagay na espesyal, ang mga karagdagang software module ay naka-install.

Dati, hindi matingnan nang maayos ng mga tao ang isang website sa pamamagitan ng tablet o smartphone, dahil hindi tugma ang pamantayang HTML4 sa mga browser para sa mga mobile device at iba pang operating system. Gamit ang wikang HTML5, nilikha ang mga page na perpektong nababasa mula sa lahat ng device sa napakabilis.

Kung mayroon kang anumang mga katanungan, isulat ang mga ito sa mga komento, ikalulugod naming sagutin ang mga ito!

Mga pangunahing kaalaman sa HTML para sa mga nagsisimula, kung ano ang dapat malaman ng bawat baguhang webmaster o blogger ngayon. Kung nais mong matutunan kung paano lumikha ng mga pangunahing website, maunawaan ang code mismo, malaman kung ano ang napupunta sa likod ng kung ano at kung ano ang dapat pumunta, imposibleng gawin ito nang walang kaalaman sa mga pangunahing kaalaman ng wikang HTML. Sa aking blog ay magkakaroon ako ng isang buong hanay ng mga artikulo na ilalaan ko sa paksang ito mula A hanggang Z, ilalarawan ko ang bawat tag na naroroon sa dokumento, kung ano ang ibig sabihin nito at kung paano gamitin ito nang tama.

Mga Pangunahing Kaalaman sa HTML

Kung hindi mo alam ang mga pinakapangunahing bagay, sarado ang iyong landas. Naniniwala ako na ang bawat tao na nagpasyang bumuo at lumikha ng mga website ay dapat malaman at maunawaan ang mga pangunahing kaalaman, kung ano ang binubuo ng site mismo, kung paano ito gumagana at kung ano ang nangyayari sa mismong code.

Siyempre, may ilang mga programming language, lahat sila ay kumplikado sa kanilang sariling paraan, ngunit may ilan na talagang kailangan mong malaman. Kung nais mong maganda ang disenyo ng isang sulat na ipapadala sa pamamagitan ng koreo, mayroon kang sariling grupo ng VKontakte, isang grupo sa iba pang mga social network, sa parehong channel sa YouTube, kailangan mong mag-tinker sa code sa alinman sa mga engine ng site, kailangan mo lang upang malaman ang mga pangunahing konsepto.

Nagbigay lamang ako ng ilang mga halimbawa, sa katunayan, ngayon ang kaalamang ito ay ginagamit nang higit at mas madalas sa Internet. Ako ay higit pa sa isang practitioner kaysa sa isang teorista, kaya sa aking mga artikulo sa seksyong ito ay ipapakita ko sa iyo ang aking mga halimbawa kung paano at kung ano ang ginawa ko, hakbang-hakbang. Magpo-post ako ng parehong mga halimbawang pahina at buong site.

Ang isang Html na dokumento ay ang pinakasimpleng dokumento ng teksto, isang wika sa pag-tag na nakikita mo araw-araw sa Internet. Inilalarawan ng mga tag ang istruktura ng isang dokumento. Ang mga tag ay naka-format bilang angular< >mga bracket, kung saan nakasulat ang pangalan ng tag. Tinitingnan ng browser ang istraktura ng dokumento, itinatayo ito at ipinapakita ito ayon sa mga tagubilin nito sa iyong monitor, kung, siyempre, ginawa mo ang lahat ng tama.

Nagsisimula ang buong prosesong ito bago mo pa makita ang natapos na larawan. Pinoproseso ng mga browser ang isang dokumento nang sunud-sunod, mula simula hanggang katapusan. Kasama ang lahat ng dapat nasa page. Mga talahanayan, larawan, script at iba pa, maliban dito kasama ang mga estilo ng CSS.

Mga Pangunahing Kaalaman para sa Mga Nagsisimula

Ano ang html - kung titingnan mo ang isinusulat ng Wikipedia - (HyperText Markup Language) hypertext markup language para sa mga dokumento. Karamihan sa mga pahina sa Internet ay naglalaman ng markup ng pahina sa wikang ito. Ang wikang ito ay binibigyang-kahulugan ng mga browser, at ang resultang na-format na teksto ay ipinapakita sa monitor ng iyong computer o mobile device.

Ang wikang ito ay likas na napakadali at madaling matutunan. Kahit sino ay maaaring matuto at maunawaan ang mga pangunahing kaalaman nito. Upang magamit ang gayong wika, kailangan mong malaman at gumamit ng mga deskriptor, na tinatawag ding mga tag. Ito ay sa tulong ng mga tag na ang isang dokumento ay nilikha.

Ano ang dapat na binubuo ng istraktura ng dokumento, kung anong mga tag ang dapat naroroon. Tingnan natin ang lahat sa isang maliit na halimbawa. Sumulat ako ng ilang teksto sa MS Office at ipinakita ito sa screenshot na ito.

Upang ipakita ang tekstong ito sa browser sa parehong paraan tulad ng pagkakasulat nito sa dokumento, kailangan mong magdagdag ng page markup dito, na kinabibilangan ng ilang mga tag. Una, tingnan mo sila, pagkatapos ay ilalarawan ko ang bawat isa na may pananagutan sa kung ano.

Maligayang pagdating sa aking blog, kumukuha ka na ngayon ng aralin sa HTML Basics. Kung nagustuhan mo ang artikulong ito, maaari kang mag-subscribe sa blog na ito upang makatanggap ng mga bagong artikulo sa iyong email inbox.

Blog ni Evgeny Nesmelov! website Mga Pangunahing Kaalaman ng html at css para sa mga nagsisimula

Anong mga tag ang binubuo ng anumang html na dokumento, ano ang kasama nito, at saan dapat isulat ang lahat ng ito?

< html > < body > < h2 >< / h2 > < p >Maligayang pagdating sa aking blog, ngayon ay kunin ang HTML Basics tutorial. Kung nagustuhan mo ang artikulong ito, maaari kang mag-subscribe sa blog na ito upang makatanggap ng mga bagong artikulo sa iyong email inbox.< / p > < h2 >Blog ni Evgenia Nesmelov! Nesmelov. ru Mga Pangunahing Kaalaman ng HTML at CSS para sa mga nagsisimula< / h2 > < / body > < / html >

Ang anumang code ay binubuo ng mga character na inilalagay sa mga anggulong bracket. Ang lahat ng ito ay tinatawag na mga elemento. Ang lahat ng mga elemento ay karaniwang binubuo ng dalawang tag, pagbubukas at pagsasara. Ipinapayo ko sa iyo na tingnan nang mabuti ang mga tag sa una at kung hindi mo isasara ang isa sa mga ito, kakailanganin mong baguhin ang malalaking bahagi ng code upang mahanap ang error.

May mga kaso na tumagal ng higit sa isang araw, ang isang tao ay nakikipag-ugnay at humihingi ng tulong, hindi siya makahanap ng isang error sa kanyang site, kaya palaging maingat na tingnan kung ano at saan ka sumulat. Gamitin natin ngayon ang halimbawang ito upang tingnan ang bawat elemento ng code, kung ano ang nakasulat dito, kung ano ang ibig sabihin nito at kung ano ang mangyayari sa huli.

Karamihan sa mga tag ay ipinares, na kinabibilangan ng pambungad na tag at pansarang tag. Bilang karagdagan sa mga naturang tag, mayroon ding mga solong tag. Ang mga tag ay maaaring sumama sa iba, kaya pugad sa bawat isa. Halimbawa, ipakita ang teksto sa bold at italics nang sabay-sabay.

Text

< strong > < i >Text< / strong > < / i >

HTML na istraktura ng dokumento

Paalalahanan kita muli, kailangan mong sundin ang mga patakaran na naroroon sa dokumento. Ito ay kung paano nauunawaan ng browser kung ano ang nasa pahina, ang pagkakasunud-sunod nito, nilalaman, at iba pa.

Ang tag ay isang bahagi na nagsasabi sa web browser na magsagawa ng isang partikular na gawain. Halimbawa, ang pagkakaroon ng isang talata, talahanayan, anyo o imahe.

Attribute - binabago ang tag. Halimbawa, maaari mong ihanay ang isang talata sa gitna o nakahanay sa kanan, itakda din ang lokasyon ng larawan sa pahina, at iba pa.

LAGING isara ang mga tag, kung bubuksan mo ito, dapat mong isara ito. Kung hindi, magkakaroon ng error at hindi maipapakita nang tama ang iyong dokumento sa page. Mayroon ding mga pagbubukod, na hindi dapat kalimutan.

Malinaw na kailangang maunawaan na mayroong pamagat ng dokumento at katawan nito. Ang pamagat ay ang lahat ng nilalaman ng tag. Katawan ng dokumento (), ang katawan ng dokumento ay naglalaman ng lahat ng nilalaman ng pahina. Kung may pangangailangan na mag-iwan ng isang seksyon ng code para sa iyong sarili, sa gayon ay isinama ang mga tag na ito sa mga komento, ang tag ay ginagamit para dito. Lahat ng nasa loob ng naturang tag ay nagsisilbing komento at hindi nakikita ng mga browser.

Magsimula tayo sa pinakauna. Sa simula ng dokumento ay binuksan ko ang isang tag at sa dulo ay isinara ko ito. Ang code na ito ay nasa ganap na bawat dokumento, sinasabi nito sa browser na ang lahat ng inilagay sa pagitan ng mga tag na ito ay HTML code. Ito ang ugat ng mismong dokumento; lahat ng nasa likod ng tag na ito ay hindi na kasama sa dokumento at hindi nakikita ng mga browser. Sa pinakadulo simula ng dokumento, ang tag ay binuksan at sa pinakadulo dapat itong sarado.

Ang buong seksyon ng tag na ito ay naglalaman ng lahat ng teknikal na impormasyon ng dokumento. Tulad ng nakaraang tag, dapat ding buksan at sarado ang ulo sa dulo. Kasama sa impormasyong ito ang pamagat ng pahina, paglalarawan, mga keyword sa search engine, at pag-encode. Tungkol sa pag-encode sa ibaba.

Nilalaman

< head >Nilalaman< / head >

Ang tag na ito ay kasama sa head at dapat na nakasulat sa loob ng head tag. Ang title tag na ito ay mandatory at dapat na naroroon sa bawat HTML na dokumento. Bilang karagdagan dito, lumilitaw ito bilang pamagat ng window ng browser. Ang haba ng naturang header ay hindi dapat lumampas sa 60 character. Ang teksto ng naturang header ay dapat maglaman ng pinaka kumpletong impormasyon na nagpapakilala sa nilalaman ng pahina.

Kung isinulat mo ang "Hello World" sa header, ito ang impormasyong dapat ipakita sa page at wala nang iba. Hindi mo dapat linlangin ang mga tao at mga search engine, hindi nila ito gusto, at sa gayon ay pinapalala mo ang mga bagay para sa iyong sarili. Ang impormasyong nakapaloob sa tag na ito ay dapat na may kaugnayan sa nilalaman ng iyong pahina.

Pagkatapos ng mandatoryong tag ng pamagat, mayroong isang opsyonal, ngunit parehong mahalagang meta tag. Single ang tag na ito. Gamit ang tag na ito, magtatakda ka ng paglalarawan para sa pahina (paglalarawan) at mga keyword nito (mga keyword).

Bilang karagdagan, ang meta tag ay maaaring maglaman ng data tungkol sa may-akda ng pahina at iba pang mga katangian ng metadata. Maaari mong pigilan ang buong pahina na ma-index ng mga search engine. Itakda ang pahina upang awtomatikong i-refresh pagkatapos ng 20 segundo o pagkatapos ng 5 segundo, na sinusundan ng paglipat sa isa pang pahina.

< meta name = "robots" content = "index, follow" > < meta http - equiv = "refresh" content = "20" > < meta http - equiv = "refresh" content = "5; url=http://сайт/" >

Maaaring mayroong ilang mga naturang elemento ng meta, dahil maaari silang magdala ng ganap na magkakaibang impormasyon. Ang ibang mga user, kapag binuksan nila ang pahina sa browser, ay hindi nakikita ang lahat ng iyong mga paglalarawan;

Magagamit din ang style tag para magtakda ng mga istilo sa page. Kung gumagamit ka ng maraming iba't ibang mga estilo ng css, ipinapayong itakda ang mga ito sa isang hiwalay na file. Kung kailangan mong tukuyin ang ilan sa mga ito, ang lahat ng ito ay maaaring direktang tukuyin sa html na dokumento.

.base ( width: 100px; background-color: #000; height: 150px; color: #fff; )

< style type = "text/css" > Base( lapad: 100px; background - kulay : #000; taas: 150px; kulay : #fff;

O magdagdag ng mga istilo na partikular sa isang tag upang magawa ito, kailangan mong magdagdag ng elemento ng istilo sa loob mismo ng tag. Dapat gamitin ang tag na ito sa loob ng container na nagtatakda ng mga istilo para sa page. Maaari kang gumamit ng ilang mga naturang tag, hindi ito magiging isang error.

Medyo katulad ng nakaraang tag, binibigyang-daan ka ng link tag na magtakda ng mga istilo para sa isang dokumento na nasa ibang file. Sa madaling salita, maaari kang mag-attach ng kumpletong css style sheet, na binubuo ng maraming katangian, sa isang umiiral na dokumento. Kaya, binabawasan mo ang laki ng dokumento, na sa huli ay maglo-load at magbubukas nang mas mabilis sa isang computer o mobile device na may mababang bilis ng Internet.

Maaari kang kumonekta ng higit sa isang file, walang mga paghihigpit. Hindi na kailangang isara ang gayong tag. Kung ang lahat ay tapos na nang tama, ang mga partikular na istilo mula sa isang hiwalay na file ay ilo-load sa iyong dokumento. Ang tag na ito ay maaaring idagdag sa mga pangunahing kaalaman ng html at huwag kalimutan ang tungkol sa pagkakaroon nito. Ang resulta ay isang larawan tulad nito:

< link href = "css/style-lg.css" rel = "stylesheet" > < link href = "css/style-md.css" rel = "stylesheet" > < link href = "css/style-sm.css" rel = "stylesheet" >

Gamit ang script tag, maaari mong ikonekta ang iba't ibang mga sitwasyon (mga script) sa isang dokumento. Ang pagkakaroon ng closing tag ay kinakailangan. Ang script mismo ay maaaring matatagpuan sa simula ng dokumento, sa loob o sa dulo.

Sinasabi sa browser na ang anumang inilagay sa pagitan ng mga tag na ito ay dapat lumabas sa window ng iyong browser. Narito ang mga pangunahing tag na maaaring naroroon sa ganap na bawat dokumento. Ang body tag ay nagsisilbing pangunahing katawan ng page, na kinabibilangan ng lahat ng nilalaman nito. Maipapayo na buksan ang tag na ito at tandaan na isara ito sa dulo ng dokumento.

Mga heading ng pahina h1 h2 h3

Pumunta pa tayo, may nakikita tayong tag na nagbubukas at nagsasara sa parehong paraan. Tinutukoy ng tag na ito ang pangunahing pamagat ng teksto sa karamihan ng mga kaso, sa ilalim ng heading ng H1 ay ang pamagat ng pahina. Sa katunayan, mayroon lamang anim na heading ng data. . Ginagamit din ang mga ito sa SEO, ngunit ito ay isang bahagyang naiibang paksa. Talagang i-highlight ko ang isang artikulo para dito at magbibigay ng detalyadong paglalarawan para sa kanila, mag-subscribe sa mga update sa blog para wala kang makaligtaan.

Ang pagkakaroon ng naturang mga heading sa artikulo ay gaganap ng isang mahalagang papel sa pag-promote ng pahina. Bilang karagdagan, ang kanilang paggamit ay nagbibigay sa iyo ng isang malinaw na istraktura ng pahina, ang pamagat nito, mga subheading, mga highlight, mga subparagraph, at iba pa. Palaging gamitin ang mga ito at isabuhay. Sa maraming CMS, tulad ng WordPress, kapag nagsusulat ng teksto, makikita mo ang "heading 1", "heading 2", "heading 3" at iba pa. Sila ang may pananagutan sa h1, h2 at h3.

Kung magsusulat ka ng body text mula sa isang bagong talata, magsusulat ka ng isang tag

Sa simula at isara ito sa dulo

. Ang pagmamarka ng isang talata sa html ay katumbas ng paglikha ng isang bagong talata sa isang dokumento ng MS Word. Hindi ako nagdagdag ng bago sa dokumento. Ngunit hindi lang ito ang dapat naroroon sa isang html na dokumento. Tingnan natin ang isa pang halimbawa, ang paglalarawan ay darating nang kaunti mamaya.

HTML na dokumento

Ang tekstong ito ay magiging bold, at ito ay naka-italic din

< ! DOCTYPE html > < html > < head > < meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / > < title >HTML na dokumento< / title > < / head > < body > < p > < b > < / b > < / p > < / body > < / html >

Pangunahing elemento Ulo at Pamagat

Ang bawat dokumento ay naglalaman ng isang ulo at elemento ng pamagat. Ang una, na dumarating kaagad pagkatapos ng unang tag. Ang tag na ito ay naglalaman ng lahat ng impormasyon tungkol sa pahina, naglalaman din ito ng elemento. Pamagat – impormasyon tungkol sa pamagat ng pahina, sa madaling salita ang pamagat ng pahina, pangalan nito. Nasa pamagat na ipinapahiwatig mo ang tamang pangalan ng pahina kung saan hahanapin ka ng user sa pamamagitan ng isang search engine, isang napakahalagang punto. Ang parehong mga elemento ay dapat na bukas at sarado din. Ang bawat elemento ay sarado na may "/". Ang resulta ay isang larawan tulad nito.

Mga Nilalaman ng Heading & Page

< / html >

Tulad ng nakikita mo, walang kumplikado. Narito ang pinakapangunahing mga tag na dapat naroroon sa bawat html na dokumento. Huwag kalimutang isara ang bawat isa sa kanila, kung hindi man ay hindi makikita ng browser ang buong larawan ng code. Kailangan mong malaman at tandaan ito palagi. Pagkatapos ay magsisimula kang magpasok ng teksto, mga larawan, mga video, at iba pa. Ngunit ito ay makikita na sa ibang mga artikulo.

Notepad++ editor

Upang gumana sa code, gamitin ang Notepad++ program. Ito ay libre, at hindi mahirap hanapin ito sa Internet. Tunay na maginhawa para sa pag-unawa sa anumang code; Sinusuportahan namin ang syntax ng higit sa 40 programming language. Kung ano lang ang kailangan mong matutunan ang mga pangunahing kaalaman ng html.

Ang Notepad ay higit na mataas sa lahat ng paraan kaysa sa isang regular na notepad. Para sa maximum na kaginhawahan, pagiging simple at pag-aaral, ang editor na ito ay dapat na unang naka-install sa iyong computer. Ang pinakamahalagang bentahe at kaginhawahan ay ang Notepad++ editor ay nagpapakita ng mga pahiwatig kapag nagsusulat ng code, na ginagawang mas mabilis at mas mahusay ang kalidad ng iyong trabaho.

Elemento ng DOCTYPE

Ang bawat dokumento ay dapat ding maglaman ng sumusunod na elemento ng doctype. Bakit ito kailangan at kung ano ang dapat na nasa loob nito. Kadalasan ang mga tao ay hindi masyadong masigasig sa mga linyang ito, kinokopya nila ito sa kanilang mga dokumento at tahimik na nagtatrabaho. Ang mga elementong ito ay nagsasabi sa browser kung anong bersyon ng html ang ginagamit sa dokumento, kung ano ang paglalarawan ng pahina, anong pag-encode ang ginagamit, anong mga keyword ang kasama, sino ang may-akda, at kung ano ang tawag sa pahina.

Karaniwang inilalagay ang mga ito sa pinakadulo simula. Mayroong ilang mga pagpipilian at lahat sila ay naiiba sa bawat isa, magsusulat ako ng isang halimbawa na madalas na ginagamit. Maaaring gamitin ang blangko na ito bilang isang yari na template. Susunod ay magkakaroon ng isang malinaw na paglalarawan ng bawat linya, hindi dapat magkaroon ng mga problema dito.

Sa madaling sabi sa malinaw na wika tungkol sa mga pangunahing kaalaman ng html: Ang linyang ito ay nagsasabi sa browser na ang dokumentong ito ay XHTML na bersyon 1.0, Ingles ang ginagamit at ang buong gulo na ito ay matatagpuan sa address na ito. Susunod, sa meta tag ipinapahiwatig namin ang pag-encode na ginamit. Ang pinakakaraniwang ginagamit ay Windows 1251.

Paglalarawan - ang paksa ng SEO ay hinawakan, isa sa tatlong pangunahing mga tag na dapat na naroroon sa ganap na bawat dokumento ay nagpapahiwatig ng paglalarawan ng pahina; Ano ang nakasulat sa pahinang ito, isang maikling paglalarawan, hindi hihigit sa dalawang pangungusap. Sinasaklaw din ng tag ng mga keyword ang paksa ng SEO, kinakailangan ang tag na ito. Naglalaman ito ng mga keyword na gagamitin ng mga user ng Internet upang mahanap ka sa pamamagitan ng mga search engine.

Ang tag ng pamagat ay naglalaman ng pangalan ng mismong dokumento, pamagat nito, na nakikita natin sa browser. Marahil ang pinakamahalagang tag sa buong dokumento, na may pinakamalaking epekto sa pag-promote ng page. Ang artikulo sa pagdaragdag at pagdidisenyo ay naglalarawan sa tag na ito nang mas detalyado.

Ano ang kailangan mong tandaan mula sa araling ito tungkol sa mga pangunahing kaalaman ng html:

Halos lahat ng mga tag ay nagbubukas at nagsasara;

Nagsisimula ang dokumento sa tag ;

Pagkakaroon ng tag;

Pagkakaroon ng tag;

Malinaw na istraktura ng html na dokumento.

Ang lahat ng mga pangunahing pahina ay dapat palaging may pangalang index. Ganito ang pagtanggap at nakasanayan na ng lahat, kahit ano pa ang file extension, pwede itong html o php. Laging ganyan ang tawag dito.

Manood ng video tungkol sa mga pangunahing kaalaman sa HTML mula sa Webformyself.

Hypertext markup language, mga pangunahing elemento at istraktura. Susubukan kong ilarawan ang lahat ng ito at marami pang iba sa aking blog. Una sa lahat, ang kapaki-pakinabang na impormasyon ay isusulat para sa mga nagsisimula, isang halimbawa ng code ay ibibigay, at ang pagkakataong i-download ang halimbawa mismo kasama ang natapos na pahina ay ibibigay.

Para sa paglitaw ng HTML, ang modernong mundo ay may isang siyentipiko sa European Council for Nuclear Research (Conseil Européen pour la Recherche Nucléaire, CERN) upang pasalamatan. Ang pangalan ng siyentipikong ito ay Timothy John Berners-Lee. Ang unang bersyon ng HTML ay nilikha para sa layunin ng pag-format ng mga siyentipikong dokumento. Ito ay pag-format ng istruktura nang walang mga elemento ng paglalarawan ng mga scheme ng kulay, mga parameter ng font, atbp. Kaya, orihinal na ginawang posible ng HTML na i-highlight ang mga heading, talata, listahan, at mga katulad na elemento ng istruktura sa teksto. Ang resulta ng pagproseso o "paglalaro" ng HTML ay hindi dapat nakadepende sa mga teknikal na tampok ng hardware para sa visualization nito, dahil hindi ito naglalaman ng mga parameter ng visualization na ito. Sa paglipas ng panahon, ang tampok na ito ng hypertext markup language ay bahagyang nawala.

Kaya, ang hitsura ng mga unang bersyon ng HTML ay nagsimula noong 1986, at noong 1991 ang HTML ay makabuluhang napabuti at nagsimulang partikular na gamitin para sa pagpapadala ng hypertext sa buong World Wide Web. Sinasabi nila na ang tanyag na daigdig na abbreviation na HTML, na nangangahulugang Hyper Text Markup Language, ay eksaktong lumitaw noong unang bahagi ng 90s ng huling siglo. At ngayon ay isang maikling iskursiyon sa pedigree ng mga markup na wika. Ang unang bersyon ng hypertext markup language na HTML ay nilikha batay sa Standard Generalized Markup Language (SGML), na sa ilang paraan ay maituturing na prototype ng eXtensible Markup Language. Ang pamantayang XML ay nakakuha ng napakalaking katanyagan sa ating panahon dahil sa malaking bilang ng mga extension nito na ginagamit sa teknolohiya ng computer. Upang ganap na malito ang mambabasa, agad kong idaragdag na sa dakong huli, batay sa XML, ang hypertext markup language na XHTML (Extensible Hypertext Markup Language) ay binuo, na mahalagang kinokopya ang HTML. Bilang resulta, mayroon kaming mga acronym na SGML, HTML, XML at XHTML, at kailangan naming maunawaan kung alin. Sa katunayan, ang lahat ay simple: Ang SGML ay hindi hihigit sa isang hanay ng mga patakaran na batayan kung saan ang anumang markup language ay maaaring itayo. Ang HTML ay isa sa mga wikang ito - ang SGML application. Sa madaling salita, tinutukoy ng SGML kung ano dapat ang hitsura ng mga elemento ng markup, at tinutukoy ng HTML kung ano dapat ang mga elemento at kung paano dapat bigyan ng kahulugan ang mga ito ng mga browser. Ang XHTML, sa turn, ay isang application ng XML, at ang XML mismo ay hindi hihigit sa isang pinasimpleng bersyon ng SGML. , sa kabila ng katotohanan na halos magkapareho sila sa hitsura, mayroon silang makabuluhang mga nakatagong pagkakaiba, na, sa karamihan, ay nakasalalay sa prinsipyo ng kanilang pagproseso.

Ngayon bumalik tayo sa kasaysayan ng pagbuo ng HTML. Kaya, hanggang 1994, ginamit pa rin ang HTML para sa structural markup ng data, bagama't may kasama na itong mga tag para sa pag-highlight ng text sa bold o italics. Sa parehong 1994, nilikha ang organisasyon ng W3C (World Wide Web Consortium) - ang World Wide Web Consortium, na pinamumunuan, medyo lohikal, ng parehong Tim Berners-Lee, at noong 1995 ang rekomendasyon ng HTML 2.0 ay nai-publish. Naunawaan na ng mga tagalikha ng HTML na sa paglipas ng panahon ang kanilang brainchild ay mag-evolve mula sa isang wika ng static na text markup sa pangunahing tool para sa paglikha ng mga dynamic na mapagkukunan ng Internet. Ang pangunahing karagdagan ng HTML 2.0 ay ang hitsura bilang bahagi ng wika ng mga form na may mga hanay ng mga kontrol ng user na gagamitin para sa user na maglagay ng mga parameter para sa mga kahilingan sa HTTP.

Pagkatapos ng paglabas ng pangalawang bersyon, nagsimula kaagad ang trabaho sa susunod na henerasyon ng HTML. Noong 1997, inilabas ang rekomendasyon ng HTML 3.2, na nagdagdag sa markup language na may mga talahanayan, frame, larawan at ilang iba pang mahahalagang tag. Ngunit ang pinakamahalagang tagumpay ng ika-3 na bersyon ay ang mga may-akda nito ay muling bumalik sa problema ng pag-visualize ng markup sa browser, na naaalala na ang HTML ay dapat lamang markahan ang istraktura ng dokumento at hindi dapat direktang naglalaman ng mga parameter para sa mga graphic na istilo para sa pagpapakita ng mga elemento sa ang browser. Ang resulta ng kanilang trabaho sa HTML 3.2 ay ang paglitaw ng isang independiyenteng CSS na wika (Cascading Style Sheets) - mga cascading style sheet, ang code na maaari na ngayong ikonekta sa HTML markup code at sa gayon ay ipasadya ang hitsura ng pahina.

Sa pamamagitan ng paglabas ng bersyon 4 ng HTML noong 1997, inalis ng mga tauhan ng W3C ang kanilang ideya sa mga hindi kinakailangang elemento na, sa pagdating ng CSS, ay naging lipas na at nakompromiso ang ideya ng ​​​paghihiwalay ng markup ng istruktura mula sa parameterization ng presentasyon. Ngunit walang sinuman ang haharang sa isang bagong bersyon dahil sa gayong mga bagay. Ang pangunahing tagumpay ng mga rekomendasyon sa HTML 4.0 ay ang hitsura ng modelo ng object ng pahina (Document Object Model, DOM), ang mga elemento na maaari na ngayong manipulahin sa pamamagitan ng mga scripting programming language na isinagawa ng mga browser. Ang pinakasikat na naturang programming language ay JavaScript. Ang HTML plus DOM plus JavaScript ay katumbas ng Dynamic na HTML o simpleng DHTML, na nagmarka ng isang pambihirang tagumpay sa disenyo ng web. Ngayon ang mga elemento ng isang naka-load na pahina sa Internet ay maaaring magbago ng kanilang hitsura bilang tugon sa mga aksyon ng user, pati na rin magdagdag ng bago at magtanggal ng mga umiiral na elemento. Noong Disyembre 24, 1999, ang pinakabagong edisyon ng ika-4 na bersyon ng hypertext markup language, HTML 4.01, ay inilabas.

Hindi pa natatanggap ng HTML5 ang katayuan ng isang opisyal na rekomendasyon ng W3C, ngunit malinaw na na ang mga may-akda ng HTML ay nagpapatuloy sa pagbuo ng mga kinakailangan para sa suporta sa modelo ng object ng dokumento at interpretasyon ng JavaScript. Bagama't makakatanggap ang HTML5 ng ilang bagong tag, karamihan sa mga rekomendasyon ay may kinalaman pa rin sa pag-uugali ng browser sa konteksto ng DHTML: magkakaroon ng built-in na suporta para sa mga drag-and-drop na function, ang kakayahang gumuhit sa isang virtual na canvas , kontrolin ang kasaysayan ng pagba-browse, at magbahagi ng mga mensahe sa pagitan ng mga pahina, i-save ang konteksto ng pagpapatupad at marami pa. Inaasahan na sa paglabas ng mga bagong rekomendasyon sa HTML, ang mga problema ng kakulangan ng cross-browser compatibility, kapag ang parehong JavaScript code ay naisakatuparan nang iba sa ilalim ng iba't ibang mga browser, ay unti-unting mawawala. Pagkatapos ng lahat, ang trend upang tukuyin ang mga kinakailangan para sa pagtatrabaho sa object model at JavaScript ay magpapatuloy, at ang mga developer ng browser ay kinakailangan (kung gusto nilang gamitin ang kanilang mga produkto ng software) na sundin ang mga kinakailangang ito.

Naka-iskedyul ang HTML5 na ipalabas sa 2014. Marahil sa oras na iyon ang W3C ay makakabuo na ng mga hiwalay na rekomendasyon na nauugnay lamang sa JavaScript programming, at ang HTML ay muling magiging eksklusibong markup language para sa istruktura ng dokumento. Sa kabila ng katotohanan na ngayon ay 2012 lamang, marami na ang sinusuportahan ng mga pinakasikat na browser. Karamihan sa mga web designer dati ay kailangang gawin sa kanilang sarili (ang parehong drag-and-drop), sa paglabas ng HTML5 ay susuportahan sa antas ng browser, at ang pagbuo ng mga kaganapan ay hindi maaaring hindi magalak. Umaasa lang tayo na magpapatuloy ang uso.

Ang Internet ay isang pandaigdigang network na pinag-iisa ang mga network ng computer sa buong mundo batay sa pare-parehong karaniwang mga kasunduan (protocol) sa mga paraan ng pagpapalitan ng impormasyon at isang pinag-isang sistema ng pagtugon.

Sa ngayon, ang Internet ay nakakuha ng hindi pa nagagawang katanyagan. Ayon sa mga eksperto, ang Internet ay nagkokonekta ng higit sa 100 milyong mga computer. Mahigit sa 300 milyong tao sa 170 bansa ang gumagamit ng mga serbisyo sa Internet.

Mula sa isang functional na punto ng view, ang Internet ay:

ü isang mura, mabilis na paraan ng komunikasyon sa pagitan ng mga subscriber sa buong mundo;

ü isang walang kapantay na imbakan ng impormasyon sa anumang larangan ng kaalaman;

ü isang bagong magandang kapaligiran para sa aktibidad.

Ang impluwensya ng Internet ay umaabot hindi lamang sa teknolohikal na larangan ng mga komunikasyon sa kompyuter, mayroon din itong oryentasyong panlipunan at tumatagos sa buong lipunan habang ang mga paraan ng pagpapatakbo ng pagkuha ng kaalaman at ang elektronikong komersyo ay nagiging mas laganap.

Ang pinakakaraniwan at tanyag na serbisyo sa Internet ngayon ay ang WWW (World Wide Web). Ang impormasyon sa WWW ay ipinakita sa anyo ng tinatawag na hypertext (o, mas malawak, hypermedia) na mga dokumento, na maaaring maglaman ng naka-format na teksto, mga graphic, mga fragment ng audio at video Ang pangunahing tampok ng mga dokumento ng hypertext ay ang pagkakaroon ng mga aktibong zone na ay sensitibo sa isang pag-click ng mouse ang mga fragment ng teksto ay maaaring maging aktibo, ang mga buong larawan at ang kanilang mga bahagi ay nagiging sanhi ng pag-download ng (target) na dokumento na nauugnay sa zone na ito.

Upang matutunan kung paano mag-post ng mga materyales sa Internet, kailangan mo munang maging pamilyar sa hypertext markup language HTML (H yperT ext M arkup L anguage)

Mga Pangunahing Kaalaman sa HTML

Ang markup language para sa hypertext documents HTML ay isang set ng mga command na tinatawag na tags (mula sa English tag). Ang mga HTML tag na matatagpuan sa teksto ng isang dokumento ay binibigyang-kahulugan ng browser kapag ipinapakita ang dokumento.

Ang pagtingin sa mga dokumento ng HTML ay isinasagawa gamit ang mga programa - mga browser(mula sa English browser), na nagpapakita ng dokumento ayon sa HTML markup at nagbibigay ng hyperlink navigation. Ang pinakakaraniwang mga browser ay ang Microsoft Internet Explorer mula sa Microsoft Corporation at Netscape Navigator mula sa Netscape Communications Corporation.

Dahil ang isang HTML na dokumento ay isang text file, maaari itong ihanda sa isang simpleng text editor, tulad ng Notepad ( Notepad), ngunit ito ay napakahirap sa paggawa. Mas madalas na gumagamit sila ng mga espesyal na editor na partikular na idinisenyo para sa paghahanda ng mga HTML na dokumento, na nagbibigay-daan sa iyong magpasok ng mga tag gamit ang mga pindutan ng toolbar o mga utos ng menu, at magtakda ng mga katangian ng tag sa mga dialog box, halimbawa, Macromedia Dreamweaver, Microsoft FrontPage, HomeSite, atbp.

Ang isang HTML na dokumento ay maaaring makuha sa pamamagitan ng pag-convert nito sa isang HTML na format, halimbawa, mula sa Microsoft Office na format ng dokumento. Dapat pansinin na sa gayong pagbabago, ang pinagmulang teksto ng HTML na dokumento ay lumalabas na labis na kalabisan at nangangailangan ng pagwawasto Mas mahusay na gumamit ng mga espesyal na HTML editor.

Syntax ng HTML Tag

Ang isang HTML na tag ay nakasulat sa mga angle bracket (mga character) at binubuo ng isang pangalan, na maaaring sundan ng isang listahan ng mga katangian (opsyonal para sa karamihan ng mga tag). Ang mga pangalan at katangian ay mga salitang Ingles at mga pagdadaglat.

Ang mga tag ay maaaring nahahati sa dalawang pangkat:

Mga nakapares na tag (tinatawag ding mga lalagyan) ay may dalawang bahagi: pagbubukas (inisyal) at pagsasara (pangwakas); ang pagsasara ng bahagi ay may parehong pangalan, ngunit kapag isinulat, ang pangalan ay pinangungunahan ng isang slash (simbulo / ). Ang teksto ng dokumento at iba pang mga tag ay matatagpuan sa pagitan ng pagbubukas at pagsasara ng mga bahagi. Ang isang fragment ng dokumento na matatagpuan sa pagitan ng mga elemento ng pagbubukas at pagsasara ng isang tag ng container ay na-format ng browser ayon sa kahulugan ng tag matapang). Maaaring i-nest ang mga nakapares na tag ngunit hindi dapat mag-overlap.

Mga hindi ipinares na tag (tinatawag ding nagsasarili) ay walang panghuling bahagi Kapag nabigyang-kahulugan ang mga ito, isa o isa pang bagay ang ipinapasok sa ipinapakitang dokumento. Halimbawa, tag , na nangyayari sa teksto ng isang HTML na dokumento, ay nagiging sanhi ng pagpasok ng graphic na larawan mula sa pict.gif file.

Ang mga katangian sa listahan ay pinaghihiwalay sa isa't isa ng isa o higit pang mga puwang, o mga tab na character, o mga bagong linya na mga character ay hindi mahalaga ang pagkakasunud-sunod kung saan nakasulat ang mga katangian. Ang karamihan sa mga katangian ay ginagamit bilang isang pares pangalan ng katangian = halaga ng katangian. Kapag ang value ng attribute ay higit sa isang salita o isang numero, dapat itong nakapaloob sa isa o dobleng panipi. Ang mga katangian ay hindi tinukoy sa pagsasara ng mga bahagi ng mga tag.

Narito ang isang halimbawa ng isang tag na may mga katangian:

Pangalan ng tag Pangalan ng katangian

Halaga ng katangian

Pangalan ng katangian

Halaga ng katangian

Kamusta !

Ang pagkakaroon ng nakatagpo ng ganoong tag sa isang HTML na dokumento, binibigyang-kahulugan ito ng browser, na ipinapakita ang teksto kasunod ng tag sa mga character na tumaas na may kaugnayan sa laki ng base (SIZE=+2) at pulang kulay (COLOR=RED); ang pag-format ng text na ito ay inilapat hanggang sa makita ang pansarang tag.

Hindi mahalaga ang kaso ng mga character sa tag at attribute entries.

Istruktura ng Dokumento ng HTML

Ang isang HTML na dokumento ay nakapaloob sa at mga tag sa pagitan ng mga tag na ito ay may dalawang seksyon: ang seksyon ng header (sa pagitan ng mga at tag) at ang seksyon ng katawan ng dokumento (sa pagitan ng mga at tag ginagamit kapag ipinapakita ang dokumento, ngunit hindi direktang ipinapakita sa window ng browser . Ang seksyon ng katawan ng dokumento ay naglalaman ng pangunahing teksto na nilalayon para ipakita ng browser, pag-format ng mga tag, paglalagay ng mga larawan, talahanayan, hyperlink, atbp.

Ang HTML code ng pinakasimpleng dokumento na angkop para sa pag-post sa Internet ay ganito ang hitsura:

< TITLE >Ang aming unang pahinaTITLE >

Ang pinakasimpleng HTML na dokumento

Ang code na ito ay maaaring i-type sa Notepad text editor at i-save bilang isang file na may extension . htm o. html - sa kasong ito, magbubukas ang dokumento sa default na browser na naka-install sa iyong computer. Ipapakita ng browser ang dokumentong ito sa pamamagitan ng pagpapakita sa window nito ng linyang "Ang pinakasimpleng HTML na dokumento" na matatagpuan sa seksyon ng katawan ng dokumento. Ang pariralang "Ang aming unang pahina" ay lalabas sa title bar ng browser.

HEAD Section

Ang seksyon ng header ay karaniwang naglalaman ng mga tag na hindi nakikita ng gumagamit, ngunit gayunpaman ay maaaring aktibong makaimpluwensya sa hitsura ng dokumento.

Tag	Layunin
	Tinutukoy ang pangalan ng buong dokumento. Karaniwang ipinapakita ang pangalan sa title bar ng browser window. Ang elementong ito ay kinakailangan para sa anumang HTML na dokumento at maaaring tukuyin nang hindi hihigit sa isang beses.
	Tinutukoy ang base address (URL) ng kasalukuyang dokumento, na magiging panimulang punto para sa pagkalkula ng mga kamag-anak na address sa loob ng dokumento. Walang end tag ang elemento. Dapat mayroong kahit isa sa mga argumento: HREF - tumutukoy sa base address (URL) ng kasalukuyang dokumento. TARGET - tumutukoy sa pangalan ng frame na gagamitin sa mga hyperlink bilang default. Ito ay maaaring magamit kung gusto mong buksan ang lahat ng mga link sa isang dokumento sa ibang frame.
< STYLE TYPE= "text /css " >	Ginagamit para magpasok ng mga cascading style sheet (CSS - Cascade Style Sheet) sa isang dokumento. Ang TYPE ay isang kinakailangang attribute na ang value ay karaniwang "text/css".
< МЕТА …>	Ang elemento ng META ay ginagamit upang teknikal na ilarawan ang isang dokumento. Sa tulong ng elementong ito, ang karagdagang kapaki-pakinabang na impormasyon ay ipinakilala sa pamagat ng dokumento, na hindi nakikita ng gumagamit, ngunit kung minsan ay hindi maaaring palitan para sa tamang pag-index ng iyong pahina ng mga robot ng server ng paghahanap. Walang end tag ang elemento. NAME - tumutukoy sa pangalan ng meta post. Mayroong maraming mga paunang natukoy na pangalan, ang ilan ay makikita mo sa halimbawa sa ibaba. NILALAMAN - nagtatalaga ng value sa meta entry na tinukoy sa NAME parameter.

Seksyon ng KATAWAN

Kasama sa seksyong ito ang pangunahing nilalaman ng web page - teksto ng dokumento, mga larawan, mga talahanayan, atbp. Ang elemento ng BODY ay dapat lumitaw nang hindi hihigit sa isang beses sa isang dokumento at maaaring isama ang mga sumusunod na katangian:

Syntax ng katangian	Layunin
MARGINHEIGHT= numero	Tinutukoy ang lapad (sa mga pixel) ng itaas at ibabang mga margin ng dokumento. Gumagana lamang sa mga browser ng Netscape
TOPMARGIN= numero	Tinutukoy ang lapad, sa mga pixel, ng itaas at ibabang mga margin ng dokumento. Gumagana lamang sa mga browser ng Internet Explorer
MARGINWIDTH= numero	Tinutukoy ang lapad (sa mga pixel) ng kaliwa at kanang margin ng dokumento. Gumagana lamang sa mga browser ng Netscape
LEFTMARGIN= numero	Tinutukoy ang lapad (sa mga pixel) ng kaliwa at kanang margin ng dokumento. Gumagana lamang sa mga browser ng Internet Explorer
BACKGROUND= URL	Tinutukoy ang imahe upang "punan" ang background (larawan sa background). Ang halaga ay tinukoy sa ganap o kamag-anak na address ng larawan (tingnan ang seksyong Paglalagay ng mga larawan)
BGCOLOR= kulay	Tinutukoy ang kulay ng background ng dokumento. MicrosoftInternetExplorer sumusuporta sa 16 karaniwang pangalan ng kulay (aqua, itim, asul, fuchsia, grey, berde, dayap, maroon, navy, olive, purple, pula, pilak, teal, dilaw, puti) Ang isa pang paraan ay ang paggamit ng color code sa anyo ng anim na digit na hexadecimal na numero na tumutukoy sa intensity ng pula (unang dalawang digit), berde (susunod na dalawang digit) at asul (huling dalawang digit) na bahagi. Ang intensity ng bawat bahagi sa hexadecimal form ay mula 00 hanggang FF. Kapag tinukoy ang isang kulay bilang isang attribute value para sa isang tag, ang hexadecimal na numero ay nauuna sa isang # character. Halimbawa, ang entry na COLOR ="#0000 FF " ay nangangahulugang asul Sa kabila ng pangunahing posibilidad ng pagtukoy ng milyun-milyong mga kulay, dapat itong isaalang-alang na ang mga browser ay nagpapakita lamang ng 256 na mga kulay, at ang bawat browser ay may sariling palette ng kulay Sa palette na ito, pipiliin ng browser ang kulay na pinakamalapit sa tinukoy
TEXT= kulay	Tinutukoy ang kulay ng teksto sa isang dokumento
LINK= kulay	Tinutukoy ang kulay ng mga hyperlink sa isang dokumento
ALINK= kulay	Tinutukoy ang kulay ng highlight ng mga hyperlink kapag na-click.
VLINK	Tinutukoy ang kulay ng mga hyperlink sa natingnan nang mga dokumento

Pag-format ng teksto Pag-format ng mga character

Ang lahat ng mga tag sa pag-format ng character ay may parehong pambungad at pagsasara na bahagi at kumikilos sa tekstong nakapaloob sa pagitan ng mga ito.

Ang pangunahing tag ay ... FONT>, na dapat gamitin sa isa o higit pang mga katangian na nagbabago sa laki, kulay at typeface ng font:

Syntax ng katangian	Layunin
SIZE = ibig sabihin	Tinukoy ang laki bilang isang ganap na halaga (isang numero mula 1 hanggang 7) o nauugnay sa batayang laki ng font (sa anyong +n o -n).
KULAY= kulay	Kulay
MUKHA = listahan ng font	Mga typeface para sa pagpapakita ng teksto; nakalista ang mga pangalan sa pagkakasunud-sunod ng kagustuhan na pinaghihiwalay ng mga kuwit, hal. FACE="Verdana, Helvetica, Arial, Sans-Serif" Maaari mo ring tukuyin ang isa sa mga typeface, ngunit tandaan na ang font na ito ay maaaring hindi mai-install sa computer ng user, at ang mga "exotic" na font ay hindi ipapakita ng browser.

Bilang karagdagan, ang mga tag ay ginagamit upang baguhin ang estilo ng mga character:

. .. (mula sa English bold) − bold font;

.. . (mula sa English italic) - italics;

... (mula sa English TeleType) – monospace font;

... (mula sa English underline) - may salungguhit;

... S > (mula sa English s trikethrough) - na-cross out;

... (mula sa English s ub iskrip) – subscript;

... (mula sa English sup erscript) ay ang superscript.

Tekstong nakapaloob sa pagitan ng mga tag

at (mula sa English pre naka-format), ay ipinapakita bilang ito ay paunang na-format, kasama ang lahat ng mga puwang at line break.

Pag-format ng mga Talata

Ang teksto ay ipinapakita sa window ng browser salita sa pamamagitan ng salita; kapag ang kanang hangganan ng window ay naabot, ang susunod na salita ay awtomatikong inilipat sa isang bagong linya. Kahit na maraming puwang ang ipinasok sa code ng pahina o ang teksto ay isinulat sa isang bagong linya, ang mga pagkilos na ito ay hindi ipapakita kapag tiningnan sa isang browser. Samakatuwid, upang magpakita ng serye ng magkakasunod na puwang o ilang walang laman na linya sa teksto, kailangan mong gumamit ng iba't ibang mga tag.

Tag
(mula sa Ingles b reak) sinisira ang text stream at naglalagay ng bagong linya nang hindi gumagawa ng bagong talata
ay binibigyang-kahulugan bilang ilang walang laman na linya. Ang line spacing ay walang pansara na bahagi at walang mga katangian.

Tag(mula sa English p aragraph)nagsisimula ng isang talata; ang isang bagong talata ay pinaghihiwalay mula sa nauna sa pamamagitan ng double line spacing

ay binibigyang-kahulugan bilang isa (kumpara sa tag
).Pasasarang bahagi

opsyonal, dahil nagtatapos ang nakaraang talata kung saan magsisimula ang bago Ang tag ay may opsyonal na ALIGN attribute na nagsasaad ng uri ng alignment ng talata, na maaaring kunin ang mga value na LEFT, CENTER, RIGHT at JUSTIFY, na tumutukoy sa pagkakahanay sa kaliwa. gitna, kanan at lapad. Ang text na nakapaloob sa mga tag ay igitna rin.

...

Kung ang pagsasara ng bahagi

tanggalin, ang tinukoy na uri ng pagkakahanay ay pananatilihin hanggang sa susunod na tag na tumutukoy sa pagkakahanay, o hanggang sa dulo ng dokumento.

Binibigyang-daan ka ng HTML na lumikha ng mga talata na naka-format bilang mga listahan na may numero o naka-bullet. Ang isang fragment ng teksto, na isang listahan, ay nakapaloob sa mga tag:

ordered (numbered) list (mula sa English o pinangalanan l ist)

unordered (bulleted) list (mula sa English u iniutos l ist)

Ang bawat elemento ng isang ordered o unordered list ay nakapaloob sa mga tag ... (mula sa English l ist i tem). Kapag nagpapakita ng teksto, ang bawat elemento ng listahan ay ilalagay sa isang bagong linya, na ipinapahiwatig ng isang numero o marker. Bilang karagdagan, ang listahan ay maaaring magkaroon ng pamagat, na tinukoy ng isang tag (mula sa English l ist h eader). Hindi kailangan ang mga closing tag.

	Listahan ng numero	Naka-bullet na listahan
Elemento ng code	< O L> Heading Unang elemento Pangalawang elemento Ikatlong elemento	< U L> Heading Unang elemento Pangalawang elemento Ikatlong elemento U L>
Pagpapakita ng browser	Heading 1. Unang elemento 2. Pangalawang elemento 3. Ikatlong elemento	Heading · Unang elemento Pangalawang elemento · Pangatlong elemento

Ang isang multi-level na listahan ay maaaring ayusin gamit ang isang kumbinasyon ng mga numero at bullet na listahan.

Ang tag ay may mga opsyonal na katangian:

Syntax ng katangian	Layunin
URI = pormat	Ang format ng pagnumero ay maaaring magkaroon ng mga sumusunod na halaga:
		Arabic numerals (default)
		malaking titik
		maliit na titik
		malalaking roman numeral
		maliliit na roman numeral
SIMULA = halaga	unang numero sa listahan (default 1)

Ang tag ay may opsyonal na katangian

Syntax ng katangian	Layunin
URI = pormat	Ang format ng token ay maaaring magkaroon ng mga sumusunod na halaga:
	Disc	disk (default)
	Bilog	bilog
	Square	Square

Ang mga talata ay maaari ding i-format bilang mga heading ng antas (mula sa n = 1 hanggang n = 6), para sa layuning ito ang mga tag tulad ng ... n> ay ginagamit. Ang unang antas ng heading ay ipinapakita sa pinakamalaking font.

Mga tag

, ... ,

maaaring magkaroon ng attribute ng alignment na ALIGN sa mga value na LEFT, RIGHT at CENTER.

Paglalagay ng mga guhit

Ang mga larawang ipinapakita ng browser kapag tumitingin sa isang web page ay iniimbak sa magkahiwalay na mga file sa gif, jpg (jpeg) o png na format, at isang link sa nais na file ay ginawa sa code ng pahina. Para dito, ginagamit ang isang hindi nakapares na tag, na mayroong isang mandatory at ilang opsyonal na attribute.

Kinakailangang katangian:
SRC= url	Graphic file address (relative o absolute)
ALT= text	Alternatibong teksto na ipinapakita sa browser mode nang hindi naglo-load ng mga larawan (dapat na nakapaloob sa mga quote)
BORDER = ibig sabihin	Ang kapal ng hangganan sa mga pixel, ang ibig sabihin ng 0 ay walang hangganan (default)
BORDERCOLOR = kulay	Itinatakda ang kulay ng hangganan
TAAS = ibig sabihin	Taas ng larawan sa mga pixel (orihinal bilang default) o bilang isang porsyento ng taas ng window ng browser
WIDTH= ibig sabihin	Lapad ng larawan sa mga pixel (orihinal bilang default) o bilang isang porsyento ng lapad ng window ng browser
HSPACE = ibig sabihin	Libreng espasyo sa kaliwa at kanan ng larawan sa mga pixel
VSPACE = ibig sabihin	Libreng espasyo sa itaas at ibaba ng larawan sa mga pixel
I-ALIGN = ibig sabihin	Ini-align ang imahe nang pahalang. Kung KALIWA o KANAN ay nakatakda, ang imahe ay pahalang na nakahanay nang naaayon, ang pagtatakda ng mga halagang ito ay magiging sanhi ng pag-ikot ng teksto sa paligid ng larawan

Tingnan natin ang ganap at kamag-anak na mga paraan ng pagtugon sa isang file.

Pagtugon sa ganap na anyo ginagamit kapag tumutukoy sa mga mapagkukunang matatagpuan sa ibang mga server. Ang pangkalahatang address na tumutukoy sa lokasyon ng isang mapagkukunan ng impormasyon ay tinatawag na URL (Uniform Resource Locator). Ang URL ay binubuo ng dalawang bahagi, na pinaghihiwalay ng colon. Ang unang bahagi ay nagpapahiwatig ng uri ng network protocol, na depende sa uri ng mapagkukunan. Halimbawa, kung ang mapagkukunan ay matatagpuan sa isang WWW server, ito ang protocol http Kasama sa ikalawang bahagi ang pangalan ng computer (server) sa sistema ng domain name at (kung kinakailangan) ang pangalan ng path ng file. Kapag nagsusulat ng pathname, ang mga pangalan ng direktoryo ay pinaghihiwalay ng isang forward slash (ang / character) sa mga pangalan ng file at direktoryo pagkakaiba sa pagitan ng malaki at maliit na titik, hindi pinapayagan ang mga puwang. Narito ang mga halimbawa ng mga URL:

http://www. vshu. kirov .ru/ site / mga larawan / larawan 1. jpg

http://195.21.123.13:8110

ftp://everything.com/soft/prog.zip

mailto: Ang email address na ito ay protektado mula sa mga spambots. Kailangan mong paganahin ang JavaScript upang matingnan ito.

Huling URL na tumuturo sa protocol mailto at ang email address ay hindi nagli-link sa anumang mapagkukunan ng impormasyon; Ito lang ang uri ng URL na hindi kasama ang dalawang forward slash pagkatapos ng colon.

Ang pagtugon sa mga larawan sa ganap na anyo ay halos hindi ginagamit kapag lumilikha ng isang website.

Pag-address sa relatibong anyo ginagamit kapag tumutukoy sa mga mapagkukunang matatagpuan sa parehong server. Kapag isinusulat ang landas sa isang file, ang mga pangalan ng mga direktoryo ay pinaghihiwalay ng isang pasulong na slash (simbolo /), ang paglipat sa mga direktoryo ng file system isang antas pataas ay ipinahiwatig ng dalawang tuldok (mga simbolo ..). Upang gawing mas malinaw, isipin ang isang computer, halimbawa, na may sumusunod na istraktura ng direktoryo na naglalaman ng mga HTML file:

SHAPE\* MERGEFORMAT

Ang aking site

Mga pahina

Mga larawan

Pahina1.htm Pahina2.htm Pict1.jpg Pict2.jpg

Index.htm Larawan.jpg

Sa kasong ito, halimbawa, ang mga sumusunod na opsyon para sa pagsulat ng IMG tag ay posible:

ü < IMG SRC = Picture . jpg >(Larawan . jpg na imahe ay matatagpuan sa Index . htm page)

ü < IMG SRC = Images / Pict 1. jpg >(Larawan Larawan 1. Ang jpg ay matatagpuan sa Index ng pahina. htm)

ü < IMG SRC =../ Picture . jpg >(Larawan . Ang jpg na imahe ay matatagpuan sa pahina Page 1. htm )

ü < IMG SRC =../ Images / Pict 1. jpg >(Larawan Larawan 1. Ang jpg ay matatagpuan sa pahinang Pahina 1. htm)

Sa kabila ng katotohanang pormal na SRC attribute lang ang kailangan, sa pagsasagawa, kailangan ding tukuyin ang alternatibong text (ALT attribute), dahil maraming tao ang nagtatrabaho sa browser sa mode nang hindi naglo-load ng mga larawan.

Tinukoy ang taas at lapad ng lugar kung saan ipinapakita ang drawing gamit ang mga attribute ng lapad at taas sa mga pixel o bilang isang porsyento ng laki ng screen. Kapag ang isa sa mga katangiang ito ay tinukoy, ang pagguhit ay pinaliit upang ang taas o lapad nito ay tumugma sa tinukoy. Awtomatikong itinatakda ang pangalawang laki, sa naaangkop na proporsyon. Ang paglalapat lamang ng isa sa mga katangian ay nagbabago sa parehong dimensyon ng pagguhit.
Kung tahasan mong itinakda ang parehong mga katangian, ang imahe ay i-scale kasama ang dalawang axes alinsunod sa mga tinukoy na dimensyon. Ang mga katangian ng taas at lapad ay hindi nagbabago sa oras ng paglo-load ng larawan, ngunit ang hitsura lamang nito (laki) sa screen.

Mga hyperlink

Ang hyperlink ay isang bagay (teksto, larawan, fragment ng imahe) na, kapag na-click gamit ang mouse, humahantong sa isang bagong dokumento o fragment ng dokumento. Ito ay mga hyperlink na nagpapahintulot sa iyo na ayusin ang mga paglipat sa pagitan ng anumang mga dokumento na nai-post sa Internet.

Mga hyperlink ng teksto

Ang koneksyon sa pagitan ng mga HTML na dokumento at mga fragment ng dokumento ay isinaayos gamit ang tag ...(mula sa Ingles a nchor - anchor).

Ang tag ay ginagamit kapwa upang lumikha ng isang link sa isa pang dokumento at upang mag-link sa isang fragment ng isang dokumento.

Kinakailangang katangian:
HREF = url	Address ng target na dokumento (maaaring ipakita sa ganap at kamag-anak na anyo)
Mga pangunahing opsyonal na katangian:
NAME=" Pangalan"	Minarkahan ang nasa pagitan< A >at A > fragment ng dokumento bilang posibleng link object. Bilang halaga, kailangan mong isulat sa Latin ang anumang index na salita na natatangi para sa dokumentong ito. Halimbawa, ang tag ng Section1 ay gumagawa ng tinatawag na label (bookmark) upang pumunta sa seksyon 1. Sa kasong ito, maaari kang sumangguni sa minarkahang lugar sa pamamagitan lamang ng pagpahiwatig ng pangalan nito pagkatapos ng pangalan ng dokumento (nangunguna sa isang #). Kaya,< A HREF =" Index . html # part 1">Sa Part 1 A > ay dadalhin ka sa seksyong "part 1" ng Index file. html at < A HREF ="# part 2">Sa seksyon 2 A > − sa seksyong "bahagi 2" ng kasalukuyang dokumento, sa kondisyon na ang dokumento ay may kaukulang label
TARGET = " pangalan"	Ang pangalan ng frame (frame) o window para sa pagpapakita ng target na dokumento. Ginagamit lang ang attribute na ito kasabay ng parameter ng HREF. Ang halaga ay dapat na pangalan ng isa sa mga umiiral nang frame o isa sa mga sumusunod na nakareserbang pangalan: _self - nagpapahiwatig na ang dokumentong tinukoy sa parameter ng HREF ay dapat ipakita sa kasalukuyang frame; _parent - nagsasaad na ang dokumento ay dapat na ipakita sa parent frame ng kasalukuyang frame (ganap na sakupin ang browser window); _blank - tumutukoy na ang dokumento ay dapat ipakita sa isang bagong window
TITLE=" text!}"	Nagpapakita ng tooltip kapag nag-hover ka sa isang hyperlink

Ang teksto at mga larawang inilagay sa pagitan ng mga tag ay nagiging aktibong bahagi ng dokumento, na sensitibo sa pag-click ng mouse na nagiging sanhi ng pag-load ng target na dokumento. Ang teksto ng hyperlink ay naka-highlight na may salungguhit at mga kulay na tinukoy bilang ang halaga ng mga katangian ng LINK, A LINK, V LINK ng tag (o ang default na kulay).

Mga hyperlink-mga larawan

Upang gawing hyperlink ang isang buong larawan, maaari mo ring gamitin ang tag ...., sa halip na text lang (o kasama ng text) sa pagitan< A >at A > tag ay matatagpuan< IMG …>kasama ang lahat ng nauugnay na katangian.

Halimbawa , .

Hyperlink na Mapa

Binibigyang-daan ka ng tag na gawing aktibong zone ang isang text fragment o isang buong larawan; Upang mag-link ang iba't ibang fragment ng isang larawan sa iba't ibang target na dokumento, kakailanganin mong gumamit ng tag na nagpapatupad ng larawan ng mapa.

Para sa isang container tag, ang tanging kinakailangang attribute ay NAME , ang halaga nito ay ang pangalan (halimbawa, NAME=" mymap " , na dapat gamitin kapag inilalarawan ang USEMAP attribute ng IMG tag na naglalarawan sa larawang nilalayong isilbi bilang isang mapa (na may # − USEMAP="#mymap")

Sa loob ng lalagyan, ang bawat lugar na sensitibo sa mouse ng larawan ay dapat may tag na may mga sumusunod na katangian:

Syntax ng katangian	Layunin
COORDS= listahan	Comma separated list ng mga coordinate ng aktibong zone (depende sa uri ng ibinigay na hugis ng zone)
HREF = url
HUWAG = anyo	Tinutukoy ang hugis ng core. Mga posibleng halaga para sa katangiang ito: bilog(bilog - tinukoy ng mga coordinate ng sentro at radius sa mga pixel); tuwid(parihaba - tinukoy ng mga coordinate ng kaliwang itaas at kanang ibabang sulok); poly(polygon - tinukoy ng mga coordinate ng vertices nito) Sa lahat ng kaso, ang mga coordinate ay sinusukat mula sa kaliwang sulok sa itaas ng larawan sa mga pixel, ang X axis ay nakadirekta sa kanan, at ang Y axis ay nakadirekta pababa.
NOREF	minsan kinakailangan na ipahiwatig na ang isang ibinigay na zone (tinukoy ng SHAPE attribute at COORDS coordinates) ay hindi aktibo, walang reaksyon sa isang pag-click ng mouse

Mga mesa

Ang mga talahanayan sa mga HTML na dokumento ay hindi gaanong ginagamit upang maglagay ng data sa mga naka-frame na cell, ngunit upang ayusin ang mga piraso ng teksto at mga imahe na may kaugnayan sa bawat isa.

Ang mga talahanayan sa HTML ay binuo nang hilera. Ang lahat ng tabular na data ay nakapaloob sa mga tag

; ang paglalarawan ng bawat hilera ng mga cell (mga hilera) ay nakapaloob sa mga tag ...; ang mga nilalaman ng bawat cell ay nakapaloob sa mga tag ... (mga regular na cell) o ... H> (mga header).

Kaya, upang ilarawan, halimbawa, ang isang talahanayan ng dalawang hilera, bawat isa ay naglalaman ng dalawang mga cell, kakailanganin mong likhain ang sumusunod na konstruksyon:

Ang mga cell ng talahanayan ay maaaring maglaman ng teksto, mga larawan, mga nested na talahanayan, atbp. Hindi mo dapat iwanang blangko ang mga cell ng talahanayan; kung ang anumang cell ay dapat lumitaw na walang laman, maglagay ng isang hindi nabasag na espasyo dito.

Ang tekstong inilagay sa mga cell ng talahanayan ay awtomatikong inilalagay ng browser bilang default; ang teksto ay ipinapakita sa bawat salita; Kapag naabot ang kanang hangganan ng cell, ang susunod na salita ay ililipat sa isang bagong linya.

Ang mga cell ng talahanayan ay maaaring sumasaklaw sa maraming mga row o column kapag naglalarawan ng mga naturang cell, ang mga attribute na ROWSPAN (isang cell na naglalaman ng tag na ito ng attribute ay "nakaunat" ayon sa tinukoy na bilang ng mga row) at COLSPAN (ang cell ay "nakaunat" ng ilang mga column) ay ginamit. Narito ang isang halimbawa ng pag-aayos ng isang talahanayan na may pinagsamang mga cell:

< TR >

< TD ROWSPAN=2>1-1 TD >

Ang mga tag na naglalarawan sa mga talahanayan ay may bilang ng mga opsyonal na katangian.

Tinutukoy ng mga katangian ng tag ang mga parameter ng talahanayan sa kabuuan:

	Syntax ng katangian		Layunin
ALIGN = halaga		Ang pagkakahanay na nauugnay sa daloy ng teksto ay nasa kaliwa, kanan at gitna
BACKGROUND = url		Larawan sa background para sa buong talahanayan
BGCOLOR= kulay		Kulay ng background
BORDERCOLOR = kulay		Kulay ng hangganan
BORDERCOLORDARK = kulay		Kinukulayan ang kanan at ibabang mga gilid ng pangunahing frame at ang kaliwa at itaas na mga gilid ng bawat cell na may tinukoy na kulay
BORDERCOLORLIGHT = kulay		Kinukulayan ang kaliwa at itaas na mga gilid ng pangunahing frame at, nang naaayon, ang kanan at ibabang mga gilid ng bawat cell sa tinukoy na kulay
CELLPADDING = halaga		Distansya mula sa mga hangganan ng cell hanggang sa mga nilalaman nito sa mga pixel
CELLSPACING = halaga		Distansya sa pagitan ng mga cell sa mga pixel
HSPACE = ibig sabihin		Libreng espasyo sa kaliwa at kanan ng talahanayan sa mga pixel
VSPACE = ibig sabihin		Libreng espasyo sa itaas at ibaba ng talahanayan sa mga pixel
WIDTH= ibig sabihin		Lapad ng talahanayan (nakatakda sa mga pixel o bilang isang porsyento ng kasalukuyang lapad ng window ng browser)

Tinutukoy ng mga attribute ng tag ang mga parameter ng isang partikular na serye (kung may mga kontradiksyon, kakanselahin ang mga attribute na tinukoy sa tag). Ang pagkakahanay ng mga nilalaman ng cell; ang mga posibleng halaga ay kaliwa, kanan at gitna

BACKGROUND = url

Larawan sa background para sa mga cell ng isang ibinigay na hilera ng talahanayan

BGCOLOR= kulay

Kulay ng background para sa mga cell sa row na ito

BORDER = ibig sabihin

Ang kapal ng hangganan na nakapalibot sa mga cell ng row na ito ay nagpapahiwatig ng hindi nakikitang hangganan

VALIGN = ibig sabihin

Ang vertical na pagkakahanay ng mga nilalaman ng cell ay nasa itaas, gitna at ibaba

Itinatakda ng mga attribute ng tag ang mga parameter ng isang naibigay na cell (kung may mga kontradiksyon, kakanselahin ang mga attribute na tinukoy sa at mga tag).

Syntax ng katangian	Layunin
I-ALIGN = ibig sabihin	I-align ang mga nilalaman ng cell; ang mga posibleng halaga ay kaliwa, kanan at gitna
BACKGROUND = ur l	Larawan sa background para sa cell ng talahanayan
BGCOLOR= kulay	Kulay ng background para sa cell
BORDER = ibig sabihin	Kapal ng frame na nakapalibot sa cell
VALIGN = ibig sabihin	Ang vertical na pagkakahanay ng mga nilalaman ng cell ay nasa itaas, gitna at ibaba
WIDTH= ibig sabihin	Lapad ng cell sa mga pixel o porsyento ng lapad ng talahanayan
ROWSPAN= ibig sabihin	Isinasaad ang bilang ng mga row na sakop ng isang cell
COLSPAN = ibig sabihin	Tinutukoy ang bilang ng mga column na sakop ng isang cell

Kapag nagtatrabaho sa mga talahanayan, tandaan na ang tinukoy na halaga para sa WIDTH attribute ay sa maraming mga kaso ay "nabanggit" lamang ng browser. Ang ibinigay na mga proporsyon ay bihirang pinapanatili nang eksakto;

Ticker

Ang paggamit ng isang ticker sa isang web page ay ginagawang mas dynamic at nagbibigay-daan sa iyong lumikha ng epekto ng isang bagay na gumagalaw. Paglikha ng ticker gamit ang isang tag< MARQUEE >... MARQUEE >.

sa pagitan ng< MARQUEE >at MARQUEE > makikita ang mga fragment ng teksto at mga larawan. Maaaring ma-format ang teksto gamit ang naaangkop na mga tag at ipinapasok ang mga graphics gamit ang .

Syntax ng katangian	Layunin
BGCOLOR= kulay	Kulay ng background. Kung tinukoy ang background, gumuhit ang browser ng may kulay na guhit sa screen kung saan gumagalaw ang teksto o imahe.
TAAS = ibig sabihin	Ang taas ng background bar. Ang halaga ay tinukoy sa mga pixel o bilang isang porsyento ng taas ng window ng browser. Halimbawa, kung tinukoy mo ang HEIGHT=25% attribute, ang ticker bar ay sasakupin ang isang-kapat ng taas ng window
WIDTH = ibig sabihin	Ang lapad ng ticker bar, na ipinahiwatig sa mga pixel o bilang isang porsyento ng lapad ng window ng browser
DIREKSYON= ibig sabihin	Direksyon ng paggalaw ng linya: kaliwa - kaliwa (default), kanan - kanan, pataas - pataas, pababa - pababa
UGALI = ibig sabihin	Kinokontrol ng katangian ang pag-uugali ng ticker: scroll (default) - na naabot ang gilid ng window, ang linya ay mawawala sa view at pagkatapos ay lilitaw sa kabaligtaran; slide - lumilitaw ang isang linya mula sa gilid ng bintana, umabot sa kabaligtaran at huminto; kahalili - ang linya ay gumagalaw sa kanan o kaliwa, "na sumasalamin" mula sa mga gilid ng bintana at binabago ang direksyon ng paggalaw
HSPACE = pixel offset	Ilipat ang ticker bar nang pahalang sa kanan
VSPACE = Ikaw co ta sa mga pixel	Lumilikha ng bakanteng espasyo sa itaas at ibaba ng strip
LOOP = ibig sabihin	Bilang ng mga paglipat ng linya sa screen
SCROOLAMOUNT = ibig sabihin	Ang bilang ng mga pixel na tinatahak ng linya sa bawat hakbang. Ang default na mode ay humigit-kumulang 10 px/step. Nagbibigay-daan sa iyo ang attribute na ito na ayusin ang bilis ng paggalaw ng linya
SCROLLDELAY = ibig sabihin	Tinutukoy ang agwat ng oras (sa mga millisecond) sa pagitan ng mga hakbang, gamit ang katangiang ito, maaari mong gawing mabagsik ang linya
TOTOO	Kapag itinakda ang flag na ito (isang attribute na walang value), ang tinukoy na halaga ng SCROLLDELAY ang gagamitin. Kung hindi nakatakda ang flag, ang value ay SCROLLDELAY