HTML | Mga patok na term sa website 0 mga oras na nakita

Paglalarawan

Ang bawat pagtutukoy ng isang eksaktong larangan ay may kanya-kanyang tukoy na mga termino na nais ito o hindi dapat itong mastered upang makamit ang isang mahusay na pag-unawa sa kung ano ang pinag-aaralan. Sa mundo ng mga developer ng website o mga developer ng website na madalas naming makita o maririnig ang tungkol sa HTML, CSS o javascript. Ngunit kung minsan hindi namin o hindi talaga naiintindihan kung ano talaga ang ibig sabihin ng mga term na ito.

Bago ang isang tao ay tumalon sa mundo ng developer, dapat niyang malaman ang mga katagang ito. Ang mga developer ng website ay hindi malayo sa mundo ng pag-coding. Ang mga termino sa pag-coding ay magpapatuloy na naka-embed sa umiiral na mga termino ng wika ng programa tulad ng nabanggit sa itaas, HTML, CSS, at iba pa. Ang pag-coding na ito ay magiging kapaki-pakinabang para sa pagsasalin ng mga kagustuhan ng developer at ng aparato na ginamit, magiging kapaki-pakinabang ito bilang isang paraan ng komunikasyon sa pagitan ng developer at ng aparato.

Kaya, upang mapanatili ang mga nilalaman ng artikulong ito mula sa pagpapalawak mula sa pamagat ng artikulong ito, ang may-akda ay hindi na magtatagal. Ito ang mga term na madalas gamitin ng mga developer. Ang mga term na ito ay ipinakita nang buo hangga't maaari.


1. HTML

Hypertext Markup Language (HTML) ay isang pamantayang markup na wika para sa mga dokumento na idinisenyo upang maipakita sa isang web browser. Matutulungan ito ng mga teknolohiya tulad ng Cascading Style Sheets (CSS) at mga wika sa pag-script tulad ng JavaScript.

Ang HTML ang pangunahing web mark up na wika at natural na tumatakbo ito sa bawat browser at pinapanatili ng World Wide Web Consortium.

Tumatanggap ang web browser ng mga dokumento ng HTML mula sa isang web server o mula sa lokal na imbakan at pinapalitan ang mga dokumento sa mga multimedia web page. Inilalarawan ng HTML ang istraktura ng mga web page nang semantikal at una na nagsasama ng mga kilos para sa paglitaw ng dokumento.

Ang mga elemento ng HTML ay ang mga bloke ng pagbuo ng mga pahina ng HTML. Sa mga konstruksyon ng HTML, ang mga imahe at iba pang mga bagay tulad ng mga interactive na hugis ay maaaring mai-embed sa nai-render na pahina. Nagbibigay ang HTML ng isang paraan upang lumikha ng mga nakabalangkas na dokumento sa pamamagitan ng pagpapakita ng mga istrukturang semantiko para sa teksto tulad ng mga heading, talata, listahan, link, pagsipi, at iba pang mga item. Ang mga elemento ng HTML ay kinakatawan ng mga tag, nakasulat gamit ang mga bracket ng anggulo. Ang mga tag tulad ng < img /> at < input /> direktang naglalagay ng nilalaman sa pahina. Ang iba pang mga tag tulad ng < p > nakapaligid at nagbibigay ng impormasyon tungkol sa teksto ng dokumento at maaaring magsama ng iba pang mga tag bilang mga sub-elemento. Ang browser ay hindi nagpapakita ng mga HTML tag, ngunit ginagamit ang mga ito upang bigyang kahulugan ang nilalaman ng pahina.

Maaaring mag-embed ang HTML ng mga program na nakasulat sa isang wika ng scripting tulad ng JavaScript, na nakakaapekto sa pag-uugali at nilalaman ng mga web page. Tinutukoy ng pagsasama ng CSS ang hitsura at layout ng nilalaman. Ang World Wide Web Consortium (W3C), ang dating nagpapanatili ng HTML at nagpapanatili ng kasalukuyang mga pamantayan ng CSS, ay pinipilit ang paggamit ng CSS sa tahasang pagtatanghal na HTML mula pa noong 1997.

Pagpapaandar ng HTML

Ang HTML (HyperText Markup Language) ay isang wika na gumagamit ng ilang mga palatandaan (tag) upang kumatawan sa mga code na dapat bigyang kahulugan ng browser upang ang pahina ay maipakita nang tama.

Gumagana ang HTML upang pamahalaan ang isang serye ng data at impormasyon upang ang isang dokumento ay ma-access at maipakita sa Internet sa pamamagitan ng mga serbisyo sa web. Partikular, ang HTML ay may mga sumusunod na pagpapaandar:

  • Lumikha ng mga web page.
  • Ipakita ang iba't ibang impormasyon sa isang Internet browser.
  • Lumikha ng mga link sa iba pang mga web page na may tukoy na code (hypertext).

Pagkakaiba sa pagitan ng HTML at HTML5

Maaaring narinig mo ang tungkol sa HTML5? ano ang pagkakaiba sa pagitan ng HTML at HTML? Maaari mo pa ring maghinala na ang dalawang term ay pareho?.

Ang HTML4 (na kamakailan ay tinukoy bilang "HTML") ay inilabas noong 1999 at ang pinakabagong bersyon nito ay ipinakilala sa publiko noong 2014. Kilala bilang HTML5, ang pinakabagong bersyon na ito ay nagdaragdag ng maraming mga bagong tampok sa mark up na wika. Ang isa sa mga advanced na tampok sa HTML5 ay suporta para sa audio at video embeds. Kaya, sa halip na gamitin ang Flash player, maaari kaming mag-embed ng mga video at audio file sa mga web page na gumagamit ng mga tag < audio > </ audio > & < video > </ video >. Mayroon din itong built-in na suporta para sa masusukat na vector graphics (SVG) at MathML para sa mga pormula ng matematika at pang-agham.

Ipinakikilala din ng HTML5 ang ilang mga pagpapahusay sa semantiko. Ang bagong tag na semantiko ay nagpapadala ng impormasyon sa browser tungkol sa kahulugan ng nilalaman, na kapaki-pakinabang hindi lamang para sa mga mambabasa, kundi pati na rin para sa mga search engine.

Ang pinaka ginagamit na mga tag na semantiko ay:

<article> </article>, <section> </section>, <aside> </aside>, <header> </header>, and <footer> </footer>.

Ang sumusunod na talahanayan ay nagbibigay ng impormasyon tungkol sa mga makabuluhang pagkakaiba sa pagitan ng HTML at HTML5:

#HTMLHTML5
1 Hindi sinusuportahan ang audio at video nang hindi gumagamit ng suporta ng flash player. sumusuporta sa audio at video control sa paggamit ng mga audio at video tag.
2 Gumamit ng cookies upang pansamantalang mag-imbak ng data. Gumagamit ng database ng SQL at cache ng application upang mag-imbak ng data offline.
3 Hindi pinapayagan ang JavaScript na tumakbo sa browser. Pinapayagan ang JavaScript na tumakbo sa background. Posible ito dahil sa JS Web worker API sa HTML5.
4 Ang mga vector graphics ay posible sa HTML sa tulong ng iba't ibang mga teknolohiya tulad ng VML, Silver-light, Flash, atbp. Ang mga vector graphics ay isang mahalagang bahagi din ng HTML5 tulad ng SVG at canvas.
5 Hindi pinapayagan ang mga drag at drop effects. Pinapayagan ang mga drag at drop effects.
6 Imposibleng gumuhit ng mga hugis tulad ng mga bilog, parihaba, tatsulok, atbp. Ginagawang posible ng HTML5 na gumuhit ng mga hugis tulad ng mga bilog, parihaba, tatsulok, atbp.
7 Gumagana sa lahat ng mga browser ng legacy. Sinusuportahan ng lahat ng mga bagong browser tulad ng Firefox, Mozilla, Chrome, Safari, atbp.
8 Ang mga mas lumang bersyon ng HTML ay hindi gaanong madaling gamitin. Ang wikang HTML5 ay mas madaling gamitin sa mobile.
9 Ang pahayag ng Doctype ay masyadong mahaba at kumplikado. Ang pahayag ng Doctype ay medyo simple at prangka.
10 Ang mga elemento tulad ng nav, header ay nawawala. Mga bagong elemento para sa mga istraktura ng web tulad ng nav, header, footer atbp.
11 Mahaba at kumplikadong pag-encode ng character. Simple at madaling pag-encode ng character.
12 Ito ay halos imposible upang makakuha ng tunay na GeoLocation ng isang gumagamit sa tulong ng isang browser. Maaaring madaling masubaybayan ng isa ang GeoLocation ng isang gumagamit sa pamamagitan ng paggamit ng JS GeoLocation API.
13 Hindi mahawakan ang hindi tumpak na syntax. May kakayahang hawakan ang hindi tumpak na syntax.
14 Ang mga katangiang tulad ng charset, async, at ping ay nawawala sa HTML. Ang mga katangian ng charset, async, at ping ay bahagi ng HTML 5.

Mga pagpapabuti sa Mga Elemento ng HTML sa HTML5, kabilang ang pag-aalis ng mga sumusunod na elemento :

#Mga elemento sa HTMLMga elemento sa HTML5
1 applet katumbas ng: object
2acronymkatumbas ng: abbr
3dirkatumbas ng: ul
4framesetTinanggal
5frameTinanggal
6noframesTinanggal
7strikeWalang mga bagong tag. Ginagamit ang CSS para dito
8bigWalang mga bagong tag. Ginagamit ang CSS para dito
9basefontWalang mga bagong tag. Ginagamit ang CSS para dito
10fontWalang mga bagong tag. Ginagamit ang CSS para dito
11centerWalang mga bagong tag. Ginagamit ang CSS para dito
12ttWalang mga bagong tag. Ginagamit ang CSS para dito

Mga Katangian sa HTML

Sa HTML maraming mga katangian na karaniwang ginagamit, ipapakita lamang ng may-akda ang mga puntos sa balangkas upang gawing simple ang iba pang mga paliwanag. Parang :

  • CLASS
<div class="big-box yellow-box">Ito ay isang malaking dilaw na kahon.</div>
  • ID
<div id="my-box">Ito ang aking kahon! Ilagay ang iyong teksto sa ibang kahon.</div>
  • HREF
<a href="http://google.com">Google ito!</a>
  • Body
<html>
  <head>
    <title>Contoh tag body</title>
  </head>
  <body>
    Nasa body ito!
  </body>
</html>
  • Children
<ul id="parent">
  <li id="child">Anak ako ng magulang!</li>
</ul>
  • Comments
<!-- Ito ay isang komento sa HTML! -->
  • Div
<div>Ito ay isang elemento ng div.</div>
  • Html
<!DOCTYPE html>
<html>

Naglo-load ang seksyong html na ito ng code sa panig ng web page.

</html>
  • Head
<html>
  <!-- seksyon na "head" -->
  <head>
  </head>
  <!-- seksyon na "head" -->
  <body>
  </body>
</html>
  • Headings. Ang seksyon ng heading ay maaaring maglaman ng h1, h2, h3, h4, h5, o h6. Narito ang isang halimbawa :
<h1> This is an H1 header ! </h1>
<h2> This is an H2 header! </h2>
<h3> This is an H3 header! </h3>
... and so on.

*Horizontal rules. Ang teksto na "hr" ay magbibigay ng isang pahalang na puwang na may isang itim na linya na 1px makapal.

Ang teksto ng iyong blog.
<hr>
...susunod na text.
  • Hyperlinks
<a href="url this link goes to">Text ng link</a>
Ang sumusunod na teksto <a href="http://google.com">pumunta sa Google</a>.
  • Images
<img src="./assets/img/anglarawanko.png" class="style" alt="ang larawan ko">
  • Line breaks
<p> Ilang text <br/> sumasaklaw sa dalawang linya </p>
  • Links
<link type="text/css" rel="stylesheet" href="styles.css" />
  • Lists
<ul>
  <li>Cras justo odio</li>
  <li>Dapibus ac facilisis in</li>
  <li>Morbi leo risus</li>
  <li>Porta ac consectetur ac</li>
  <li>Vestibulum at eros</li>
</ul>

maaari ring isalin bilang :

<div class="col-md-12" >
  <div class="list-group">
    <a href="#" class="list-group-item list-group-item-action active"> Cras justo odio </a>
    <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
    <a href="#" class="list-group-item list-group-item-action">Morbi leo risus</a>
    <a href="#" class="list-group-item list-group-item-action">Porta ac consectetur ac</a>
    <a href="#" class="list-group-item list-group-item-action disabled">Vestibulum at eros</a>
  </div>
</div>
  • Paragraphs
<p> Ito ang teksto ng talata! </p>
  • Semantic formatting
<p> <strong> Babala: </strong> Ang mga acid ay maaaring maging sanhi ng malubhang pagkasunog </strong> </p>
  • Tables
<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>
  • Tags & Elements
<tag attribute='value'>nilalaman</tag keyword>
  • Title
<title>Mga Artikulo Ko</title>

Tags: Code Sanggunian sa 13 September 2020

Magkomento

Forum Diskusi

Post a reply
3033 views

Tumugon sa talakayang ito