Ang wikang HTML ay batay sa konsepto ng isang tag. tag- tag, label). Ang mga tag ay nakapaloob sa mga anggulong bracket (< >) at mga pares ng form - mga lalagyan (pambungad na tag at pansarang tag). Halimbawa, ang lalagyan ng isang HTML na dokumento ay isang pares ng mga tag at . Kasama sa web page ang mga lalagyan na responsable para sa pamagat ng dokumento (ulo) at naglalaman ng karagdagang impormasyon, pati na rin ang mga lalagyan na responsable para sa nilalaman ng dokumento mismo (katawan). Ang mga ito ay ipinakita sa figure.
Kaya ang HTML na dokumento ay nakapaloob sa isang lalagyan, ang header ay nakapaloob sa isang lalagyan, at ang nilalaman ng dokumento ay nakapaloob sa isang lalagyan. Ang container, na matatagpuan sa header (container), ay naglalaman ng text na lumalabas sa tuktok na linya ng browser window. Ang mga tag na naglalaman ng pag-encode, mga keyword sa web page, pati na rin ang code para sa pagkonekta ng CSS cascading style sheet file, javascript, VBScript, atbp. ay maaari ding idagdag sa lalagyan ng header.
Isang halimbawa ng isang simpleng HTML na pahina na naglalaman lamang ng mga pangunahing tag:
Pamagat ng pahina Mga nilalaman ng isang simpleng pahina
Ang resulta ng code na ito ay ipinapakita sa figure.
Tulad ng nakikita mo mula sa halimbawa, ang tekstong "Mga nilalaman ng isang simpleng pahina" ay ipinapakita sa regular na teksto. Upang ma-format ang tekstong ito, dapat kang gumamit ng mga espesyal na tag. Ang isang halimbawa ng paggamit ng mga tag sa pag-format ay ipinapakita sa figure.
Upang baguhin ang font, kulay at laki nito, gumamit ng tag na may mga parameter na "mukha", "kulay" at "laki". Halimbawa, upang maitakda ang font na "arial" sa pulang kulay at laki 14, kailangan mong isulat ang sumusunod na code:
I-format ang teksto
Para i-highlight ang isang talata sa text, gumamit ng tag
Ang bawat talata ng teksto ay karaniwang inilalagay sa isang lalagyan. Upang lumikha ng isang pamagat, ang mga tag , , , , , ay ginagamit.
Mga lalagyan , at ginagamit upang bumuo ng mga listahan sa katawan ng dokumento. Bukod dito, ang tag ay bumubuo ng isang may bilang na listahan, ang tag
- - bullet na listahan, at sa mga tag
- inilalagay ang mga elemento ng listahan. Ang isang halimbawa ng code para sa pagpapakita ng mga listahan, na ipinakita sa anyo ng mga numero at naka-bullet na listahan, ay ipinapakita sa figure.
Upang ikonekta ang dalawa o higit pang mga Web page sa isa't isa, ginagamit ang mga hyperlink, na ang paglikha nito ay gumagamit ng tag . Bukod dito, ang mga hyperlink tag ay gumagamit ng mga karagdagang katangian na nagbibigay-daan sa iyong pumunta sa isa pang web page o lumipat sa loob ng isang partikular na pahina. Maipapayo na gamitin ang pangalawang paraan sa isang malaking dokumento na may ilang mga seksyon ng semantiko.
Ang isang halimbawa ng paggamit ng mga hyperlink ay ipinapakita sa figure.
Kapag tinukoy ang URL ng isa pang page, dapat mong tukuyin ang alinman sa buong absolute path sa page na “full path/folder/page” o ang relative path (relative sa page na ito) na “folder/page”. Binibigyang-daan ka ng parameter na "target" na magbukas ng web page sa bago o umiiral nang browser window.
Upang magpasok ng larawan sa isang web page, gamitin ang tag na may mga parameter na src (path sa imahe), lapad (lapad ng imahe), taas (taas ng imahe), hangganan (frame sa paligid ng imahe). Halimbawang code para sa paglalagay ng larawan:
Kadalasan kapag lumilikha ng mga Web page, kinakailangang magtakda ng kulay ng background o larawan sa background. Upang gawin ito, gamitin ang mga katangian ng tag na "bgcolor" o "background-image". Halimbawa ng paglalagay ng kulay ng background:
Halimbawa ng paglalagay ng larawan sa background:
Ang mga tinukoy na katangian ay maaaring gamitin hindi lamang para sa tag, kundi pati na rin para sa talahanayan, lugar at iba pang mga tag, na tatalakayin sa mga sumusunod na paksa.
Ang isang tao ay hindi mabubuhay sa mga salita lamang,
kahit anong lunok niya sa kanila.
Adlai Stevenson.Sa pangkalahatan, ang HTML ay hindi isang programming language. Ito ang HyperText Markup Language. Iyon ay, ang pagtawag dito na "HTML language" ay hindi tama.
Sa madaling salita, ang HTML ay isang listahan ng mga tag (mga control na salita) na nagbibigay-daan sa iyong magpakita ng plain text sa isang naka-format na form. Halimbawa, i-highlight ito sa bold, o italics atbp. Ngunit ang teksto ay maaaring iharap sa ganitong paraan lamang sa mga espesyal na programa (mga programa kung saan ka nagsu-surf sa Internet).
Nagpapakita lamang sila ng naka-format na teksto at itinatago ang mga HTML na tag na ginamit para sa pag-format. Upang gawing mas malinaw sa iyo kung ano ang aking pinag-uusapan, mag-right-click sa pahinang ito at sa menu na bubukas, piliin ang "Source Code" o isang katulad na bagay. Ang pahinang ito ay magbubukas sa harap mo sa kasalukuyan nitong anyo.
Maaari kang lumikha ng HTML code pareho sa regular at espesyal na mga programa, tinatawag na. Naiiba ang mga visual editor sa mga text editor dahil idinisenyo ang mga ito para sa pag-type ng HTML, CSS, JavaScript, PHP, atbp. code, ibig sabihin, para sa web programming. Bilang karagdagan, pinapayagan ka nitong makita kaagad ang mga bunga ng iyong mga pagsisikap sa built-in na browser at i-highlight ang ilang mga error sa nai-type na code.
Lubos kong inirerekumenda ang pag-type ng lahat ng code sa pamamagitan ng kamay (upang mapabuti ang pagiging direkta ng parehong mga kamay), ngunit ang mga visual na editor ay lubos na nagpapadali sa prosesong ito. Sa personal, ginagamit ko. Malayo ito sa pinakabagong bersyon, ngunit ang mga kakayahan nito ay higit pa sa sapat para sa akin.
Ginagawa ko ito: Tina-type ko ang code sa Dreamweaver, pagkatapos ay i-save at i-click ang pindutang "Tingnan sa Browser" (i-edit mo mismo ang listahan ng mga browser sa menu na ito), pagkatapos ay bumalik sa Dreamweaver at magpatuloy sa pag-edit. Dito . Iyon lang para sa mga tool, ngayon ay lumipat tayo sa mga HTML tag.
Magsimula tayo sa istruktura ng isang HTML page, o sa halip sa mga pangunahing tag nito.
Mga kinakailangang tag ng HTML na pahinaAng mga kinakailangang (pangunahing) HTML tag na ginagamit sa bawat HTML na dokumento ay kinabibilangan ng mga sumusunod:
Tandaan. Upang mai-output ng browser ang HTML code bilang text (hindi ito binibigyang kahulugan sa code), nag-iiwan ako ng puwang pagkatapos ng bawat pagbubukas ng anggulong bracket na "". Kapag nag-type ka ng code, HUWAG mag-iwan ng mga puwang.
Tulad ng nakikita mo, ang lahat ng mga tag ay ipinares (may isang pambungad na tag at isang pangwakas na tag sa HTML, halos lahat ng mga tag ay ganito. Ang pagkakaiba sa pagitan ng pambungad na tag at pansarang tag ay ang pagsasara ng tag ay pinangungunahan ng isang forward slash na “/”. Ang ganitong mga tag ay tinatawag ding mga tag ng lalagyan, dahil ang iba pang mga tag ay maaaring ipasok sa pagitan ng mga ito, i.e. ilagay sa isang lalagyan. Makikita mo mismo na sa pagitan ng mga tag ay may iba pang mga tag.
Maaari mong i-type ang mga pangalan ng tag sa malalaking titik o malalaking titik, walang pagkakaiba. Iyon ay, ang mga talaan ng uri at para sa browser ay walang mga pagkakaiba at binibigyang-kahulugan sa parehong paraan. Ngayon, pag-usapan natin nang mas detalyado kung ano ang ibig sabihin ng mga tag na ito.
Kaya, ang mga pangunahing tag ay nagpapakita ng mga browser at iba pang mga programa para sa pagtingin sa mga pahina ng hypertext na kanilang pinag-uusapan ang isang hypertext na dokumento. Anumang html na dokumento ay dapat magsimula sa at magtatapos sa. Iyon ay, sa pagitan ng mga tag na ito ay mayroong LAHAT ng code ng html page.
Sa pagitan ng mga tag ay mga meta tag (pamagat ng pahina, paglalarawan, mga keyword, atbp.). Nag-iimbak sila ng impormasyon tungkol sa pahina ng html at teknikal na impormasyon. Sa pangkalahatan, ang tag na ito ay hindi sapilitan, ibig sabihin, kung wala ito, ang HTML na dokumento ay normal na ipapakita ng mga browser. Ngunit kahit na hindi mo planong gamitin ang lugar ng pamagat, isulat man lang ito. Ito ay kinakailangan para sa pagiging tugma sa pagitan ng iba't ibang bersyon ng mga programa.
Ang lahat ng impormasyon na matatagpuan sa pagitan ng mga tag na "HEAD" ay hindi ipinapakita sa anumang paraan ng browser (maliban sa impormasyon sa pagitan ng mga tag, kung saan matatagpuan ang pangalan ng html na dokumento, na ipinapakita sa tuktok na panel ng browser). Ngunit maaari silang magkaroon ng malaking epekto sa hitsura ng isang pahina ng html, buhay nito sa Internet at pagraranggo. Pag-uusapan natin ang higit pa tungkol sa mga tag na matatagpuan sa header ng isang hypertext na dokumento sa ibang pagkakataon.
Ang pangunahing nilalaman ng isang HTML na dokumento ay matatagpuan sa pagitan ng at mga tag. Narito ang lahat ng nakikita natin kapag nagbukas tayo ng html page: text, graphics, menu, buttons, atbp. Ito ang pangunahing “body” ng page.
Ang lahat ng iba pang mga tag na ginagamit kapag gumagawa ng HTML na dokumento ay matatagpuan sa pagitan ng (ibig sabihin, sa loob) ng mga kinakailangang tag na ito. Halos lahat ng mga tag sa HTML ay may iba't ibang katangian, katangian, at parameter na nagbibigay-daan sa iyong magpakita ng impormasyon nang eksakto tulad ng nilalayon ng developer. Halimbawa, kung sumulat ka:
Pagkatapos ang background ng buong pahina ay magiging pula.
Narito ang isang tag ay, sa katunayan, isang tag; bgcolor - katangian nito; "#FF0000" - value ng attribute (maaaring magkaroon ng ilang attribute ang isang tag).
Tandaan. Ang lahat ng mga katangian ng tag at ang kanilang mga halaga ay tinukoy sa pambungad na tag (ang walang slash), ngunit sa anumang kaso sa pansarang tag.
At kaya, nalaman namin ang mga pangunahing tag ng isang html na dokumento. Ngayon ay oras na upang pag-aralan ang iba nang mas detalyado. Dito gusto kong gumawa ng isang maliit na digression.
Paano ko iminumungkahi ang pag-aaral ng HTMLSa pamamagitan ng pagsasabuhay ng kaalamang natamo mula sa, napagtanto ko kung anong pagkakamali ang ginawa ng karamihan sa mga may-akda ng mga aklat at tutorial na ito. Ang lahat ng mga aklat-aralin na ito, una, ay inilaan para sa mga nagsisimula, at pangalawa, itinuturo nila ang mga pangunahing kaalaman ng HTML sa pagkakasunud-sunod.
T . Iyon ay, ang mga tag ng pamagat ng html na dokumento () ay isinasaalang-alang muna, at pagkatapos ay ang mga tag na "katawan" ().
Batay sa aking sariling karanasan, naglakas-loob akong sabihin na ang pamamaraang ito para sa pag-aaral ng mga pangunahing kaalaman ng HTML ay tiyak na hindi katanggap-tanggap para sa isang baguhan. Sinusubukan ng isang baguhan na pag-aralan ang lahat ng marami at hindi gaanong naiintindihan na mga tag ng pamagat, una, nang hindi nakikita ang mga resulta ng kanyang pag-aaral (paalalahanan ko kayo, ang mga tag ng pamagat ay hindi ipinapakita ng browser). At pangalawa, nang hindi man lang pinaghihinalaan na ang karamihan sa mga tag na ito ay hindi kakailanganin upang likhain ang site na kanyang pinlano (kahit sa simula ng trabaho).
Kaya, nag-aaksaya lamang siya ng oras at pagnanais na magpatuloy sa pag-aaral ng HTML. Kasabay nito, pinapanatili ang opinyon na ang mga "gurus" lamang ang makakagawa nito para sa magandang pera. Tatalikuran ko na rin ang aktibidad na ito kung hindi ko pa naiintindihan ang hindi ko pa naiintindihan at hindi naka-move on.
Samakatuwid, iminumungkahi ko na isaalang-alang mo muna ang mga tag na nauugnay sa "katawan" ng html na dokumento (), at pagkatapos ay lumipat sa iba pa. Bukod dito, ang "katawan" ng pahina ng html ay naglalaman ng impormasyon na pupuntahan ng mga bisita sa site. At ang paglikha o paghahanap nito ay mas mahirap kaysa sa pagsulat ng code.
Buweno, ngayon, nang walang pag-aatubili nang isang minuto, i-click ang pindutang "Susunod" at magpatuloy upang malaman kung paano lumikha ng mga website ang mga hindi nakaahit at kulang sa tulog na ito.
Sa buhay ng bawat copywriter, dumarating ang yugto ng pagiging pamilyar sa mga html tag. Karaniwan itong nangyayari nang kusa at mukhang isang kahilingan mula sa customer na "ihanda ang teksto para sa publikasyon." Nangangahulugan ito na sa artikulo kailangan mong i-highlight ang mga heading, talata, makabuluhang lugar at listahan, ngunit hindi sa mga kakayahan ng Word, ngunit may isang espesyal na code ng wika ng html. Ang mga tag para sa isang copywriter ay makakatulong dito. Ang listahan na kinakailangan para sa trabaho ay karaniwang maliit, ngunit sapat na upang i-format ang teksto na may mga karaniwang kinakailangan. Ano ang kasama sa mga html tag na kailangan para sa isang copywriter? (Kung tinatamad kang magbasa, pagkatapos ay mag-scroll pababa - mayroong simple at malinaw na pampakay na infographic tungkol sa mga html tag!)
Ang copywriter ay nagtatanong ng mga tradisyonal na tanong. At lahat sila ay nagsisimula sa mga salitang "anong tag ang ginagamit upang tukuyin...":
- pamagat;
- talata;
- naka-bold na teksto;
- italics;
- listahan na may bullet/walang label/
Ang lahat ng ito ay nagdaragdag ng pampalasa sa teknikal na gawain at pinasisigla ang pagkuha ng bagong kaalaman. Lumalala ang sitwasyon kapag ang gawain ay gumamit ng isang naka-bold na tag ng teksto upang mapataas ang pagiging kaakit-akit ng susi sa PS. Ngunit ang lahat ng ito ay malulutas nang napakasimple, na haharapin natin ngayon.
Mga tag para sa paggawa ng mga pamagatAng mga tag para sa paglikha ng mga heading ay kinakatawan ng mga elemento h1-h6. Nakuha nila ang kanilang sulat mula sa English Header (heading). Upang itakda ang kinakailangang uri ng header at bigyang-diin ang kahalagahan nito para sa PS, gamitin ang sumusunod na code:
Heading h1 Heading h2 Heading h3 Heading h4 Heading h5 Heading h6
Sa website ay magiging ganito.
Heading h1 Heading h2 Heading h3 Heading h4 Heading h5 Heading h6Ang h1 heading ay may pinakamahalaga - at visibility -. Ginagamit ito bilang pamagat ng isang post at isang beses lang ginagamit. Para sa mga subheading sa teksto, inirerekomenda ang h2 at h3. Tumutulong sila upang bigyang-diin ang kahalagahan ng materyal na isinasaalang-alang at hatiin ang artikulo sa mga antas ng impormasyon.
Ang mga header na h4-h6 ay halos hindi ginagamit, ngunit hinihiling ang mga ito para sa pag-highlight ng mga lohikal na bloke at mahahalagang fragment.
Para sa malalaking artikulo, pinakamahusay na gumamit ng mga heading h1-h3, para sa maliliit - h1 at h2.
Mga Listahan: may bullet at walang labelPalaging may isa o kahit ilang listahan ang structured good text. Ayon sa kanilang hitsura, ang mga listahan ay:
- minarkahan - mayroon silang pagnunumero;
- walang marka - ang mga elemento ay naka-highlight na may mga simbolo.
- Listahan ng item
- Listahan ng item
- Listahan ng item
- Listahan ng item
- Listahan ng item
- Listahan ng item
- Listahan ng item
- Listahan ng item
- Item sa menu 1
- Item sa menu 2
- Hindi nakaayos na listahan (ul)
- Inorder na listahan (ol)
- Listahan ng mga kahulugan (dl) Anong ginagawa nila
- Hindi nakaayos na listahan (ul): listahan na may mga tuldok na indicator
- Ordered list (ol): isang numerong listahan
- Listahan ng Kahulugan (dl): Listahan na may mga kahulugan ng elemento
- Pare-parehong istilo ng nilalaman
- Lumikha lang
- Maraming nalalaman
- ), gumagamit kami ng dalawang tag: At . tumutukoy sa bawat item sa listahan, at inilalarawan ang punto sa itaas. Nasa ibaba ang listahan ayon sa code ng listahan ng kahulugan na ipinakita kanina.
- Buksan ang anggulo bracket (< ).
- Isang espesyal na salita (pangalan ng tag). Halimbawa, hr , iframe , b .
- Ang pagsasara ng anggulo bracket (> ).
- - isang tag na naglalaman ng komento. Ang komento ay text na hindi pinoproseso ng browser. Maaari mong isulat ang anumang gusto mo sa loob ng tag, kahit na ang iba pang mga tag - hindi sila gagana, hindi sila lilitaw sa screen. Ang mga developer ay nagkokomento sa code upang gawing mas madali para sa iba pang mga webmaster na maunawaan ito, o upang pagkatapos ng mahabang panahon ay mabilis nilang maunawaan ito mismo.
- , , , , ay mga tag na dapat na naroroon sa anumang disenteng HTML na dokumento (para sa higit pang mga detalye, tingnan ang "Paano Gumawa ng Website sa Notepad").
- - ang tag ay naglalaman ng pantulong na impormasyon para sa mga browser at search engine. Sa loob nito maaari kang magsulat ng mga keyword, paglalarawan ng pahina, pag-encode ng dokumento, pangalan ng may-akda, atbp.
- naglalaman ng link sa script file o sa mismong code.
- - isang tag na nagtatakda ng istilo ng dokumento at/o mga elemento nito gamit ang CSS. Ang isang HTML na dokumento ay maaaring maglaman ng maraming mga tag na tumutukoy sa iba't ibang estilo para sa iba't ibang bahagi ng pahina.
- - ang ganap na kabaligtaran, complementing ito. Tinutukoy ng tag ang “header” (pamagat) ng isang seksyon o ng buong page.
- iniimbak ang "mga binti" ng isang site o seksyon. Sa loob nito maaari kang maglagay ng sumusuportang impormasyon, copyright, impormasyon sa pakikipag-ugnayan, atbp.
- naglalaman ng pangunahing nilalaman ng pahina. Ni ang header, o ang menu block, o ang "mga binti" ng site, ngunit kung para saan ang pahina ay nilikha. Halimbawa, sa pahinang binabasa mo ngayon, ang artikulong ito ay dapat na matatagpuan sa loob.
- dinisenyo para sa paglikha ng mga link. Ang mga link ay ang ugat ng hypertext, kaya naman ang artikulong ito ay nakatuon sa kanila.
- kailangan upang magdagdag ng mga larawan sa isang web page (sa iyong serbisyo ay nakatuon sa pagkilos na ito).
-
,
, - , , ,Ang , , , at iba pang mga tag sa pag-format ng teksto ay bumubuo sa isang malaking pangkat ng mga HTML tag na tinatalakay ang mga ito sa artikulong "Pag-format ng Teksto sa HTML."
- - block elemento. Ang teksto sa loob ay na-format gamit ang CSS (cascading style sheets, na siyang paksa ng ikalawang bahagi ng tutorial).
- . Mayroon kang isang talata
o harangin Ang teksto sa loob nito ay idinisenyo sa parehong estilo, ngunit nais mong, nang hindi nakakagambala sa istraktura, upang matiyak na ang ilang mga salita ay may ibang laki o kulay ng font. Para sa mga ganitong sitwasyon na nilayon ang tag.
-
,
-
,
- - listahan ng mga tag. Minarkahan, may bilang - ang gawain ng mga tag na ito. Mayroon ding mga listahan ng mga kahulugan kung saan ang mga tag ay may pananagutan, at, ngunit malalaman mo nang detalyado ang tungkol sa lahat ng anim na ito sa artikulong "Paggawa ng Mga Listahan".
, , ,
, At ay ginagamit kapag lumilikha ng mga talahanayan at tinalakay nang detalyado sa isang hiwalay na artikulo. - - isang tag na nagdaragdag ng interaktibidad sa isang page, iyon ay, nagbibigay-daan sa user na makipag-ugnayan sa website. Siyempre, ang form ay nangangailangan ng isang handler, ngunit sa tulong ng mga tag sa loob maaari kang lumikha ng isang interface. Ang mga checkbox, button, radio button, input field at iba pang bagay na nangangailangan ng mga aktibong pagkilos mula sa iyo ay lahat ng elemento ng form na ang code ay inilalagay sa loob ng isang lalagyan.
- - isang tag na lumilikha ng interactive na button. Upang may mangyari kapag nag-click ka dito, dapat nasa form ang button (na matatagpuan sa pagitan ng mga tag).
- lumilikha ng mga elemento ng form: switch, checkbox, button, lahat ng uri ng input field. Ipinasok sa isang lalagyan. Ngunit bakit kailangan natin ng mga hiwalay kung mayroong isang unibersal?
- nagbibigay-daan sa iyo na lumikha ng isang pindutan na may mga advanced na parameter. Halimbawa, maaari kang maglagay ng larawan sa isang button. Hindi ito maaaring gawin sa isang elemento na nilikha sa pamamagitan ng .
- at - mga tag ng paglikha ng menu sa HTML 5. - ito ay isang lalagyan sa loob kung saan inilalagay ang mga elemento, ang pagdaragdag nito ay humahantong sa paglikha ng mga item sa menu. Medyo kawili-wiling mag-asawa. Halimbawa, sa tulong nito maaari kang lumikha ng iyong sariling menu ng konteksto para sa isang pahina o sa indibidwal na elemento nito.
Ngunit ang lahat ng disenyo ng Word ay hindi angkop para sa mga publikasyon sa site, kaya sulit na matutunan kung paano maayos na i-format ang mga listahan sa mga HTML na tag.
Ang naka-bullet na tag ng listahan ay ganito ang hitsura:
Mag-tag ng hindi naka-tag na listahan tulad nito:
Bukod dito, ang bawat elemento ng listahan ay may sariling HTML frame:
Ito ay lumiliko na upang i-highlight ang isang bullet na listahan sa teksto gamit ang html code, kakailanganin mong pagsamahin ang parehong uri ng mga elemento na ginamit. Magiging ganito ang hitsura:
Para sa isang walang markang listahan, katulad nito:
Inayos namin ang mga listahan. Makaka-move on na tayo.
Mga tag na nagbibigay-diin sa teksto: bold at italicKapag inaalam kung aling tag ang nagbibigay-daan sa iyong i-format nang tama ang text, halos agad kang makakita ng dalawang opsyon sa code para sa bawat kaso. Nagdudulot ito ng kalituhan sa mga hindi programmer at ang tanong: anong tag ang eksaktong kailangan ng customer.
Ito ay napaka-simple! Nag-aalok ang mga tag ng mga opsyon sa pisikal at lohikal na pag-format. Ang una ay kinakailangan para sa mga gumagamit, ang pangalawa - para sa mga search engine. "Mga search engine", nakikita ang html code na angkop para sa kanilang sarili, isaalang-alang ang napiling lugar at gamitin ang impormasyong natanggap kapag nagraranggo, kaya ang pag-highlight ng teksto gamit ang lohikal na pag-format ay hindi magiging isang pagkakamali.
Ang paggamit ng mga html tag ay ginagawang posible na mangyaring mga search engine at biswal na i-highlight ang teksto para sa user. Ano ang higit na priyoridad, magpasya para sa iyong sarili:
Pagha-highlight ng pariralang naka-bold para sa PS at mga user Pag-highlight ng pariralang naka-bold para sa mga user Pag- Italicize ng mga parirala para sa PS at mga user Italicize ang isang parirala para sa mga user
Mayroon akong isang malaki at napakakontrobersyal na artikulo sa paksa ng mga naka-bold na tag, na tinatawag.
Kung biglang titingnan ng isa sa mga programmer ang paksa, pagkatapos ay nagmamadali akong tandaan na ang pagsusuri ay para sa mga copywriter: kung paano maglagay ng mga tag, kung ano ang mga ito at kung ano ang mahalagang isaalang-alang kapag pumipili. At sa wakas, kailangan ng isa pang sikat na html code upang i-highlight ang mga talata. Ito
Ang pambungad na tag ay inilalagay bago ang simula ng talata, at ang pangwakas na tag ay inilalagay sa dulo. Kung ang isang talata ay nagtatapos sa isang listahan, kung gayon
ay inilalagay pagkatapos ng lahat ng mga tag na ginamit para sa listahan.
Well, ilang simpleng thematic infographics sa dulo:
Nang magsimula ang talakayan ng paksa sa mga komento, ang Club of Successful Copywriters ay nagbigay ng kawili-wiling feedback sa infographics at sa artikulo. Narito ang isang screenshot ng opinyon ng isang awtoritatibong kalahok sa talakayan.
Basahin: 3,365
Malamang na alam ng lahat ng nagbabasa ng araling ito kung ano ang HTML. Ngunit ang pagsusuri sa mga pangunahing kaalaman ay nakakatulong na madagdagan ang iyong kaalaman at patalasin ang iyong mga kasanayan, lalo na sa patuloy na umuusbong na mga teknolohiya sa web.
Maraming usapan sa mga araw na ito tungkol sa mga pagbabagong dinadala ng HTML 5 Ang bawat tag na binanggit sa artikulong ito ay sinusuportahan sa HTML 4.01 at HTML 5. Bagama't ang ilan sa mga tag na ito ay malawakang ginagamit, ito ay lubos na makakatulong upang suriin ang mga diskarte. kasangkot.
1.Ang bawat libro tungkol sa programming ay nagbabanggit na ito ay lubhang kapaki-pakinabang upang ipaliwanag kung ano ang ginagawa ng iyong code. Bakit magandang kasanayan ang pagkokomento? Talagang nakakatulong ito sa taong nagbabasa ng iyong code na maunawaan kung ano ang nangyayari.
Para sa HTML, ang pagkokomento ay maaaring mukhang isang punto na nagdaragdag ng timbang sa pahina. Gayunpaman, ang mga komento ay maaaring maging kapaki-pakinabang para sa pagtukoy ng mga seksyon at para sa pagpapanatili ng istraktura at organisasyon ng code ng pahina. Ang pagmamarka sa simula at pagtatapos ng iba't ibang mga seksyon ay talagang makakatulong kapag nagtatrabaho sa isang proyekto.
Ito ang pangunahing nilalaman.
... 2. Mga istilo ng talahanayan: , , atUpang makagawa ng magandang disenyo ng talahanayan, kailangan mong gamitin ang mga tag na binanggit sa subheading. Lahat sila ay nakakaapekto sa mga hilera ng talahanayan at madali kang makakapagtakda ng mga istilo para sa kanila.
item | Qty |
Sum | 7 |
#1 | 3 |
#2 | 4 |
I-wrap ang mga hilera ng talahanayan . Ito ay kung paano nabuo ang pamagat ng talahanayan.
Binabalot ang mga string Binubuo namin ang kabuuang mga linya sa ibaba ng talahanayan. Mga string dapat tukuyin bago ang mga linya , kaya ang kabuuang mga hilera ay ipinapakita bago ang iba pang mga hilera ng talahanayan.
Binabalot namin ang mga linya ng data sa .
Talata | Qty |
Sum | 7 |
#1 | 3 |
#2 | 4 |
Ang isang dropdown na listahan ay isang mahusay na paraan upang ipakita ang data para piliin ng user. Hindi lamang sila kumukuha ng maliit na espasyo, ngunit pamilyar din sila sa mga gumagamit at madaling gamitin. Isang kahanga-hangang ari-arian ay ang kakayahang lumikha ng mga kategorya (o mga subheading) para sa listahan ng mga item.
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
4. Mga Pamagat - ,,,,, atSiyempre, lahat ay gumagamit ng mga pamagat. Pero sa totoo lang, kailan ka huling gumamit o isang mas mababang antas ng heading? Nagbibigay-daan sa iyo ang mga heading na bumuo ng mas kaunting semantic na istruktura, gaya ng mga karagdagang istilo para sa text in .
Hindi na kailangang lumikha ng karagdagang trabaho para sa iyong sarili. Tandaan ang mga tag ng pamagat.
5. atGustung-gusto ng lahat ang mga site kung saan madaling mahanap ang impormasyong kailangan mo sa mga lohikal na nakagrupong item. Ang mga grupo ay bumubuo ng mga elemento nang sama-sama sa pamamagitan ng pagguhit ng isang parihabang frame sa kanilang paligid. Posible ring magdagdag ng pamagat sa naturang seksyon gamit ang .
Pangkalahatang Impormasyon: Pangalan: Email: Petsa ng kapanganakan:
6.Tag hindi nakakaapekto sa istilo sa anumang paraan. Nakakaapekto ito sa functionality ng page.
ginamit upang tukuyin ang label ng elemento ng input. Ang label mismo ay nakikita ang mga pag-click ng mouse, na ginagawang aktibo ang kaukulang field ng input. Gumagana ang property ng label na ito para sa mga text field at radio button.
Pangalan: Lalaki: Babae:
7.Kung kailangan mong magbigay ng dramatikong epekto sa ilang expression, maaari mong gamitin . Bilang default, isang walang laman na linya ang ipapasok bago at pagkatapos ng elemento. Idaragdag din ang indentation upang paghiwalayin ang text na nakapaloob sa elemento mula sa iba pang nilalaman.
Halimbawa ng paggamit ng tagHalimbawa ng paggamit ng tag
8.Hindi masasabi na tumutukoy sa , ngunit kadalasang ginagamit ang mga ito nang magkasama.
Tandaan ang tag , kapag kailangan mong mag-quote ng isang tao.
Isang halimbawa ng paggamit ng tag kasama ng isang tag. Ang alok na ito ay kasama sa tag.Isang halimbawa ng paggamit ng blockquote tag kasama ng cite tag. Ang alok na ito ay kasama sa tag.
9.Ang paggamit ng mga listahan ay nagbibigay ng magagandang pagkakataon para sa pag-aayos ng impormasyon. Alam ng lahat ang tungkol sa
, ngunit gaano kadalas mo ginagamit
At
? Marahil ang pangalang "listahan ng mga kahulugan" ay maaaring malito sa isang baguhan na developer at makapagpaisip sa kanya na ang naturang listahan ay magagamit lamang upang magpasok ng mga kahulugan at kundisyon. Gayunpaman, ang sitwasyong ito ay hindi tumutugma sa katotohanan.
Ang paraan ng pagpapakita ng impormasyon ng bawat uri ng listahan ay iba sa iba. Tiyak na hindi na kailangang huminto sa
At
, ngunit ang istraktura ng listahan ng mga kahulugan ay nangangailangan ng karagdagang paglilinaw.
List Item #1 Definition para sa List Item #1 List Item #2 Definition for List Item #2
Sa halip na tukuyin ang isang elemento ng listahan (
List Item #1 Definition para sa List Item #1 List Item #2 Definition for List Item #2
10. "(at iba pang ASCII character)Kapag gumagamit ng HTML, kailangan mong gumamit ng mga ASCII code kapag kailangan mong magpasok ng character. Nangangailangan ang panuntunang ito ng mga karagdagang hakbang, ngunit tinitiyak nito na ang lahat ng mga character ay ipinapakita nang tama sa screen ng user at na hindi nakikita ng browser ang mga ito bilang bahagi ng markup. Nakatagpo ka na ba ng ilang text na hindi ipinapakita nang tama? Karaniwan, ang may problemang teksto ay nilikha gamit ang mga panipi, kudlit, mas malaki kaysa sa mas kaunting mga palatandaan, at iba pa. Talagang hindi gaanong ganoong mga character, at ito ay nagkakahalaga ng pag-alala sa kanilang mga ASCII code.
Ang tag ay isang espesyal na nakalaan na salita na nakapaloob sa mga anggulong bracket (halimbawa, ). Ang isang tag ay ang pangunahing bahagi ng HTML: ang code ay nagsisimula dito, ito ay nagtatapos dito, at ang impormasyong ipinapakita sa web page ay nasa loob ng mga tag. Inirerekomenda na isulat ang mga ito sa maliit na titik, iyon ay, sa ordinaryong maliliit na titik: hindi, ngunit.
Ano ang mga uri ng mga tag?Karamihan sa mga HTML na tag ay ipinares: mayroong pambungad na tag (halimbawa, ) at pansarang tag, na nakikilala mula sa pambungad na tag sa pamamagitan ng slash (/) pagkatapos ng unang anggulong bracket (halimbawa, ). Ang lahat ng nasa loob ng isang pares ng mga tag ay tinatawag na kanilang nilalaman.
Nagiging bold ang Content Text na inilagay sa loob ng mga tag na ito
Mayroon ding mga unpared (solong) tag, na tinatawag na mga tag. Ang mga ito, hindi tulad ng mga ipinares na tag, ay hindi kailangang isara, dahil hindi sila gumagana sa nilalaman, ngunit gumaganap ng ilang function sa kanilang sarili. Halimbawa ng solong tag -
. Itinatakda nito ang teksto na ibalot sa susunod na linya.
Kung gumuhit tayo ng mga parallel sa wikang Ruso, masasabi nating ang mga ipinares na tag ay mga quote o bracket na nakakaapekto sa mga katangian ng tekstong nakapaloob sa mga ito (subukang huwag isara ang mga quote sa oras), at ang mga solong tag (marka) ay mga punctuation mark ( tandang, tanong o tuldok).
Ang anumang tag ay binubuo ng:
Dahil ang mga tag ay ang batayan ng markup language, hindi nakakagulat na marami sa kanila. Tingnan natin ang pangunahing, pinakamahalagang tag.