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