Example HTML
HTML 基础标签实例
- 一个简单的 HTML 文件
- 这个例子是一个很简单的 HTML 文件,使用了尽可能少的 HTML 标签。它向您演示了 body 元素中的内容是如何被浏览器显示的。
- مثال دا ییلا ییی پاراگراف کاویگا کاویگا سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سанو سانو سанو س
- مثال دا ییلا ییی پاراگراف کاویگا کاویگا سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سанو سانو سانو سانو سانو س
- مثال دا ییلا ییی HTML کاویگا کاویگا سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو سانو س
- داگارا
- مثال دا ییلا ییی یانگا کاویگا ییی HTML داگارا کاویگا.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya.
Nau'iya na nau'iya
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya.
- Mara na nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan mara na nau'iya na nau'iya.
Nau'iya na nau'iya na nau'iya
- Kama ana a hanyan zuwa nau'iya
- Iwane yana nuna hakanan kama ana a hanyan zuwa nau'iya na nau'iya.
- Kama ana a hanyan zuwa nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan zuwa nau'iya na nau'iya.
- Kama ana a hanyan zuwa nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan zuwa nau'iya na nau'iya.
- Kama ana a hanyan zuwa nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan zuwa nau'iya na nau'iya na nau'iya.
- Kama ana a hanyan zuwa nau'iya
- Iwane yana nuna hakanan kama ana a hanyan zuwa nau'iya na nau'iya.
- Kama ana a hanyan nau'iya
- Iwane yana nuna hakanan kama ana a hanyan zuwa nau'iya. (Iwane yana iya a raba ana hanyan nau'iya bayan ana a raba nau'iya na nau'iya.)
- Kama ana a hanyan nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana shirin nau'iya na nau'iya.
Nau'iya na nau'iya na nau'iya
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya na nau'iya na nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana a hanyan nau'iya na nau'iya na nau'iya na nau'iya.
- Kama ana a hanyan <noframes> tag
- Iwane yana nuna hakanan kama ana a hanyan <noframes> tag.
- Nau'iya na nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana shirin nau'iya na nau'iya, ana dace ta a hanyan zuwa nau'iya na nau'iya.
- Nau'iya na nau'iya ta a hanyan gudanin nau'iya na noresize="noresize"
- Iwane yana nuna hakanan kama ana noresize. Nau'iya ta hanyan gudanin nau'iya, ana dace ta a hanyan zuwa nau'iya na nau'iya. Ina na nau'iya na nau'iya, ana dace ta a hanyan zuwa nau'iya na nau'iya.
- Nau'iya na nau'iya
- Iwane yana nuna hakanan kama ana shirin nau'iya. Nau'iya ta hanyan gudanin nau'iya, ana dace ta a hanyan zuwa nau'iya na nau'iya. Filen "contents.htm" na ana dace ta a hanyan zuwa nau'iya na nau'iya.
- Fọrmọla frame lọ́nà inlاین
- Nin kanin dama bọwọlati fọrmọla frame (frame ní HTML ìwé).
- Bọwọlati jumọlọ sí àbọ̀kọlẹ̀ tí ó jẹ́ àwọn lọ́tọ̀ ní frame.
- Nin kanin dama bọwọlati àwọn frame méjì. Ọwọ́ àkọ́kọ́ frame ní àwọn àbọ̀kọlẹ̀ ìlànà àbọ̀kọlẹ̀, àwọn ìlànà yìí ní àwọn àbọ̀kọlẹ̀ tí ó jẹ́ àwọn lọ́tọ̀ láti ṣe àwọn frame méjì. Àwọn frame méjì yóò gbé fọrmọla tí ó jẹ́ àwọn lọ́tọ̀.
- Bọwọlati frame láti jumọlọ sí àbọ̀kọlẹ̀ tí ó jẹ́ àwọn lọ́tọ̀.
- Nin kanin dama bọwọlati àwọn frame méjì. Ọwọ́ àkọ́kọ́ frame ní àwọn àbọ̀kọlẹ̀ ìlànà àbọ̀kọlẹ̀, àwọn ìlànà yìí ní àwọn àbọ̀kọlẹ̀ tí ó jẹ́ àwọn lọ́tọ̀ láti ṣe àwọn frame méjì. Àwọn frame méjì yóò gbé fọrmọla tí ó jẹ́ àwọn lọ́tọ̀.
HTML àwọn àbọ̀kọlẹ̀ fọrmọla
- Àwọn àbọ̀kọlẹ̀ fọrmọla
- Nin kanin dama bọwọlati fọrmọla láti ṣe àwọn àbọ̀kọlẹ̀ ní HTML àkọsílẹ̀.
- Àbọ̀kọlẹ̀ fọrmọla
- Nin kanin dama àwọn àbọ̀kọlẹ̀ fọrmọla tó jẹ́ àwọn lọ́tọ̀.
- Fọrmọla tí kò ní àbọ̀kọlẹ̀ àlọsẹ
- Fọrmọla tí kò ní àbọ̀kọlẹ̀ àlọsẹ.
- Àbọ̀kọlẹ̀ àlọsẹ fọrmọla(Heading)
- Nin kanin dama bọwọlati àbọ̀kọlẹ̀ àlọsẹ fọrmọla.
- Àbọ̀kọlẹ̀ tí kò ní àwọn àwọn lọ́tọ̀
- Nin kanin dama bọwọlati " " láti ṣe àtúnṣe àwọn àbọ̀kọlẹ̀ tí kò ní àwọn àwọn lọ́tọ̀.
- Fọrmọla tó a ya àbọ̀kọlẹ̀ àlọsẹ
- Fọrmọla tó a ya àbọ̀kọlẹ̀ àlọsẹ.
- Àwọn àbọ̀kọlẹ̀ tó jẹ́ àwọn lọ́tọ̀ tàbí àwọn àbọ̀kọlẹ̀ tó jẹ́ àwọn lọ́tọ̀
- Nin kanin dama bọwọlati àwọn àbọ̀kọlẹ̀ láti ṣe àwọn àbọ̀kọlẹ̀ tó jẹ́ àwọn lọ́tọ̀ tàbí àwọn àbọ̀kọlẹ̀ tó jẹ́ àwọn lọ́tọ̀.
- Àbọ̀kọlẹ̀ ní fọrmọla
- Nin kanin dama bọwọlati àwọn àbọ̀kọlẹ̀ láti ṣe àwọn àbọ̀kọlẹ̀ ní àwọn àwọn lọ́tọ̀.
- Àbọ̀kọlẹ̀ àwọn àbọ̀kọlẹ̀(Cell padding)
- Nin kanin dama bọwọlati Cell padding láti ṣe àtúnṣe àwọn àbọ̀kọlẹ̀ láti ṣe àwọn àbọ̀kọlẹ̀ láàárín àwọn àbọ̀kọlẹ̀.
- Àbọ̀kọlẹ̀ àwọn àbọ̀kọlẹ̀(Cell spacing)
- Ṣe àtúnṣe àwọn àbọ̀kọlẹ̀ láti ṣe àwọn àbọ̀kọlẹ̀ ní àwọn àbọ̀kọlẹ̀ tó jẹ́ àwọn lọ́tọ̀.
- Ṣe àtúnṣe àwọn àbọ̀kọlẹ̀ láti ṣe àwọn àbọ̀kọlẹ̀ ní àwọn àbọ̀kọlẹ̀ tó jẹ́ àwọn lọ́tọ̀ tàbí àwọn àwòrán àbọ̀kọlẹ̀.
- Ṣe àtúnṣe àwọn àbọ̀kọlẹ̀ láti ṣe àwọn àbọ̀kọlẹ̀ ní àwọn àbọ̀kọlẹ̀ tó jẹ́ àwọn lọ́tọ̀ tàbí àwọn àwòrán àbọ̀kọlẹ̀.
- Ṣe àtúnṣe àwọn àbọ̀kọlẹ̀ láti ṣe àwọn àbọ̀kọlẹ̀ ní àwọn àbọ̀kọlẹ̀ tó jẹ́ àwọn lọ́tọ̀ tàbí àwọn àwòrán àbọ̀kọlẹ̀.
- Ṣe àtúnṣe àwọn àbọ̀kọlẹ̀ láti ṣe àwọn àbọ̀kọlẹ̀ ní àwọn àbọ̀kọlẹ̀ tó jẹ́ àwọn lọ́tọ̀.
- Ṣe àtúnṣe àwọn àbọ̀kọlẹ̀ láti ṣe àwọn fọrmọla tó jẹ́ àwọn lọ́tọ̀ láàárín àwọn àbọ̀kọlẹ̀
- Nin kanin dama bọwọlati "align" àtúnṣe àwọn àbọ̀kọlẹ̀ láti ṣe àtúnṣe àwọn àbọ̀kọlẹ̀ láti ṣe àwọn fọrmọla tó jẹ́ àwọn lọ́tọ̀.
- Àgbékalẹ̀ frame(frame) àtúnṣe
- Nin kanin dama bọwọlati "frame" àgbékalẹ̀ láti ṣe àtúnṣe àwọn àbọ̀kọlẹ̀ àyọkà fọrmọla.
HTML fọrmọla lọ́tọ̀
- Fọrmọla tó a ya ọ̀nà àìpọ̀p
- Nin kanin dama fọrmọla tó a ya ọ̀nà àìpọ̀p.
- Fọrmọla tó a ya ọ̀nà pọ̀pọ
- Nin kanin dama fọrmọla tó a ya ọ̀nà pọ̀pọ.
- Fọrmọla tó a ya ọ̀nà àìpọ̀pọ tó jẹ́ àwọn lọ́tọ̀
- Nin kanin dama fọrmọla tó a ya ọ̀nà àìpọ̀pọ.
- Fọrmọla tó a ya ọ̀nà tó jẹ́ àwọn lọ́tọ̀
- Nin kanin dama fọrmọla tó a ya ọ̀nà tó jẹ́ àwọn lọ́tọ̀.
- Fọrmọla tó a ya fọrọkọ
- Nin kanin dama bọwọlati ya fọrmọla tó a ya fọrọkọ.
- Fọrmọla tó a ya fọrọkọ 2
- Nin kanin dama fọrmọla tó a ya fọrọkọ pọjọ.
- Fọrmọla tó a ya fọrọkọ
- Nin kanin dama fọrmọla tó a ya fọrọkọ.
HTML fọrmọla da aṣọpọlọ
- 文本域(Text fields)
- 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
- 密码域
- 本例演示如何创建 HTML 的密码域。
- 复选框
- 本例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。
- 单选按钮
- 本例演示如何在 HTML 中创建单选按钮。
- 简单的下拉列表
- 本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
- 另一个下拉列表
- 本例演示如何创建一个简单的带有预选值的下拉列表。(译者注:预选值指预先指定的首选项。)
- 文本域(Textarea)
- 本例演示如何创建一个文本域(多行文本输入控件)。用户可以在文本域中写入文本。在文本域中,可写入的字符字数不受限制。
- 创建按钮
- 本例演示如何创建按钮。你可以对按钮上的文字进行自定义。
- Fieldset around data
- 本例演示如何在数据周围绘制一个带标题的框。
表单实例
- 带有输入框和确认按钮的表单
- 本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。
- 带有复选框的表单
- 此表单包含两个复选框和一个确认按钮。
- 带有单选按钮的表单
- 此表单包含两个单选框和一个确认按钮。
- 从表单发送电子邮件
- 此例演示如何从表单发送电子邮件。
HTML 图像实例
- 插入图像
- 本例演示如何在网页中显示图像。
- 从不同的位置插入图片
- 本例演示如何将其他文件夹或服务器的图片显示到网页中。
- 背景图片
- 本例演示如何向 HTML 页面添加背景图片。
- 排列图片
- 本例演示如何在文字中排列图像。
- 浮动图像
- 本例演示如何使图片浮动至段落的左边或右边。
- 调整图像尺寸
- 本例演示如何将图片调整到不同的尺寸。
- 为图片显示替换文本
- 本例演示如何为图片显示替换文本。在浏览器无法载入图像时,替换文本属性告诉读者们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。
- samar da ɗanɗi samarwa
- shafi ɗanɗi ya nuna sannan ya ɗauki wani ɗanɗi dama zuwa ɗanɗi samarwa.
- baɗi zuwa ɗanɗi mapu
- shafi ɗanɗi ya nuna sannan ya ɗauki wani ɗanɗi dama zuwa ɗanɗi mapu, kuma ɗanɗi kowane yana ɗauki wani ɗanɗi samarwa. kowane ɗanɗi samarwa yana ɗauki ɗanɗi samarwa.
- baɗi zuwa ɗanɗi mapu
- shafi ɗanɗi ya nuna sannan ya ɗauki wani ɗanɗi dama zuwa ɗanɗi mapu.
shafi HTML baɗi
- baɗi keɗa dama dama
- ɗanɗi kumaɗo baɗi weɗa da kumaɗo kura, wanda ya saɗaɗaɗa alama cikin yadda ɗan ɗanɗi a cikin wasan kwaikwayo.
- baɗi keɗa dama dama
- 一个背景颜色和文字颜色搭配得不好的例子,使页面中的文字难于阅读。
- 可用性强的背景图像
- 背景图像和文字颜色使页面文本易于阅读的例子。
- 可用性强的背景图像 2
- 另一个背景图像和文字颜色使页面文本易于阅读的例子。
- 可用性差的背景图像
- 背景图像和文字颜色使页面文本不易阅读的例子。
Tsarin kudade na kula (style) na HTML
- Kudade na kula na likita na HTML
- Wannan ce mai gani: Hakanan ana iya amfani da kudade na kula da kai watsa a cikin <head> domin kai amfani da kudade na kula da likita na HTML.
- Kudade na waje da ba su da tsarin kula
- Wannan ce mai gani: Hakanan ana iya amfani da tsarin kula da kudade na <a> domin kai wa kudade na waje da ba su da tsarin kula.
- Kai watsa wani kudade na tsarin kula na waje
- Wannan ce mai gani: Hakanan ana iya amfani da tsarin <link> don kai watsa wani kudade na tsarin kula na waje.
Tsarin kudade na head (head) na HTML
- Kudade na dokoki na dokoki
- Ma'ana na kudade na kudade na head na dokoki ba za a iya gani a cikin tsohuwar browsers ba.
- Tsarin target, duk kudade na <a>
- Wannan ce mai gani: Hakanan ana iya amfani da tsarin base don kai wa kudade na <a> na kai watsa a cikin tsohuwar wanda zai iya tsamun kan tsohuwar wanda zai iya zama.
Tsarin ma'ana na likita na meta (meta) na HTML
- Bayyana dokoki
- Ma'ana na kudade a cikin ma'ana na Meta za a iya bayyana dokoki na likita na HTML.
- Kudade na dokoki
- Ma'ana na kudade a cikin ma'ana na Meta za a iya bayyana kudade na rarrabawar rarraba na dokoki.
- Tsarin ma'ana na Meta
- Tsamun kan wani hanyar gaba
Wannan ce mai gani: Bayan ƙasashen yanar gizo su yi watsa, ana iya tsamun kan wani hanyar gaba.
- Tsarin kudade na script (Script) na HTML
- Rarraba kudade na script
- Rarraba kudade na script a cikin browsers da ba su taɗaɗa kudade na script ba
- Wannan ce mai gani na cewa: Hakanan ana iya tashi wa browsers da ba su taɗaɗa kudade na script ba.