Mga website, blog, web page - pamilyar na mga konsepto sa ating panahon. Sa pag-unlad ng Internet, ang mga site para sa pagho-host ng mga web page ay naging napakapopular, at hindi ito nakakagulat: para sa ilang mga tao, ang pagkakaroon ng kanilang sariling website ay isang pangangailangan, para sa iba ito ay isang kaaya-ayang libangan. Sa unang kaso, karaniwang pinag-uusapan natin ang tungkol sa mga kumpanya, korporasyon, pribadong negosyante, kapag nag-advertise sila ng anumang produkto o serbisyo na hinihiling. Ang pangalawa ay tungkol sa mga blogger.
Bukod dito, may mga gumagamit ng Internet na naghahanap lang ng impormasyon, nagbabasa ng mga blog, nanonood ng mga video at iba pa.
Upang lumikha ng de-kalidad na website, maraming opsyon. Tutuon kami sa web programming sa pamamagitan ng HTML.
Ano ang HTML
Ang HTML ay nangangahulugang Hyper Text Mark-Up Language. Isinalin mula sa English, ang ibig sabihin nito ay "Hypertext Markup Language".
Sa madaling salita, ang HTML ay isang hanay ng mga code kung saan maaari mong gawin ang mga pangunahing elemento ng site, ang frame nito, tulad ngkung paano ang mga salita ay binubuo ng mga pangungusap.
Ang HTML code ay eksklusibong nakasulat sa Latin na mga letra at tinatawag na mga tag, at ang bawat code ay nakapaloob sa angle bracket. Ang ilang tag ay ipinares, ang ilan ay hindi ipinares.
Ang ipinares ay nangangahulugan na dapat silang gamitin nang pares nang walang kabiguan. Halimbawa, ang pambungad na tag ay nagpapahiwatig kung saan ito magsisimula sa isang web page, at ang pangwakas na tag ay nagpapahiwatig kung saan ito hihinto. Ang huli ay naiiba sa una sa pamamagitan ng pagkakaroon ng isang slash na character pagkatapos ng pambungad na angle bracket. Halimbawa, ang ay ang pambungad na tag, angay ang pansarang tag.
Hindi kailangan ng mga hindi nakapares na tag ng kasosyo.
Maraming tag ang maaaring magkaroon ng mga katangian - mga karagdagang elemento na nagbibigay dito ng mas tiyak na kahulugan. Halimbawa, ang tag na.
Kung saan ginagamit ang HTML
Ang klasikong pag-unawa kung saan kailangan ang HTML ay ang pagbuo ng website.
Sa pagsasanay, maaaring sapat na ito, dahil pinapayagan ka ng HTML na lumikha ng mga pangunahing elemento ng site, mga menu (kabilang ang mga multi-level), itakda ang background, magpasok ng teksto, mga larawan, audio, video, i-edit ang mga font at marami pang iba.
Gayunpaman, may iba pang mga wika na nagbibigay-daan sa iyong magdagdag ng mas kawili-wili at kadalasang kinakailangang elemento sa isang web page:
- Ang CSS ay nagtatakda ng mga istilo para sa buong site nang hindi kinakailangang patuloy na magreseta ng mga feature ng istilo ng mga indibidwal na elemento gamit ang mga tag - ang kulay at font ng text, halimbawa.
- Ang wika ng script ay nagbibigay-daan sa iyong bumuo at mag-embed ng mga mini-program (mga script) sa site, mula samga banal na aesthetic na bagay (pagbabago ng kulay ng link kapag nag-hover sa ibabaw gamit ang mouse) at nagtatapos sa mga functional na bagay (pangongolekta ng mga email address ng customer, numero ng telepono).
- Sa PHP maaari kang bumuo ng sarili mong guestbook o commenting system.
Ginagamit din ang HTML sa paggawa ng mga email para sa pamamahagi.
Ano ang link
Pinapayagan ka nilang mag-navigate sa isa pang web page, sa loob ng site at external.
HTML na link ang karaniwang ginagamit:
- Upang pumunta sa isang panlabas na mapagkukunan ng web.
- Upang lumipat sa mga pahina sa loob ng site.
- Upang pumunta sa google forms.
Ang isang link sa pinagmulan sa HTML ay madalas ding ipinapahiwatig, lalo na dahil kapag kumukopya ng materyal mula sa ibang site, dapat mong tukuyin ang may-akda. Kung hindi, ang pagkopya nang walang pagpapatungkol ay maaaring nasa ilalim ng mga kahulugan ng paglabag sa copyright, pagnanakaw ng nilalaman at backfire. Bilang karagdagan, ang paggamit ng hiniram, hindi natatanging mga materyales ay nagpapababa sa pagganap ng SEO, at ang pagpahiwatig ng isang link sa pinagmulan ay nakakabawas ng mga panganib.
Mga uri ng link
Sa klasikal na kahulugan, ang isang link ay ang address ng isang web resource na maaari mong puntahan sa pamamagitan ng pag-click dito.
Bukod dito, may mga hyperlink: teksto at mga larawan. Sa mga kasong ito, ang HTML na link ay "nakatago" sa ilalim ng ilang pangungusap (salita) o larawan, at upang masundan ito, kailangan mong mag-click sa text o larawan.
Iba pang uri ng mga link:
- Hindi nabisita - isang link na hindi pa na-click sa isang partikular na session. Halimbawa, kung sinunod mo ang link na ito kahapon, pagkatapos ay in-off mo ang iyong computer, at na-on itong muli ngayon, ngayon ay hindi na nabisita muli ang link, dahil nagsimula ang isang bagong session.
- Active - sa ganitong estado, nai-save ang link sa napakaikling panahon: ang pagitan ng pag-click sa link at pagsunod dito.
- Binisita - isang link na nabisita na kahit isang beses sa isang session.
Para sa mga regular na text link, ang mga binisita ay may posibilidad na magbago ng kulay maliban kung tinukoy.
Hindi nagbabago ang hitsura ng naka-hyperlink na larawan, binisita man ito o hindi.
Paano maglagay ng regular na link
Maraming mga mapagkukunan sa web ang nakikita ang address ng site bilang isang link, agad itong gawing naki-click at i-highlight ito nang may kulay. Halimbawa, kung ang address ay ipinadala sa isang messenger o sa pamamagitan ng e-mail, pag-click dito, maaari kang pumunta sa site.
Sa kaso ng paggawa ng isang site sa iyong sarili gamit ang HTML, dapat kang magpasok ng isang link gamit ang isang espesyal na tag. Magiging ganito ang hitsura: address ng website. Dapat na tukuyin nang buo ang text ng link sa HTML, na may protocol.
Paano maglagay ng text hyperlink
Sinabi nang mas maaga na ang isang text hyperlink ay gumaganap ng parehong function bilang isang regular na link, ngunit mukhang mas aesthetically kasiya-siya: sa halip na isang address ng site, na kadalasang hindi kinakailangang mahaba, isang salita o parirala ang ipinahiwatig. Halimbawa, sa pangungusap na "Maghanap ng impormasyon dito", maaari mong itago ang link saang salitang "dito". Ito ay iha-highlight at ang pag-click dito ay magdadala sa user sa gustong site.
Paano gumawa ng HTML link ay napag-usapan na kanina. Maaari kang magpasok ng text hyperlink gamit ang parehong tag. Ang pagkakaiba lang ay kailangan mong tukuyin sa pagitan ng mga tag ang text kung saan itatago ang link: nakikitang text.
Paano magpasok ng hyperlink ng larawan
Ito ay medyo mas kumplikado dito. Ginagamit namin ang parehong tag, ngunit sa halip na text, kailangan mong tukuyin ang path patungo sa larawan.
Ang landas ay ang lokasyon ng larawan. Kung ang larawan (larawan) ay matatagpuan sa isang serbisyo sa pagbabahagi ng file, kailangan mong tukuyin ang lahat ng mga folder kasama ang landas patungo sa imahe sa pamamagitan ng isang slash. Maaari ka ring magsama ng link sa isang larawan kung maaari.
Para i-tag
bilang karagdagan sa src, naaangkop din ang iba pang mga katangian, na nagbibigay-daan sa iyong ayusin ang taas, lapad at lokasyon ng larawan at marami pang iba. Ilan sa mga ito:
- Src - tumutukoy sa landas patungo sa larawan.
- Lowsrc - kapareho ng nakaraang katangian, ngunit tinukoy para sa mga larawang mababa ang kalidad.
- Taas - taas ng larawan.
- Lapad - lapad nito.
- Alt - paglalarawan ng larawan. Kapag nag-hover ka sa isang larawan o larawan, lalabas ang text na tinukoy sa attribute na ito.
- Border - tinutukoy ang kapal ng hangganan sa paligid ng larawan.
Ang mga katangian ay tinukoy pagkatapos ng tag at kasama sakomposisyon nito. Ang katangian ay dapat na sinundan ng halaga nito. Halimbawa, para sa mga katangian na "taas" o "lapad" (taas, lapad) ay tumutukoy sa taas ng larawan sa web page. Ang unit ng pagsukat ay mga pixel, maliban kung tinukoy.
Magiging ganito ang hitsura: <a href="web page address"
. Makakatulong ang mga katangiang ito na itakda ang naaangkop na laki para sa larawan. Nakakatulong ang Border na lumikha ng hindi nakikitang hangganan sa paligid ng larawan.
Ang mga katangian sa itaas ay nalalapat nang hiwalay sa tag ng pagpapasok ng larawan. Halimbawa:.
Ano ang mga anchor link
Ang paggawa ng mga anchor link ay isang napakakapaki-pakinabang na kasanayan. Kadalasan mayroong pangangailangan na maglatag ng isang web page na may mahabang bloke ng teksto o may ilang mga subsection sa isang pahina. Sa kasong ito, maaari kang magsimula kaagad sa isang listahan ng mga link sa mga subsection ng text o web page, at kapag nag-click ka sa mga ito, direktang pupunta ang user sa hiniling na seksyon.
Ang paggawa ng mga anchor link ay mangangailangan ng higit na paggamit ng mga tag ng katangian kaysa sa iba pang uri ng mga link.
Una, kailangan mong itakda ang kabuuang halaga para sa bawat bloke ng impormasyon o subsection ng text gamit ang nangungunang attribute, at pagkatapos ay iugnay ito sa kaukulang link.
Mas malawak ang kanilang mga feature, kaya ipinapayong pag-aralan muna ang paggawa ng mas simpleng mga link, at pagkatapos ay magpatuloy sa pagbuo ng mga anchor link.
Tips
Tulong mula sa karanasanmga programmer:
- Maaari mo itong gawin upang ang impormasyon tungkol sa isang link ay ipinapakita sa hover sa HTML. Para dito, maaaring magamit ang alt attribute, na ginagamit din namin para sa mga graphic na elemento.
- Posibleng gumawa ng listahan ng mga link gamit ang HTML. Sa partikular, maaari itong maging kapaki-pakinabang para sa mga anchor link, gayundin kapag kailangan mong gumawa ng listahan ng mga mapagkukunan ng web na maaaring sundan ng isang link nang direkta mula sa kasalukuyang web page.
- Sa tulong ng CSS at JavaScript, pati na rin ng ilang HTML function, maaari kang lumikha ng ibang disenyo ng mga text link at hyperlink kaysa sa karaniwan. Halimbawa, kapag nag-hover ka sa isang link, maaari nitong baguhin ang kulay nito at bumalik sa dati kapag malayo ang cursor dito. Magagawa ito gamit ang isang custom na script ng JavaScript. Bilang karagdagan, ang kulay ng link ay maaaring itakda sa isang bagay maliban sa asul para sa hindi nabisita o purple para sa binisita. Ito ang trabaho ng CSS.
- Huwag abusuhin ang mga link. Ang isang web page na may maraming hindi naaangkop na link ay mukhang palpak at palpak.
- Tiyaking nauunawaan ng user na ang hyperlink na may larawan ay talagang isang larawan, at hindi isang larawan lamang.
Konklusyon
Napakadaling mag-link sa isang pahina sa HTML. Mahalagang sundin ang lahat ng pangunahing punto ng wikang ito, dahil kahit isang maliit na pagkakamali ay maaaring humantong sa katotohanang walang resulta, at hindi gagana ang code.
