HTML Examples

  • ການໄປຫນ້າຕົ້ນ HTML5 SSE
  • ການໄປຕໍ່ຫນ້າຕໍ່ໄປ HTML Quiz

ຄວາມນຳໃຊ້ອີກອີກທີ່ກໍາລັງ HTML

ເອກະສານ HTML ທີ່ງາມ
ບົດການສະແດງນີ້ແມ່ນເອກະສານ HTML ທີ່ສັບສົນກວ່າຫຼາຍໃນການນຳໃຊ້ແນວໄຂ HTML. ມັນສະແດງໃຫ້ເຈົ້າເຫັນວິທີທີ່ສັງການຂອງປະກອບ body ຖືກສະແດງໂດຍສານອານຸຮັກສາຊາວ.
ການສີນລະບາຍທີ່ງາມ
ບົດການສະແດງ: ວິທີການທີ່ຂີ່ຕົວຄວາມຂອງປະກອບສີນລະບາຍຖືກສະແດງໂດຍສານອານຸຮັກສາຊາວ.
ການສະແດງຫຼາຍກວ່າການສີນລະບາຍ
ບົດການສະແດງບັນຫາພະຍາຍາມທີ່ພົບໃນປະກອບຕົວສີນລະບາຍ
ບັນຫາການສັນຍານ
ບົດການສະແດງບັນຫາບາງຄວາມຜິດພາດຂອງ HTML。
ການກະຈາຍ
ບົດການສະແດງຄວາມນຳໃຊ້ຂອງການກະຈາຍມາຍໃນເອກະສານ HTML。
标题
本例演示在 HTML 文档中显示标题的标签。
居中排列的标题
本例演示一个居中排列的标题。
水平线
本例演示如何插入水平线。
隐藏的注释
本例演示如何在 HTML 源代码中插入隐藏的注释。
背景颜色
本例演示如何为 HTML 页面添加背景颜色。

ການອະທິບາຍຄວາມຄົນ

HTML 文本格式化实例

文本格式化
此例演示如何在一个 HTML 文件中对文本进行格式化
预格式文本
此例演示如何使用 pre 标签对空行和空格进行控制。
“计算机输出”标签
此例演示不同的“计算机输出”标签的显示效果。
地址
此例演示如何在 HTML 文件中写地址。
缩写和首字母缩写
此例演示如何实现缩写或首字母缩写。
文字方向
此例演示如何改变文字的方向。
块引用
此例演示如何实现长短不一的引用语。
删除字效果和插入字效果
此例演示如何标记删除文本和插入文本。

ການອະທິບາຍຄວາມຄົນ

HTML 链接实例

创建超级链接
本例演示如何在 HTML 文档中创建链接。
ການມຸ່ງໃສ່ວາງການນຳທາງທີ່ມີພາບ
ການສະແດງວ່າຈະມຸ່ງໃສ່ວາງການນຳທາງທີ່ມີພາບ.
ການເປີດວາງການນຳທາງໃນປ່ອງວາງສະເໜີບານບານ
ການສະແດງວ່າຈະເປີດເວັບໄຊໃນປ່ອງວາງສະເໜີບານບານ, ດັ່ງນັ້ນຜູ້ເຂົ້າຫາຈະບໍ່ຕ້ອງອອກຈາກຫຼັງສຳນັກງານຂອງເຈົ້າ.
ການມຸ່ງໃສ່ວາງການນຳທາງໄປຫາບົດຊອງອີກບົດຊອງໃນຫົວໜ້າດຽວ
ການສະແດງວ່າຈະມຸ່ງໃສ່ວາງການນຳທາງໄປຫາບົດຊອງອີກບົດຊອງໃນຫົວໜ້າດຽວ.
ການປິດວາງການນຳທາງ
ການສະແດງວ່າຈະປິດວາງການນຳທາງ, ຖ້າຫົວໜ້າຂອງເຈົ້າຖືກປ້ອງກັນໃນວາງການນຳທາງ.
ການສ້າງວາງການນຳທາງ
ການສະແດງວ່າຈະມຸ່ງໃສ່ວາງການນຳທາງໄປຫາຫົວໜ້າຫົວໜ້າອີກ. (ການດັງກັບບົດຊອງຈະມີຜົນຢູ່ຫຼັງຈາກຖືກຕິດຕັ້ງຄວາມພະຍາຍາມອີກ.)
ການສ້າງວາງການນຳທາງອີກ 2
ການສະແດງວ່າຈະສ້າງວາງການນຳທາງອີກທີ່ສັບສົນ.

ການອະທິບາຍຄວາມຄົນ

ການສະແດງວັນນະຄະດີ HTML ວາງການນຳທາງ

ວາງການນຳທາງພາຍໃນບົດຊອງ
ການສະແດງ: ວິທີການສ້າງວາງການນຳທາງພາຍໃນບົດຊອງທີ່ມີທາງພອງ.
ວາງການນຳທາງພາຍໃນບົດຊອງ
ການສະແດງ: ວິທີການສ້າງວາງການນຳທາງພາຍໃນບົດຊອງທີ່ມີສາມບົດຊອງ.
ວິທີການນຳໃຊ້ <noframes> ອີກ
ການສະແດງ: ວິທີການນຳໃຊ້ <noframes> ອີກ.
ວາງການນຳທາງທີ່ປ່ຽນຕົວພາຍໃນວາງການນຳທາງ
ການສະແດງວ່າຈະສ້າງວາງການນຳທາງທີ່ມີສາມເອກະສານ, ແລະຈະປ່ຽນຕົວມັນພາຍໃນບ່ອນທີ່ມີວາງການນຳທາງ.
ວາງການນຳທາງທີ່ມີຄວາມບໍ່ສາມາດດັດຄວາມຂະໜາດ "noresize=noresize"
ການສະແດງວ່າຈະສ້າງວາງການນຳທາງທີ່ມີຄວາມບໍ່ສາມາດດັດຄວາມຂະໜາດ. ຖ້າເຈົ້າຖົກຖຽງມືຂອງມັນຫຼາຍທາງທີ່ມີວາງການນຳທາງທີ່ມີກາງກັບກັນ, ເຈົ້າຈະພົບວ່າວາງກາງບໍ່ສາມາດປ່ຽນຕົວຕອນ.
ວາງການນຳທາງ
ການສະແດງວ່າຈະສ້າງວາງການນຳທາງ. ວາງການນຳທາງບັນຈຸວາງທີ່ມີເປົ້າໝາຍທີ່ຈະມຸ່ງໃສ່ວາງການນຳທາງທີສອງ. ບົດຊອງທີ່ຊື່ "contents.htm" ມີວາງທີ່ສາມ.
内联框架
本例演示如何创建内联框架(HTML 页中的框架)。
跳转至框架内的一个指定的节
本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 进行标识。
使用框架导航跳转至指定的节
本例演示两个框架。左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。

ການອະທິບາຍຄວາມຄົນ

HTML 表格实例

表格
这个例子演示如何在 HTML 文档中创建表格。
表格边框
本例演示各种类型的表格边框。
没有边框的表格
本例演示一个没有边框的表格。
表格中的表头(Heading)
本例演示如何显示表格表头。
空单元格
本例展示如何使用 " " 处理没有内容的单元格。
带有标题的表格
本例演示一个带标题 (caption) 的表格
跨行或跨列的表格单元格
本例演示如何定义跨行或跨列的表格单元格。
表格内的标签
本例演示如何显示在不同的元素内显示元素。
单元格边距(Cell padding)
本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。
单元格间距(Cell spacing)
本例演示如何使用 Cell spacing 增加单元格之间的距离。
向表格添加背景颜色或背景图像
本例演示如何向表格添加背景。
向表格单元添加背景颜色或者背景图像
ຈັດການສັນຍາວັດທະນະທຳທີ່ຈະສະແດງວ່າກາງກາງການສະແດງ
ຈັດການສັນຍາວັດທະນະທຳຂອງຂັ້ນໃນກາງການສະແດງ
ຄື່ນນີ້ສະແດງວ່າບາງວິທີທີ່ຈະນຳໃຊ້ "align" ທີ່ຈະຈັດການສັນຍາວັດທະນະທຳຂອງຂັ້ນຂອງກາງການສະແດງ
ປະສົມປະກອບ frame(frame)ທີ່ຈະຄວບຄຸມການບໍ່ມີບໍລິເວນທີ່ອ້ອມຮອບກາງການສະແດງ
ຄື່ນນີ້ສະແດງວ່າບາງວິທີທີ່ຈະນຳໃຊ້ "frame" ທີ່ຈະຄວບຄຸມການບໍ່ມີບໍລິເວນທີ່ອ້ອມຮອບກາງການສະແດງ

ການອະທິບາຍຄວາມຄົນ

ລາຍການ HTML

ລາຍການທີ່ບໍ່ມີອັນຕະລາງ
ຄື່ນນີ້ສະແດງການສະແດງລາຍການທີ່ບໍ່ມີອັນຕະລາງ
ລາຍການທີ່ມີອັນຕະລາງ
ຄື່ນນີ້ສະແດງການສະແດງລາຍການທີ່ມີອັນຕະລາງ
ບັນດາຮູບແບບຂອງລາຍການທີ່ບໍ່ມີອັນຕະລາງ
ຄື່ນນີ້ສະແດງການສະແດງລາຍການທີ່ບໍ່ມີອັນຕະລາງ
ບັນດາຮູບແບບຂອງລາຍການທີ່ມີອັນຕະລາງ
ຄື່ນນີ້ສະແດງການສະແດງທີ່ມີບາງບັນດາຮູບແບບຂອງລາຍການທີ່ມີອັນຕະລາງ
ພັດພາບ
ຄື່ນນີ້ສະແດງວ່າບາງວິທີທີ່ຈະພັດພາບ
ພັດພາບ 2
ຄື່ນນີ້ສະແດງການສະແດງທີ່ມີການພັດພາບ
ອັດສະຕັນ
ຄື່ນນີ້ສະແດງການສະແດງອີກທີ່ມີການອັດສະຕັນ

ການອະທິບາຍຄວາມຄົນ

HTML ຟອມຮູບແລະການເຂົ້າຄໍາອອກ

文本域(Text fields)
本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
密码域
本例演示如何创建 HTML 的密码域。
复选框
本例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。
单选按钮
本例演示如何在 HTML 中创建单选按钮。
简单的下拉列表
本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
另一个下拉列表
本例演示如何创建一个简单的带有预选值的下拉列表。(译者注:预选值指预先指定的首选项。)
文本域(Textarea)
本例演示如何创建一个文本域(多行文本输入控件)。用户可以在文本域中写入文本。在文本域中,可写入的字符字数不受限制。
创建按钮
本例演示如何创建按钮。你可以对按钮上的文字进行自定义。
Fieldset around data
本例演示如何在数据周围绘制一个带标题的框。

ຕົວຢ່າງບັນດາບັນຫານີ້

ຫົວໜ້າທີ່ມີບັນດາບັນຫານີ້
ຫົວໜ້າທີ່ຈະເພີ່ມຫົວໜ້າຈາກຄູ່ມູນຂອງບັນດາບັນຫານີ້
ຫົວໜ້າທີ່ມີກົດແຄຼການການຕອບຄຳຖາມ
ຫົວໜ້າທີ່ມີສອງກົດແຄຼການການຕອບຄຳຖາມຫຼືກົດແຄຼການຢືນຢັນ
ຫົວໜ້າທີ່ມີກົດແຄຼການຕອບຄຳຖາມ
ຫົວໜ້າທີ່ມີສອງກົດແຄຼການຕອບຄຳຖາມຫຼືກົດແຄຼການຢືນຢັນ
ສົ່ງອີເມວຈາກຫົວໜ້າ
ຕົວຢ່າງຂອງບັນດາບັນຫານີ້ທີ່ຈະສົ່ງອີເມວຈາກຫົວໜ້າ

ການອະທິບາຍຄວາມຄົນ

ຕົວຢ່າງບັນດາບັນຫານີ້ HTML

ເພີ່ມພາບ
ຕົວຢ່າງຂອງບັນດາບັນຫານີ້ທີ່ຈະສ້າງພາບໃນເວັບໄຊ
ເພີ່ມພາບຈາກສະຖານທີ່ອື່ນໆ
ຕົວຢ່າງຂອງບັນດາບັນຫານີ້ທີ່ຈະເພີ່ມພາບວັດຖຸຈາກສະຖານທີ່ອື່ນໆຫຼືຖານອຸທອນອື່ນໆ
ພາບວັດຖຸຫຼັງ
ຕົວຢ່າງຂອງບັນດາບັນຫານີ້ທີ່ຈະເພີ່ມພາບວັດຖຸຫຼັງໃນເວັບໄຊ
ຈັດພາບ
ຕົວຢ່າງຂອງບັນດາບັນຫານີ້ທີ່ຈະຈັດພາບໃນຄວາມທີ່ຈະປະກອບຂອງຄວາມຂັດແຍ່ງ
ພາບທີ່ສາມາດຂື້ນຫຼັງ
ຕົວຢ່າງຂອງບັນດາບັນຫານີ້ທີ່ຈະສ້າງພາບທີ່ຂື້ນຫຼັງຄອມພິມຂອງຄວາມຂັດແຍ່ງຫຼືຫຼັງທີ່ທີ່ບັນດາບັນຫານີ້
ດັດຄວາມຂະໜາດຂອງພາບ
ຕົວຢ່າງຂອງບັນດາບັນຫານີ້ທີ່ຈະດັດຄວາມຂະໜາດຂອງພາບ
ສ້າງພາບທີ່ສະແດງຄຳຂັດແຍ່ງ
ຕົວຢ່າງຂອງບັນດາບັນຫານີ້ທີ່ຈະສ້າງພາບທີ່ສາມາດສະແດງຂອງຄຳຂັດແຍ່ງ
ສ້າງພາບການນຳໃຊ້
ຕົວຢ່າງຂອງບັນດາບັນຫານີ້ທີ່ຈະສ້າງພາບການນຳໃຊ້
ສ້າງພາບການນຳໃຊ້
ຕົວຢ່າງຂອງບັນດາບັນຫານີ້ທີ່ຈະສ້າງພາບການນຳໃຊ້ທີ່ມີເຂດທີ່ສາມາດກົດລະບຽບ
ບໍ່ສ້າງພາບການນຳໃຊ້
ຕົວຢ່າງຂອງບັນດາບັນຫານີ້ທີ່ຈະສ້າງພາບພາບການນຳໃຊ້

ການອະທິບາຍຄວາມຄົນ

ຕົວຢ່າງບັນດາບັນຫານີ້ HTML

ບໍລິການບັນດາບັນຫານີ້ທີ່ຕົກຕໍ່ກັບສີກະຈັດ
ຕົວຢ່າງຂອງບໍລິການບັນດາບັນຫານີ້ທີ່ການຕົກຕໍ່ກັບສີການກະຈາຍ
ບໍ່ຕົກຕໍ່ກັບບໍລິການບັນດາບັນຫານີ້
一个背景颜色和文字颜色搭配得不好的例子,使页面中的文字难于阅读。
可用性强的背景图像
背景图像和文字颜色使页面文本易于阅读的例子。
可用性强的背景图像 2
另一个背景图像和文字颜色使页面文本易于阅读的例子。
可用性差的背景图像
背景图像和文字颜色使页面文本不易阅读的例子。

ການອະທິບາຍຄວາມຄົນ

HTML 样式 (style) 实例

HTML中的样式
本例演示如何使用添加到 部分的样式信息对 HTML 进行格式化。
没有下划线的链接
本例演示如何使用样式属性做一个没有下划线的链接。
链接到一个外部样式表
本例演示如何 标签链接到一个外部样式表。

ການອະທິບາຍຄວາມຄົນ

ການສະແດງ: ການນໍາໃຊ້ <link> ທີ່ເຊື່ອມກັບແບບການວຽງສະເພາະຂອງບັນຊີບາດີໂລອື່ນ.

ຫົວໜ້າເອກະສາດ
ຂໍ້ມູນຫົວໜ້າບໍ່ຈະສະແດງໃນປ່ອງບາດີໂລ.
ຕົວແທນ target, ທັງໝົດການເຊື່ອມ
ການສະແດງ: ການນໍາໃຊ້ຕົວແທນ base ທີ່ເປັນໄປໃຫ້ທັງໝົດຕົວແທນໃນປ່ອງໃໝ່.

ການອະທິບາຍຄວາມຄົນ

ຄວາມຄົນ HTML (meta) ອີງຕາມຄວາມ.

ຄວາມອະທິບາຍເອກະສາດ
ຂໍ້ມູນໃນເອມເອກສະມາຊິກສາມາດອະທິບາຍເອກະສາດ HTML.
ຄຳປະໂຫຍດເອກະສານ
ຂໍ້ມູນໃນເອມເອກສະມາຊິກສາມາດອະທິບາຍຄຳປະໂຫຍດຂອງເອກະສານ.
ການກົດກັນ
ການອະທິບາຍ: ການປ່ຽນສະຖານທີ່ຂອງຜູ້ນຳພາຍໃນຫລັງຈາກການປ່ຽນສະຖານທີ່.

ການອະທິບາຍຄວາມຄົນ

ຄວາມຄົນ HTML (Script) ອີງຕາມຄວາມ.

ການເພີ່ມສະຕິກັບ HTML
ການເພີ່ມສະຕິກັບ HTML ຂັ້ນການ.
ການເຕີບພັດທະນາໃນບັນຊີບາດີໂລທີ່ບໍ່ສະໜັບສະໜຸນສະຕິກັບ.
ການສະແດງ: ການຕໍ່ຕ້ານບັນຊີບາດີໂລທີ່ບໍ່ສະໜັບສະໜຸນສະຕິກັບ.

ການອະທິບາຍຄວາມຄົນ

  • ການໄປຫນ້າຕົ້ນ HTML5 SSE
  • ການໄປຕໍ່ຫນ້າຕໍ່ໄປ HTML Quiz