Halimbawa ng HTML
Eksemplo ng pangunahing tag ng HTML
- Isang simple na HTML file
- Ang eksemplo na ito ay isang napakasimple na HTML file, na gumagamit ng pinakamaliit na bilang ng tag ng HTML. Ito ay nagtuturo kung paano ipapakita ng browser ang nilalaman ng elemento ng body.
- Simple na paragrafo
- Ito ay naglalarawan: Paano ipapakita ng browser ang teksto sa loob ng elemento ng paragrafo.
- Higit pang paragrafo
- Ito ay naglalarawan ng ilang pangkaraniwang pag-uugali ng elemento ng paragrafo.
- Problema ng poetrya
- Ito ay naglalarawan ng ilang problema sa pagformat ng HTML.
- Pagbaliw ng linia
- Ito ay naglalarawan ng paggamit ng pagbaliw ng linia sa HTML dokumento.
- Tag ng titik
- Ito ay isang halimbawa kung paano magpakita ng tag ng titik sa dokumento ng HTML.
- Titik na nakasentro
- Ito ay isang halimbawa ng titik na nakasentro.
- Horizontal line
- Ito ay isang halimbawa kung paano ipasok ang horizontal line.
- Nakatagong komento
- Ito ay isang halimbawa kung paano ipasok ang nakatagong komento sa HTML source code.
- Kulay ng background
- Ito ay isang halimbawa kung paano magdagdag ng kulay ng background sa pahina ng HTML.
例子解释
Halimbawa ng HTML text formatting
- Text formatting
- Ito ay isang halimbawa kung paano formatin ang teksto sa loob ng HTML file.
- Preformatted text
- Ito ay isang halimbawa kung paano kontrolin ang walang laman na mga linya at espasyo gamit ang tag na pre.
- Tag ng output ng kompyuter
- Ito ay isang halimbawa kung paano magpakita ang iba't ibang tag ng output ng kompyuter.
- Address
- Ito ay isang halimbawa kung paano isulat ang address sa HTML file.
- Abbreviation at acronym
- Ito ay isang halimbawa kung paano maisagawa ang pagkilala ng iskrip at abreviatura.
- Direksyon ng teksto
- Ito ay isang halimbawa kung paano baguhin ang direksyon ng teksto.
- Block quote
- Ito ay isang halimbawa kung paano maisagawa ang pagkilala ng teksto na may magkakaibang haba.
- Epekto ng pagtanggal at pagpasok ng teksto
- Ito ay isang halimbawa kung paano tandaan ang teksto na ibinilanggo at ipasok ang teksto.
例子解释
Halimbawa ng HTML framework
- Vertical framework
- Ito ay isang halimbawa kung paano gumawa ng vertical framework gamit tatlong magkakaibang dokumento.
- Horizontal framework
- Ito ay isang halimbawa kung paano gumawa ng horizontal framework gamit tatlong magkakaibang dokumento.
- Paano gamitin ang tag na <noframes>
- Ito ay isang halimbawa kung paano gamitin ang tag na <noframes>.
- Mixed structure ng framework
- Ito ay isang halimbawa kung paano gumawa ng structure ng framework na may tatlong dokumento, at ipakabit sila sa mga hilera at kolum.
- Structure ng framework na may atributo na noresize="noresize"
- Ito ay isang halimbawa kung paano gamitin ang atributo ng noresize. Sa kasong ito, ang framework ay hindi maisasadya ang laki. Kapag inililipat ang mouse sa ibabaw ng border sa pagitan ng framework, makikita mo na ang border ay hindi puwedeng ililipat.
- Framework ng navi
- Ito ay isang halimbawa kung paano gumawa ng framework ng navi. Ang framework ng navi ay naglalaman ng isang listahan ng link na maglalagay bilang layunin ang pangalawang framework. 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. Ang user ay maaaring isulat 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. Ang user ay maaaring i-select o i-unselect ang checkbox.
- Radio button
- Ito ay nagpapakita kung paano gumawa ng isang simple radio button sa HTML.
- Simple dropdown list
- Ito ay nagpapakita kung paano gumawa ng isang simple dropdown list box sa pahina ng HTML. Ang dropdown list box ay isang optional list.
- Iba pang dropdown list
- Ito ay nagpapakita kung paano gumawa ng isang simple na dropdown list na may pre-selected value (pinaliwanag: ang pre-selected value ay ang预先指定的首选项).
- Text area (Textarea)
- Ito ay nagpapakita kung paano gumawa ng isang text area (maraming-linang text input control). Maaaring isulat ng user ang teksto sa text area. Wala pang limitasyon sa bilang ng mga character na pwedeng isulat sa text area.
- Gumawa ng button
- Ito ay nagpapakita kung paano gumawa ng isang button. Maaari mong i-customize ang teksto sa ibabaw ng button.
- Kahon sa paligid ng data na may pamagat
- Ito ay nagpapakita kung paano idagdag ang isang kahon na may pamagat sa paligid ng data
Mga halimbawa ng form
- Form na may input box at button ng kumpirmasyon
- Ito ay nagpapakita kung paano idagdag ang form sa pahina. Ang form na ito ay may dalawang input box at isang button ng kumpirmasyon.
- Form na may checkbox
- Ang form na ito ay may dalawang checkbox at isang button ng kumpirmasyon.
- Form na may radio button
- Ang form na ito ay may dalawang radio button at isang button ng kumpirmasyon.
- Magpadala ng email mula sa form
- Ito ay nagpapakita kung paano magpadala ng email mula sa form
例子解释
HTML 元信息 (meta) 实例
- 文档描述
- Meta 元素中的信息可以描述 HTML 文档。
- 文档关键字
- Meta 元素中的信息可以描述文档的关键词。
- 重定向
- 这个例子演示：在网址已经变更的情况下，将用户重定向到另外一个地址。
例子解释
