,
Hindi gumagamit ng ALT attribute
Kapag nagtatrabaho sa mga imahe, dapat mong gamitin ang ALT attribute. Ito ay kinakailangan upang matukoy ng mga user kung ano ang dapat na kapalit ng larawan, kahit na gumagamit sila ng napakabagal na koneksyon. Dapat ilarawan ng value na ito ang kakanyahan ng larawang ginagamit. Huwag gumamit ng alt="image". Kung ang imahe ay gumaganap ng mga pandekorasyon na function, pagkatapos ay gamitin alt="*".
Error Privilno
Mga maling tag para sa bold o italics
Sa kabila ng katotohanang iyon At Sa karamihan ng mga kaso, ginagawa nila nang maayos ang kanilang trabaho gamit ang mga istilo sa pag-format ng teksto ay nagbibigay-daan para sa higit na kakayahang umangkop sa disenyo. Kung dapat bigyang-diin lang ng tag ang kahulugan ng isang partikular na bahagi ng text, gumamit ng mga tag At .
Walang kwentang paggamit ng mga line break
Tag
maaaring gamitin nang isang beses bawat linya upang magsimula ang susunod na pangungusap sa susunod na linya. Maraming tao ang gumagamit ng tag na ito upang lumikha ng espasyo sa pagitan ng mga elemento. Ang paggamit na ito ay hindi sumusunod sa mga pamantayan.
Error Unang talata.
Pagpapatuloy ng teksto. Privilno
Unang talata.
Pagpapatuloy ng teksto.
Mga Tag: HTML, mga error
FEDERAL AGENCY FOR EDUCATION Belgorod State Technological University na pinangalanan. V. G. Shukhova
S.P. Gavrilovskaya, R.A. Myasoedov, A.I. Rybakova
INTERNET TECHNOLOGY
Mga patnubay para sa pagsasagawa ng pagkalkula at mga graphic na gawain
para sa mga mag-aaral sa ekonomiya
Belgorod
|
|
Laboratory work No. 1 Structure ng isang HTML na dokumento.
|
|
Pag-format ng HTML na dokumento.............................................. ..................... ......
|
|
Laboratory work No. 2 Ang mga listahan ay simple at nakapugad.
|
|
Paglikha ng mga HTML na talahanayan................................................. ......... .........................
|
|
Laboratory work No. 3 Paglikha ng mga hyperlink.
|
|
Paggawa gamit ang mga graphic sa mga HTML na dokumento............................................ ........
|
|
Laboratory work No. 4 CSS technology.
|
|
Disenyo ng disenyo ng website................................................. ....................
|
|
Laboratory work No. 5 Paglikha ng interactive
|
|
Mga HTML na dokumento................................................ ... ...................................
|
|
LABORATORY WORK No. 1 STRUCTURE NG HTML DOCUMENT.
PAG-FORMAT NG HTML DOCUMENT
Layunin ng trabaho: paglikha at pagsubok ng HTML file. Ang konsepto ng mga container, nakapares at hindi nakapares na mga tag at elemento.
Ang HyperText Markup Language (HTML) ay isang karaniwang wika
dinisenyo para sa paglikha ng mga hypertext na dokumento sa kapaligiran ng WEB. Ang mga HTML na dokumento ay maaaring matingnan ng iba't ibang uri ng mga WEB browser. Kapag ginawa ang isang dokumento 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 mga dokumento na ma-format upang maipakita ang mga ito gamit ang mga font, linya, at iba pang mga graphic na elemento sa anumang system na tumitingin sa kanila.
Maaaring malikha ang mga HTML na dokumento gamit ang anumang text editor o mga espesyal na HTML editor at converter. Ang mga HTML na dokumento ay nai-post sa mga Web site.
Ang web site ay isang espesyal na folder na naglalaman ng mga file na naglalaman ng impormasyon ng teksto sa isang paksa sa format na HTML, pati na rin ang impormasyon sa anyo ng mga guhit, mga graph, mga litrato, mga animated na larawan at mga sound effect. Mayroong dalawang uri ng mga website:
Ginawa sa web server ng Internet service provider. Nilikha sa isang intranet bilang mga Web site ng pangkat.
Pagkakasunod-sunod ng paglikha ng proyekto
Ang proseso ng paglikha ng isang proyekto ay binubuo ng ilang mga yugto.
Sa unang yugto, bago magsimulang lumikha ng isang proyekto, dapat kang magpasya sa layunin ng pagganap nito at pampakay na pokus ng materyal ng impormasyon.
Sa ikalawang yugto, ang pangkalahatang paksa ay karaniwang nabubulok sa mga pampakay na subseksiyon at mga indibidwal na artikulo na may pagkakakilanlan ng mga koneksyon sa pagitan ng mga ito. Ang resulta ng agnas na ito ay ang paglikha ng isang istraktura ng proyekto.
Istruktura ng Dokumento ng HTML
Ang mga HTML na dokumento ay maaaring magkaroon ng iba't ibang istruktura na naglalaman ng iba't ibang elemento, ngunit lahat sila ay dapat maglaman ng dalawang kinakailangang elemento:
Ang seksyon ng header ng pahina ay head.
Ang katawan ng dokumento ay katawan .
Seksyon ng Header nagsisilbing paglalarawan ng mga pangkalahatang katangian ng pahina, tulad ng pamagat (pangalan) ng pahina, na ipapakita sa name bar ng window ng browser, mga tagubilin sa meta at mga paglalarawan ng mga style sheet. meta - ang mga tagubilin ay ginagamit upang magtakda ng mga parameter na kinakailangan para sa mga search engine.
Sa HTML mayroon lamang isang konsepto - ito ay TAG (mula sa English na tag). Ang tag ay isang kumbinasyon ng mga character sa pagitan ng mga character na walang simetriko "<" и ">".
Mayroong dalawang pangunahing uri ng mga tag:
Mga nakapares na tag – nangangailangan ng pansarang tag. Ang mga pambungad at pagsasara na tag ay bumubuo ng isang lalagyan na naglalaman ng impormasyon.
Mga halimbawa:< b >…, < p >…
Mga hindi ipinares na tag – walang pansarang tag.
Mga halimbawa:< img />, < hr/ >, < br/ >.
Ang mga parameter ng tag ay tinukoy lamang para sa pambungad na ipinares at hindi ipinares na mga tag. Matatagpuan ang mga ito sa loob ng tag body at napapalibutan ng mga puwang. Ang bawat tag ay may sariling hanay ng mga parameter. Ang pagkakasunud-sunod ng paglilista ng ilang mga parameter sa loob ng isang tag ay maaaring maging arbitrary. Ang pagkakaroon ng mga quote kapag tinukoy ang isang halaga ng parameter ay kinakailangan.
Ang mga komento ay inilaan upang ipaliwanag ang layunin ng mga fragment ng HTML code at naka-format tulad ng sumusunod:at maaaring sumasaklaw sa maraming linya.
Ang mga tag ay maaaring ilagay sa loob ng bawat isa. Sa kasong ito, mahalagang sundin ang pagkakasunud-sunod ng pagbubukas at pagsasara:<тэг1><тэг2><тэг3>textзакрытие тэга3>закрытие тэга2>закрытие тэга1>
Ang istraktura ng HTML na dokumento ay ganito ang hitsura:
Pamagat ng dokumento
Katawan ng dokumento
Tag ay isang indikasyon na ang file ay naglalaman ng isang HTML na dokumento. Ang lahat ng mga dokumento sa web ay nagsisimula dito, at, na natuklasan
Mga tag
limitahan ang seksyon ng header ng dokumento. Hindi kasama sa seksyong ito ang mismong dokumento. Kasama lang dito ang mga tag (partikular na nilayon para sa seksyong ito) na nauugnay sa dokumento sa kabuuan. Kasama rin sa seksyong ito ang pamagat ng dokumento, na tinukoy gamit ang tag . Inilagay ang teksto sa pagitan ng mga tag At, ay ipinapakita sa title bar ng browser program. Mga tag na matatagpuan sa loob ng seksyon ng ulo (maliban sa pamagat ng dokumento, na inilalarawan gamit ang tag ), ay hindi ipinapakita sa screen.
Tag
tumutukoy sa pangunahing bahagi ng dokumento - ang "katawan" nito. Impormasyong inilagay sa pagitan ng mga tag At, ay output
V browser window at kumakatawan sa nilalaman mga web page.
Gamit ang isang tag<
font>Maaari mong itakda ang kulay at laki ng teksto. Ang kulay ng teksto ay tinutukoy ng katangian ng kulay, at ang laki ay tinutukoy ng katangian ng laki. Halimbawa:
Mga pamagat
Anumang web page ay maaaring binubuo ng mga bahagi, bahagi ng mga kabanata, mga kabanata ng mga talata, at iba pa. Ang hierarchical structure na ito ay binubuo ng ilang mga antas, na ang bawat antas ay may sariling mga heading. Maaaring mag-iba ang mga laki ng font na ginamit upang ipakita ang mga heading sa iba't ibang antas. Napakadaling gawin ito gamit ang mga nakapares na tag
.... Ang pinakamalaking font ng pamagat ay itinakda ng mga tag At
. Halimbawa:
Bahagi 1.
Kabanata 1.
Ang ikatlong antas ng heading kung saan tumutugma ang tag
, ay napakalapit na sa isang normal (regular) na font. Mga tag , , gumawa ng maliliit na heading.
Maaaring ilagay ang mga heading sa gitna ng screen, o maaari silang ilagay sa gilid ng page (kanan o kaliwa). Upang gawin ito, gamitin ang align=" " attribute sa loob ng title tag. Halimbawa:
Pag-align sa gitna
Pag-align sa kaliwa.
1.
Maging pamilyar sa teoretikal na materyal.
2.
I-download ang programang Notepad.
3. Lumikha ng HTML na dokumento na lumilitaw sa window ng browser tulad ng ipinapakita sa Figure 1.
kanin. 1. Halimbawa ng paglikha ng HTML file gamit ang mga simpleng tag
Listahan ng dokumento
Ang aking personal na pahina
HELLO! Ito ang aking personal na home page! Ang pangalan ko ay
(Isaad ang iyong apelyido, unang pangalan at patronymic).
Ang aking lungsod
Nakatira ako sa Belgorod
Ang grupo ko
Nag-aaral ako sa......
Mga libangan ko
Mga libangan ko musika, palakasan
Mga kaibigan ko
Mga kaibigan ko sa lahat ng tungkol sa akin tulong.
5.
Buksan ang file sa isang browser window at, kung mayroong anumang mga pagkukulang, ayusin ito
6. Tapusin ang gawain.
Gumawa ng HTML na dokumento at maglagay ng text dito habang pinapanatili ang pag-format nito. I-highlight ang mga heading sa pula, igitna ang mga ito at paghiwalayin ang mga ito gamit ang isang pahalang na linya. Ang mga salitang nakalimbag sa italics ay naka-highlight sa asul. I-save ang na-type na file gamit ang *.html extension. Tingnan ang dokumento sa isang window ng browser at, kung mayroong anumang mga pagkukulang, alisin ang mga ito.
Mga tanong sa seguridad
1.
Anong mga uri ang alam mo? Mga HTML tag?
2.
Ilista ang mga tag na pinakakaraniwang ginagamit sa header ng isang Web page.
3.
Paano baguhin ang istilo ng pagkakahanay sa pambungad na tag ng talata?
4.
Aling tag ang maaaring gamitin upang magtakda ng mga heading ng lahat ng anim na antas?
5.
Ano ang maaari mong gawin gamit ang tag na pamagat?
6.
Anong mga tag ang dapat ilapat upang makakuha ng strikeout na bold na text?
7.
Ipaliwanag ang sumusunod na code snippet Masayang HTML
8.
Ano ang mangyayari kung ang tag hindi isasara?
LABORATORY WORK No. 2 SIMPLE AT NESTED LISTAHAN. PAGLIKHA NG HTML TABLES
Layunin ng trabaho: paglikha at pagsubok ng HTML file. Paglikha ng mga listahan. Pagpasok ng mga talahanayan at ang kanilang istraktura. Layout ng mga pahina gamit ang mga talahanayan.
Maikling teoretikal na impormasyon
May tatlong pangunahing uri ng mga listahan sa isang HTML na dokumento: may bilang na bullet na listahan ng mga kahulugan
Maaari tayong gumawa ng mga nested na listahan sa pamamagitan ng paggamit ng iba't ibang tag ng listahan o pag-uulit ng isa sa loob ng isa pa. Upang gawin ito, kailangan mo lamang maglagay ng isang pares ng mga tag (simula at wakas)
isa pa sa loob. Kung ang mga naka-nest na item sa listahan ay magkakaroon ng parehong mga marker na nagsasaad ng item sa listahan ay depende sa browser. Para sa higit pang mga detalye, tingnan ang seksyong "Mga Nested List."
Mga listahan na may bilang
Sa isang listahang may numero, awtomatikong ipinapasok ng browser ang mga numero ng item sa pagkakasunud-sunod. Nangangahulugan ito na kung tatanggalin mo ang isa o higit pang mga item mula sa isang numerong listahan, ang natitirang mga numero ay awtomatikong muling kakalkulahin.
Ang isang may bilang na listahan ay nagsisimula sa isang panimulang tag
at nagtatapos sa tag
. Halimbawa:
Programming Algorithmization Disenyo
1.
Programming
2. Algorithmization
3. Disenyo
Tag
maaaring may mga parameter:
kung saan: uri - Uri ng counter:
A – malalaking letrang Latin (A,B,C...) a – maliliit na letrang Latin (a,b,c...) I – malalaking Roman numeral (I,II,III...) i – maliliit na Roman numeral (i,ii,iii...) 1 – regular na numero (1,2,3...)
start="n" – Ang numero kung saan magsisimula ang countdown.
- Programming
- Algorithmization
- Disenyo
XV. Programming
XVI. Algorithmization
XVII. Disenyo
Mga naka-bullet na listahan.
Para sa mga bullet na listahan, ang browser ay karaniwang gumagamit ng mga bullet upang markahan ang listahan ng item. Ang uri ng marker ay karaniwang kino-configure ng user ng browser.
Ang isang bullet na listahan ay nagsisimula sa isang panimulang tag
. Ang bawat elemento ng listahan ay nagsisimula sa isang tag - . Halimbawa:
- Programming
- Algorithmization
- Disenyo
Programming
Algorithmization
Disenyo
Tag