Halimbawa ng HTML
Halimbawa ng pangunahing tag na HTML
- Isang simple na file na HTML
- Ang halimbawa na ito ay isang napakasimple na file na HTML, na gumagamit ng kaunting tag na HTML. Ito ay naglalarawan kung paano ipapakita ng browser ang nilalaman ng elemento ng body.
- Simple na paragrafo
- Ang halimbawa ay naglalarawan kung paano ipapakita ng browser ang teksto sa loob ng elemento ng paragrafo.
- Maraming paragrafo
- Ang halimbawa ay naglalarawan ng ilang default na pag-uugali ng elemento ng paragrafo.
- Problema ng tula
- Ang halimbawa ay naglalarawan ng ilang problema sa format ng HTML.
- Pagbadyet
- Ang halimbawa ay naglalarawan kung paano gamitin ang pagbadyet sa isang dokumentong HTML.
- Titik
- Ang halimbawa ay nagpapakita kung paano ipakita ang tag ng titik sa HTML dokumento.
- Titik na nakaposisyon sa gitna
- Ang halimbawa ay nagpapakita ng isang titik na nakaposisyon sa gitna.
- Horizontal line
- Ang halimbawa ay nagpapakita kung paano magdagdag ng horizontal line.
- Nakatagong komento
- Ang halimbawa ay nagpapakita kung paano magdagdag ng nakatagong komento sa HTML source code.
- Kulay ng background
- Ang halimbawa ay nagpapakita kung paano magdagdag ng kulay ng background sa HTML pahina.
例子解释
Halimbawa ng HTML text formatting
- Text formatting
- Ang halimbawa ay nagpapakita kung paano formatin ang teksto sa loob ng HTML file.
- Pre-formatted text
- Ang halimbawa ay nagpapakita kung paano kontrolin ang mga walang laman na mga linya at espasyo gamit ang tag na pre.
- Tag ng "kompyuter output"
- Ang halimbawa ay nagpapakita kung paano ipakita ang iba't ibang tag ng "kompyuter output".
- Address
- Ang halimbawa ay nagpapakita kung paano isulat ang address sa HTML file.
- Abbreviation at initialism
- Ang halimbawa ay nagpapakita kung paano maisagawa ang paglagay ng abbreviation o initialism.
- Direksyon ng teksto
- Ang halimbawa ay nagpapakita kung paano baguhin ang direksyon ng teksto.
- Blok na citasyon
- Ang halimbawa ay nagpapakita kung paano maisagawa ang pagtatanggal at pagdagdag ng iba't ibang haba ng citasyon.
- Epekto ng burahin at epekto ng idikit na teksto
- Ang halimbawa ay nagpapakita kung paano tandaan ang teksto na dapat burahin at ang teksto na dapat idikit.
例子解释
Halimbawa ng HTML frame
- Vertical na frame
- Ang halimbawa ay nagpapakita kung paano gumawa ng vertical na frame gamit tatlong magkakaibang dokumento.
- Horizontal na frame
- Ang halimbawa ay nagpapakita kung paano gumawa ng horizontal na frame gamit tatlong magkakaibang dokumento.
- Kung paano gamitin ang tag na <noframes>
- Ang halimbawa ay nagpapakita kung paano gamitin ang tag na <noframes>.
- Hibrido na straktura ng frame
- Ang halimbawa ay nagpapakita kung paano gumawa ng straktura ng frame na naglalaman ng tatlong dokumento, at nagpipilit sila sa mga linya at mga linya.
- Straktura ng frame na may attribute na noresize="noresize"
- Ang halimbawa ay nagpapakita kung paano gamitin ang attribute na noresize. Sa halimbawa na ito, ang frame ay hindi maaaring ayusin ang laki. Kapag inililipat ang mouse sa ibabaw ng border sa pagitan ng frame, hindi mo mapapalipat ang border.
- Frame na navigasyon
- Ang halimbawa ay nagpapakita kung paano gumawa ng frame na naglalayong navigasyon. Ang frame na navigasyon ay naglalaman ng listahan ng link na naka-target sa ikalawang frame. Ang file na may pangalan na "contents.htm" ay naglalaman ng tatlong link.
- 内联框架
- 本例演示如何创建内联框架（HTML 页中的框架）。
- 跳转至框架内的一个指定的节
- 本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 <a name="C10"> 进行标识。
- 使用框架导航跳转至指定的节
-
本例演示两个框架。左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。
例子解释
HTML 表单与输入实例
- Text field (Text fields)
- Ito ay nagpapakita kung paano gumawa ng isang text field sa pahina ng HTML. Maaaring isulat ng user ang teksto sa text field.
- Password field
- Ito ay nagpapakita kung paano gumawa ng isang password field sa HTML.
- Checkbox
- Ito ay nagpapakita kung paano gumawa ng isang checkbox sa pahina ng HTML. Maaaring pinili o tanggalin ng user ang checkbox.
- Radio button
- Ito ay nagpapakita kung paano gumawa ng isang simple na radio button sa HTML.
- Simple na dropdown list
- Ito ay nagpapakita kung paano gumawa ng isang simple na dropdown list box sa pahina ng HTML. Ang dropdown list box ay isang opisonal na listahan.
- Iba pang dropdown list
- Ito ay nagpapakita kung paano gumawa ng isang simple na dropdown list na may pre-selected value (kabiguan: ang pre-selected value ay ang inaanyayahan na pagpipili).
- Text area (Textarea)
- Ito ay nagpapakita kung paano gumawa ng isang text area (maraming-linang input control). Maaaring isulat ng user ang teksto sa text area. Walang limitasyon ang bilang ng mga character na maaaring isulat sa text area.
- Gumawa ng button
- Ito ay nagpapakita kung paano gumawa ng isang button. Maaaring i-customize ang teksto sa ibabaw ng button.
- Kahon sa paligid ng data
- Ito ay nagpapakita kung paano idraw ang isang kahon na may pamagat sa paligid ng data.
Mga halimbawa ng form
- Form na may input box at button ng pagpapatibay
- Ito ay nagpapakita kung paano idagdag ang form sa pahina. Ang form na ito ay may dalawang input box at isang button ng pagpapatibay.
- Form na may checkbox
- Ang form na ito ay may dalawang checkbox at isang button ng pagpapatibay.
- Form na may radio button
- Ang form na ito ay may dalawang radio button at isang button ng pagpapatibay.
- Ipagpadala ang email mula sa form
- Ito ay nagpapakita kung paano ipagpadala ang email mula sa form.
例子解释
Mga halimbawa ng HTML na imahe
- Ilagay ang imahe
- Ito ay nagpapakita kung paano ipakita ang imahe sa pahina.
- Ilagay ang imahe mula sa iba't ibang lokasyon
- Ito ay nagpapakita kung paano ilagay ang mga imahe mula sa iba't ibang lokasyon.
- Likurang imahe
- Ito ay nagpapakita kung paano idagdag ang likurang imahe sa pahina.
- Ilagay ang imahe
- Ito ay nagpapakita kung paano ilagay ang imahe sa teksto.
- Ilihis ang imahe
- Ito ay nagpapakita kung paano ilihis ang imahe sa kalye ng paragrapo sa kaliwa o kanan.
- Ayusin ang laki ng imahe
- Ito ay nagpapakita kung paano ayusin ang laki ng imahe.
- Ipalit ang teksto para sa imahe
- Ito ay nagpapakita kung paano ipalit ang teksto para sa imahe kapag ang imahe ay hindi maisasalita ng browser. Ang katutubong teksto ay nagsasabi sa mga mambabasa kung ano ang nawala. Ito ay magandang kasanayan na magdagdag ng katutubong teksto para sa lahat ng imahe sa pahina.
- Gumawa ng imahe link
- Ito ay nagpapakita kung paano gamitin ang imahe bilang isang link.
- Gumawa ng imahe map
- Ito ay nagpapakita kung paano gumawa ng isang imahe map na may klikable na mga lugar. Bawat lugar ay isang hyperlink.
- Iginawad ang imahe bilang image map
- Ito ay nagpapakita kung paano gamitin ang isang pangkaraniwang imahe bilang image map.
例子解释
HTML 元信息 (meta) 实例
- 文档描述
- Meta 元素中的信息可以描述 HTML 文档。
- 文档关键字
- Meta 元素中的信息可以描述文档的关键词。
- 重定向
- 这个例子演示：在网址已经变更的情况下，将用户重定向到另外一个地址。
例子解释
