HTML Examples
ຕົວຢ່າງອັດຕະປັນຂອງອັດຕະປັນພາສາ HTML
- ເອກະສານ HTML ທຳມະດາ
- ການສະແດງວ່າ: ສະແບບເອກະສານ HTML ທີ່ຫຼາຍກວ່ານໍາໃຊ້ຕົວອັດຕະປັນ HTML. ມັນສະແດງວ່າວິທີການສະແດງຂອງປະກອບຂໍ້ຂອງປ້ອງກັນຕົວໃນປ້ອງກັນຕົວ body.
- ຫົວເຫນືອທຳມະດາ
- ການສະແດງວ່າ: ວິທີການສະແດງຂອງຄຳຂອງປ້ອງກັນຕົວໃນບັນດາປ້ອງກັນຕົວ.
- ຫົວເຫນືອຫຼາຍກວ່າ
- ການສະແດງບັນຫາການສະແດງຂອງບັນດາປ້ອງກັນຕົວ.
- ບັນຫາ“ຫົວເຫນືອ”
- ການສະແດງບັນຫາບາງບັນຫາຂອງການຈັດຕັ້ງ HTML。
- ການຫົວເຫນືອ
- ການສະແດງການນຳໃຊ້ການຫົວເຫນືອໃນເອກະສານ HTML。
- 标题
- 本例演示在 HTML 文档中显示标题的标签。
- 居中排列的标题
- 本例演示一个居中排列的标题。
- 水平线
- 本例演示如何插入水平线。
- 隐藏的注释
- 本例演示如何在 HTML 源代码中插入隐藏的注释。
- 背景颜色
- 本例演示如何为 HTML 页面添加背景颜色。
HTML 文本格式化实例
HTML 链接实例
- 创建超级链接
- 本例演示如何在 HTML 文档中创建链接。
- 将图像作为链接
- 本例演示如何使用图像作为链接。
- 在新的浏览器窗口打开链接
- ການເປີດໜ້າຫາການອອກມາໄປຫາບາງສ່ວນຂອງເຫດການພາຍໃນປ່າທາງສາຍຫຼັງຈາກທີ່ການເຂົ້າເຖິງຂອງຄົນຢ້ຽມຢາມຈະບໍ່ຕ້ອງອອກຈາກສະຖານທີ່ຂອງເຂົາ.
- ການທີ່ຫາການຫົວໜ້າສະແດງສຳນັກຂ່າວຫາການທີ່ຈະຕິດຕັ້ງຫາບາງສ່ວນຂອງເຫດການ.
- ການສ້າງຫົວໜ້າສະແດງການອອກມາໄປຫາບາງສ່ວນຂອງເຫດການ.
- ການອອກຈາກຮູບແບບ
- ການສ້າງຫົວໜ້າສະແດງການອອກຈາກຮູບແບບ. (ກໍລະນີນີ້ຈະເຮັດວຽກຫຼັງຈາກທີ່ຂໍ້ຄວາມບັນດາຮູບແບບຖືກບັງຄັບໃນຮູບແບບ.)
- ການສ້າງຫົວໜ້າສະແດງສຳນັກຂ່າວ
- ການສ້າງຫົວໜ້າສະແດງການສະແດງສະແດງສຳນັກຂ່າວ. (ກໍລະນີນີ້ຈະເຮັດວຽກຫຼັງຈາກທີ່ການຕິດຕັ້ງຄູ່ຄືນການສຳນັກຂ່າວ.)
- ການສ້າງຫົວໜ້າສະແດງການສະແດງສະແດງຂອງສຳນັກຂ່າວ2
- ການສ້າງຫົວໜ້າສະແດງການສະແດງສະແດງຂອງສຳນັກຂ່າວ.
ການສ້າງພະລັງງານສະແດງການພິມສະແດງສະແດງHTML.
- ຮູບແບບພະລັງງານພິມພາສາ
- ການສະແດງວິທີການສ້າງຮູບແບບພະລັງງານພິມພາສາທັງສາມບັນນາທິການ.
- ຮູບແບບພະລັງງານພິມພາສາ
- ການສະແດງວິທີການສ້າງຮູບແບບພະລັງງານພິມພາສາທັງສາມບັນນາທິການ.
- ວິທີການສ້າງ <noframes>.
- ການສະແດງວິທີການສ້າງ <noframes>.
- ການບັນຊີຕັບຕາມບັນນາທິການ
- ການສະແດງວິທີການສ້າງຕັບຕາມບັນນາທິການທີ່ມີສາມແຫຼ່ງເອກະສານທີ່ຈັບກັບກັນໃນບໍ່ດຳເນີນຢູ່ໃນເຫດການ.
- ການສ້າງຕັບຕາມບັນນາທິການທີ່ມີປະສົມ "noresize=noresize"
- ການສະແດງວິທີການສ້າງປະສົມປະສັກ "noresize". ໃນກໍລະນີນີ້ຮູບແບບບໍ່ສາມາດດັດຄວາມຂະໜາດ. ຖອນໄມ້ອາກາດຫົວໜ້າບັນນາທິການລະຫວ່າງກັນເຮັດໃຫ້ທ່ານຮູ້ວ່າບັນນາທິການບໍ່ສາມາດປ່ຽນຕົວ.
- ການບັນຊີການບັນນາທິການ
- ການສະແດງວິທີການສ້າງແບບບັນຊີການ. ແບບບັນຊີການບັນນາທິການບັນຈາລວມກັບທາງຜູ້ທີ່ເປັນເປົ້າໝາຍຂອງຮູບແບບຄັນຄົນທີສອງ. ບັນດາຫົວໜ້າ "contents.htm" ບັນດາຫົວໜ້າບັນນາທິການສາມຫົວໜ້າ.
- 内联框架
- 本例演示如何创建内联框架（HTML 页中的框架）。
- 跳转至框架内的一个指定的节
- 本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 进行标识。
- 使用框架导航跳转至指定的节
- 本例演示两个框架。左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。
HTML 表格实例
- 表格
- 这个例子演示如何在 HTML 文档中创建表格。
- 表格边框
- ຄວາມນີ້ສະແດງການຈັດການວົງກວ້າງສະໜາມ
- ສະໜາມທີ່ບໍ່ມີວົງກວ້າງ
- ຄວາມນີ້ສະແດງສະໜາມທີ່ບໍ່ມີວົງກວ້າງ
- ຫົວຂໍ້ສະໜາມ
- ຄວາມນີ້ສະແດງວິທີກໍານົດການສະແດງຫົວຂໍ້ສະໜາມ
- ສະໜາມທີ່ບໍ່ມີຂໍ້ມູນ
- ຄວາມນີ້ສະແດງວິທີກໍານົດການຈັດການສະໜາມທີ່ບໍ່ມີຂໍ້ມູນ
- ສະໜາມທີ່ມີຫົວຂໍ້
- ຄວາມນີ້ສະແດງສະໜາມທີ່ມີຫົວຂໍ້
- ສະໜາມທີ່ຫຼົງອອກຫຼືອອກຫຼາຍອັນ
- ຄວາມນີ້ສະແດງວິທີກໍານົດສະໜາມທີ່ຫຼົງອອກຫຼືອອກຫຼາຍອັນ
- ອີກຄວາມນິວສະໜາມ
- ຄວາມນີ້ສະແດງວິທີກໍານົດວັດຖຸໃນສະໜາມພາຍໃນຫຼາຍສິ່ງ
- ຄວາມຫ່າງລະຫວ່າງສະໜາມ (Cell padding)
- ຄວາມນີ້ສະແດງວິທີກໍານົດຄວາມຫ່າງລະຫວ່າງສະໜາມຫຼືກາງລະຫວ່າງບັນຊີສະໜາມແລະບາງລະຫວ່າງບັນຊີ
- ຄວາມຫ່າງລະຫວ່າງສະໜາມ (Cell spacing)
- ການເພີ່ມຄວາມຫ່າງລະຫວ່າງສະໜາມໃນຄວາມຫ່າງ
- ການເພີ່ມພາບຫຼັງສະໜາມຫຼືພາບຫຼັງສະໜາມໃຫ້ສະໜາມ
- ການເພີ່ມພາບຫຼັງສະໜາມຫຼືພາບຫຼັງສະໜາມໃຫ້ສະໜາມ
- ການເພີ່ມພາບຫຼັງສະໜາມຫຼືພາບຫຼັງສະໜາມໃຫ້ສະໜາມ
- ການເພີ່ມພາບຫຼັງສະໜາມຫຼືພາບຫຼັງສະໜາມ
- ການຈັດວັດຖຸໃນສະໜາມ
- ຄວາມນີ້ສະແດງວິທີກໍານົດວັດຖຸຂອງກາງສະໜາມວ່າໃຫ້ກາງແຜ່ນສະເພາະມີຄວາມສຳຄັນ
- ຄວາມ 'frame' (ວົງກວ້າງ)
- ການນຳໃຊ້ຄວາມ 'frame' ເພື່ອຄວຍກັບບໍລິຫານວົງກວ້າງກາງແຜ່ນສະເພາະ
ການນຳໃຊ້ HTML ລະບົບລະບາຍ
- ສະເຕັກ
- ຄວາມນີ້ສະແດງການກໍານົດລະບາຍສະເຕັກ
- ຊະນິດຕາຕະລາງ
- ຄວາມນີ້ສະແດງການກໍານົດລະບາຍຊະນິດຕາຕະລາງ
- ລະບາຍສະເຕັກ
- ຄວາມນີ້ສະແດງການກໍານົດລະບາຍສະເຕັກ
- ລະບາຍຂອງຊະນິດຕາຕະລາງ
- ຄວາມນີ້ສະແດງການກໍານົດລະບົບລະບາຍຂອງຊະນິດຕາຕະລາງ
- ລະບາຍ
- ຄວາມນີ້ສະແດງວິທີກໍານົດລະບາຍ
- ລະບາຍ 2
- ຄວາມນີ້ສະແດງການກໍານົດລະບົບລະບາຍໃນຕົວຕົນ
- ລະບົບຂໍ້ມູນ
- ຄວາມນີ້ສະແດງການກໍານົດລະບົບຂໍ້ມູນ
HTML ຟອມຂໍ້ມູນແລະການເຂົ້າຄວາມ
- 文本域(Text fields)
- 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
- 密码域
- 本例演示如何创建 HTML 的密码域。
- 复选框
- 本例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。
- 单选按钮
- 本例演示如何在 HTML 中创建单选按钮。
- 简单的下拉列表
- 本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
- 另一个下拉列表
- 本例演示如何创建一个简单的带有预选值的下拉列表。（译者注：预选值指预先指定的首选项。）
- 文本域(Textarea)
- 本例演示如何创建一个文本域（多行文本输入控件）。用户可以在文本域中写入文本。在文本域中，可写入的字符字数不受限制。
- 创建按钮
- 本例演示如何创建按钮。你可以对按钮上的文字进行自定义。
- Fieldset around data
- 本例演示如何在数据周围绘制一个带标题的框。
表单实例
- 带有输入框和确认按钮的表单
- 本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。
- 带有复选框的表单
- 此表单包含两个复选框和一个确认按钮。
- ຟອມທີ່ມີການເລືອກຕົວປະເພດ
- ຟອມທີ່ມີສອງການເລືອກຕົວປະເພດແລະຄຳການຢືນຢັນ.
- ການສົ່ງອີເມວຈາກຟອມ
- ຕົວຢ່າງທີ່ດຳເນີນການສົ່ງອີເມວຈາກຟອມ.
ຕົວຢ່າງຂອງພາບ HTML
- ການເພີ່ມພາບ
- ຕົວຢ່າງທີ່ດຳເນີນການເພີ່ມພາບໃຫ້ເວັບໄຊ.
- ການເພີ່ມພາບຈາກສະຖານທີ່ອື່ນໆ
- ຕົວຢ່າງທີ່ດຳເນີນການເພີ່ມພາບບໍລິການຈາກສະຖານທີ່ອື່ນໆຫຼືບໍລິການທີ່ບໍ່ມີ.
- ພາບບໍລິການ
- ຕົວຢ່າງທີ່ດຳເນີນການເພີ່ມພາບບໍລິການໃຫ້ເວັບໄຊ.
- ການຈັດພາບ
- ຕົວຢ່າງທີ່ດຳເນີນການຈັດພາບໃນຄຳຂອງວັດສະດຸນ.
- ການດຳເນີນການກະຕຸ້ມພາບ
- ຕົວຢ່າງທີ່ດຳເນີນການກະຕຸ້ມພາບຫຼັງຄຳຂອງວັດສະດຸນລະຫວ່າງຄຳວັດສະດຸນ.
- ການດຳເນີນການດັດແປງຂະໜາດພາບ
- ຕົວຢ່າງທີ່ດຳເນີນການດັດແປງຂະໜາດພາບ.
- ການດຳເນີນການສ້າງຂໍ້ຄວາມທີ່ຈະປະກອບຂອງພາບ
- ຕົວຢ່າງທີ່ດຳເນີນການດັດແປງພາບເປັນການສະແດງຂໍ້ຄວາມທີ່ຈະປະກອບຂອງພາບ. ເມື່ອບູຮາບເບິ່ງບໍ່ໄດ້, ການສະແດງຂໍ້ຄວາມທີ່ຈະປະກອບຂອງພາບຈະບອກກັບຜູ້ອ່ານວ່າບັນຫາທີ່ບໍ່ມີ. ເປັນການບໍ່ອອກຂໍ້ຄວາມສະແດງຂໍ້ຄວາມທີ່ຈະປະກອບຂອງພາບໃຫ້ທຸກພາບໃນເວັບໄຊມັນກໍ່ເປັນການບໍ່ດີ.
- ການດຳເນີນການສ້າງການເຊື່ອມພາບ
- ຕົວຢ່າງທີ່ດຳເນີນການດັດແປງພາບເປັນການເຊື່ອມຕໍ່.
- ການດັດແປງພາບເປັນການຕັ້ງການຕາມມາມ
- ຕົວຢ່າງຂອງການດັດແປງພາບເປັນການຕັ້ງການຕາມມາມທີ່ມີເຂດສາມາດກະຕຸ້ມໄດ້. ແຕ່ລະເຂດນັ້ນແມ່ນການເຊື່ອມຕໍ່ກັບການກະຕຸ້ມ.
- ການດັດແປງພາບເປັນການຕັ້ງການຕາມມາມ
- ຕົວຢ່າງຂອງການດັດແປງພາບປະຈຳປະຈຳພາບທີ່ບໍ່ດີເປັນການຕັ້ງການຕາມມາມ
ຕົວຢ່າງຂອງບັນຫາສີບໍລິການ HTML
- ການປະສົມບໍ່ດີຂອງບັນຫາສີບໍລິການ
- ຕົວຢ່າງຂອງການປະສົມສີບໍລິການແລະສີຂຽນທີ່ດີຫຼາຍທີ່ຈະດຳເນີນການອ່ານຂໍ້ຄວາມໃນເວັບໄຊ
- ການປະສົມບໍ່ດີຂອງບັນຫາສີບໍລິການ
- 一个背景颜色和文字颜色搭配得不好的例子，使页面中的文字难于阅读。
- 可用性强的背景图像
- 背景图像和文字颜色使页面文本易于阅读的例子。
- 可用性强的背景图像 2
- 另一个背景图像和文字颜色使页面文本易于阅读的例子。
- 可用性差的背景图像
- 背景图像和文字颜色使页面文本不易阅读的例子。
HTML 样式 (style) 实例
- HTML中的样式
- 本例演示如何使用添加到 部分的样式信息对 HTML 进行格式化。
- 没有下划线的链接
- 本例演示如何使用样式属性做一个没有下划线的链接。
- 链接到一个外部样式表
- ການເຊື່ອມຕໍ່ສະໜັບສະໜູນກົດລະບຽບທາງນອກ
ການທົດລອງ: ການເຊື່ອມຕໍ່ສະໜັບສະໜູນເອກະສານກົດລະບຽບທາງນອກຂອງ <link>.
- ການທົດລອງ HTML head (head)
- ຫົວໜ້າຂອງເອກະສານ
- ຂໍ້ມູນຫົວໜ້າບໍ່ຈະສະແດງໃນປ່ອງເວັບໂຕະ.
- ຕປະກອນ target, ທຸງທັງໝົດ
ການທົດລອງ: ການໃຊ້ຕປະກອນ base ທີ່ເຮັດໃຫ້ທຸງຂອງຫົວໜ້າທັງໝົດເປີດໃນປ່ອງເວັບໂຕະບາງ.
- ການທົດລອງ HTML meta (meta)
- ຂໍ້ມູນຂອງເອກະສານ
- ຂໍ້ມູນໃນສະຖານະການ Meta ສາມາດອະທິບາຍເອກະສານ HTML.
- ຄຳຖາມຂອງເອກະສານ
- ຂໍ້ມູນໃນສະຖານະການ Meta ສາມາດອະທິບາຍຄຳຖາມຂອງເອກະສານ.
- ການກົດດັນ
ການທົດລອງ: ການກົດດັນຜູ້ໃຊ້ໄປຫາທາງອື່ນໃນສະພາບທີ່ທາງອາຊີໄດ້ປ່ຽນໄປ.
- ການເອົາສັນຍາ (Script) HTML
- ການເອົາສັນຍາເຂົ້າໄປ
- ການທົດລອງ: ການເອົາສັນຍາເຂົ້າໄປໃນເອກະສານ HTML.
- ການທົດລອງ: ກວດກາການກະທຳຂອງສາຍອາຊີທີ່ບໍ່ສະໜັບສະໜູນສັນຍາ.
