HTML 实例
- ముందు పేజీ హెచ్టిఎంఎల్5 ఎస్ఎస్ఇ
- తరువాత పేజీ HTML 测验
హెచ్ఎంఎల్ బేసిక్ టాగ్స్ ఉదాహరణ
- ఒక సాధారణ హెచ్ఎంఎల్ ఫైల్
- ఈ ఉదాహరణ చాలా తక్కువ హెచ్ఎంఎల్ టాగ్స్ వినియోగించే ఒక సాధారణ హెచ్ఎంఎల్ ఫైల్ ఉంది. ఇది బాడీ ఎలిమెంట్లో ప్రదర్శించబడే విషయాలను బ్రౌజర్ ద్వారా ప్రదర్శిస్తుంది.
- సాధారణ ప్యారాగ్రాఫ్
- ఈ ఉదాహరణ ప్యారాగ్రాఫ్ ఎలిమెంట్లో పదవులు బ్రౌజర్ ద్వారా ఎలా ప్రదర్శించబడతాయి అన్నది ప్రదర్శిస్తుంది.
- మరిన్ని ప్యారాగ్రాఫ్స్
- ఈ ఉదాహరణ ప్యారాగ్రాఫ్ ఎలిమెంట్ల కొన్ని డిఫాల్ట్ ప్రవర్తనలను ప్రదర్శిస్తుంది.
- “కవిత ప్రశ్న”
- ఈ ఉదాహరణ హెచ్ఎంఎల్ ఫార్మట్టింగ్ కొన్ని సమస్యలను ప్రదర్శిస్తుంది.
- క్రియాశీలత
- ఈ ఉదాహరణ హెచ్ఎంఎల్ డాక్యుమెంట్లో క్రియాశీలత వినియోగాన్ని ప్రదర్శిస్తుంది.
- 标题
- 本例演示在 HTML 文档中显示标题的标签。
- 居中排列的标题
- 本例演示一个居中排列的标题。
- 水平线
- 本例演示如何插入水平线。
- 隐藏的注释
- 本例演示如何在 HTML 源代码中插入隐藏的注释。
- 背景颜色
- 本例演示如何为 HTML 页面添加背景颜色。
HTML 文本格式化实例
HTML 链接实例
- హైపర్ లింక్ ఉదాహరణ
- హైపర్ లింకులను సృష్టించడం
- చిత్రాలను లింకులుగా చేయడం
- చిత్రాలను లింకులుగా ఉపయోగించడం
- కొత్త బ్రౌజర్ విండోలో లింకులను తెరిచడం
- ఒక కొత్త బ్రౌజర్ విండోలో పేజీని తెరిచి వచ్చేలా చేయడం
- ఒకే పేజీలో వివిధ భాగాలకు లింకులను చేయడం
- డాక్యుమెంట్ యొక్క మరొక భాగానికి లింకులను ఎలా జాప్యం చేయాలను ఈ ఉదాహరణ ప్రదర్శిస్తుంది.
- ఫ్రేమ్ బయటకు బయటపడడం
- మీ పేజీ ఫ్రేమ్ లోకి బయటపడడాన్ని ఈ ఉదాహరణ ప్రదర్శిస్తుంది.
- మెయిల్ లింకులను సృష్టించడం
- మెయిల్ కు లింకులను ఎలా చేయాలను ఈ ఉదాహరణ ప్రదర్శిస్తుంది. (ఈ ఉదాహరణ మెయిల్ కెంట్రోల్ ప్రోగ్రామ్ సంస్థాపించబడిన తర్వాత పని చేస్తుంది.)
- మెయిల్ లింకులను సృష్టించడం 2
- మరింత క్లిష్టమైన మెయిల్ లింకులను ప్రదర్శిస్తుంది.
HTML ఫ్రేమ్ ఉదాహరణ
- పొడిన ఫ్రేమ్
- మూడు వివిధ డాక్యుమెంట్లను ఉపయోగించి పొడిన ఫ్రేమ్ తయారు చేయడాన్ని ఈ ఉదాహరణ ప్రదర్శిస్తుంది.
- హరిదిన ఫ్రేమ్
- మూడు వివిధ డాక్యుమెంట్లను ఉపయోగించి హరిదిన ఫ్రేమ్ తయారు చేయడాన్ని ఈ ఉదాహరణ ప్రదర్శిస్తుంది.
- నోఫ్రేమ్ టాగ్ ను ఎలా ఉపయోగించాలి
- ఈ ఉదాహరణలో నోఫ్రేమ్ టాగ్ ను ఎలా ఉపయోగించాలను ప్రదర్శిస్తుంది.
- మిశ్రమ ఫ్రేమ్ స్ట్రక్చర్
- మూడు డాక్యుమెంట్లను కలిగి ఉండే ఫ్రేమ్ స్ట్రక్చర్ తయారు చేయడాన్ని ఈ ఉదాహరణ ప్రదర్శిస్తుంది. వాటిని వరుసలు మరియు నరములలో కలపడం జరుగుతుంది.
- నోరెజైజ్ అట్రిబ్యూట్ ఉన్న ఫ్రేమ్ స్ట్రక్చర్
- ఈ ఉదాహరణ నోరెజైజ్ అట్రిబ్యూట్ ను ప్రదర్శిస్తుంది. ఈ ఉదాహరణలో ఫ్రేమ్ అక్షరాంశం సరికొరికి అనువర్తించబడలేదు. ఫ్రేమ్ సరిహద్దులపై మౌస్ ను కొట్టి నడిపించినప్పుడు, సరిహద్దులు కదలబడలేదు అని మీరు గమనించవచ్చు.
- నేవిగేషన్ ఫ్రేమ్
- ఈ ఉదాహరణ నేవిగేషన్ ఫ్రేమ్ తయారు చేయడాన్ని ప్రదర్శిస్తుంది. నేవిగేషన్ ఫ్రేమ్ కుడి ఫ్రేమ్ గా ఉండే లింకుల జాబితాను కలిగి ఉంటుంది. "contents.htm" ఫైల్ మూడు లింకులను కలిగి ఉంటుంది.
- 内联框架
- 本例演示如何创建内联框架（HTML 页中的框架）。
- 跳转至框架内的一个指定的节
- 本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 进行标识。
- 使用框架导航跳转至指定的节
- 本例演示两个框架。左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。
HTML 表格实例
- 表格
- 这个例子演示如何在 HTML 文档中创建表格。
- 表格边框
- 本例演示各种类型的表格边框。
- 没有边框的表格
- 本例演示一个没有边框的表格。
- 表格中的表头(Heading)
- 本例演示如何显示表格表头。
- 空单元格
- 本例展示如何使用 " " 处理没有内容的单元格。
- క్యాప్షన్ ఉన్న పట్టిక
- క్యాప్షన్ ఉన్న పట్టిక నిర్వహిస్తుంది.
- క్రమబద్ధ లేదా అనక్రమ పట్టిక క్లాస్ కంటెంట్స్
- ఈ ఎక్సామ్ప్లే క్రమబద్ధ లేదా అనక్రమ పట్టిక క్లాస్ కంటెంట్స్ నిర్వహిస్తుంది.
- పట్టికలో టాగ్స్
- వివిధ అంశాలలో ప్రదర్శించడం
- సెల్ ప్యాడింగ్ (సెల్ ప్యాడింగ్)
- సెల్ ప్యాడింగ్ ఉపయోగించి సెల్ కంటెంట్స్ మరియు సెల్ బార్డర్ మధ్య కాలింగ్ సృష్టించడం
- సెల్ స్పేసింగ్ (సెల్ స్పేసింగ్)
- సెల్ స్పేసింగ్ ఉపయోగించి సెల్స్ మధ్య దూరాన్ని పెంచడం
- పట్టికకు బ్యాక్‌గ్రౌండ్ కలర్ లేదా బ్యాక్‌గ్రౌండ్ ఇమేజ్ జోడించడం
- పట్టికకు బ్యాక్‌గ్రౌండ్ జోడించడం
- పట్టిక క్లాస్ కంటెంట్స్ కు బ్యాక్‌గ్రౌండ్ కలర్ లేదా బ్యాక్‌గ్రౌండ్ ఇమేజ్ జోడించడం
- పట్టిక క్లాస్ కంటెంట్స్ కు బ్యాక్‌గ్రౌండ్ జోడించడం
- పట్టిక క్లాస్ కంటెంట్స్ లో ప్రదర్శించడం
- ఈ ఎక్సామ్ప్లే అలైన్ అట్రిబ్యూట్ ఉపయోగించి క్లాస్ కంటెంట్స్ స్థానాన్ని ప్రదర్శించడాన్ని నిర్వహిస్తుంది, ఇది అనిముక్కు పట్టిక సౌందర్యాన్ని సృష్టిస్తుంది.
- ఫ్రేమ్ (frame) అట్రిబ్యూట్
- ఈ ఎక్సామ్ప్లే ఫ్రేమ్ అట్రిబ్యూట్ ఉపయోగించి పట్టిక చుట్టూ ఫ్రేమ్ నియంత్రించడాన్ని నిర్వహిస్తుంది.
HTML లిస్ట్ ఎక్సామ్ప్లే
- అనక్రమ లిస్ట్
- ఈ ఎక్సామ్ప్లే అనక్రమ లిస్ట్స్ నిర్వహిస్తుంది.
- క్రమబద్ధ లిస్ట్
- ఈ ఎక్సామ్ప్లే క్రమబద్ధ లిస్ట్స్ నిర్వహిస్తుంది.
- వివిధ రకాల అనక్రమ లిస్ట్స్
- ఈ ఎక్సామ్ప్లే ఒక అనక్రమ లిస్ట్ నిర్వహిస్తుంది.
- వివిధ రకాల క్రమబద్ధ లిస్ట్స్
- ఈ ఎక్సామ్ప్లే వివిధ రకాల క్రమబద్ధ లిస్ట్స్ నిర్వహిస్తుంది.
- నాయిన్డెడ్ లిస్ట్
- ఈ ఎక్సామ్ప్లే నాయిన్డెడ్ లిస్ట్స్ నాయిన్డెడ్ చేయడాన్ని నిర్వహిస్తుంది.
- నాయిన్డెడ్ లిస్ట్ 2
- ఈ ఎక్సామ్ప్లే మరింత కఠినమైన నాయిన్డెడ్ లిస్ట్స్ నిర్వహిస్తుంది.
- డిఫినిషన్ లిస్ట్
- ఈ ఎక్సామ్ప్లే ఒక డిఫినిషన్ లిస్ట్ నిర్వహిస్తుంది.
HTML ఫార్మ్ మరియు ఇన్‌పుట్ ఎక్సామ్ప్లే
- 文本域(Text fields)
- 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
- 密码域
- 本例演示如何创建 HTML 的密码域。
- 复选框
- 本例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。
- 单选按钮
- 本例演示如何在 HTML 中创建单选按钮。
- 简单的下拉列表
- 本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
- 另一个下拉列表
- 本例演示如何创建一个简单的带有预选值的下拉列表。（译者注：预选值指预先指定的首选项。）
- 文本域(Textarea)
- 本例演示如何创建一个文本域（多行文本输入控件）。用户可以在文本域中写入文本。在文本域中，可写入的字符字数不受限制。
- 创建按钮
- 本例演示如何创建按钮。你可以对按钮上的文字进行自定义。
- Fieldset around data
- 本例演示如何在数据周围绘制一个带标题的框。
表单实例
- 带有输入框和确认按钮的表单
- 本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。
- 带有复选框的表单
- 此表单包含两个复选框和一个确认按钮。
- 带有单选按钮的表单
- 此表单包含两个单选框和一个确认按钮。
- 从表单发送电子邮件
- ఈ ఉదాహరణలో, ఫారమ్‌ను ద్వారా ఇమెయిల్‌ను ఎలా పంపాలనేది చూపబడింది.
హెచ్‌టిఎమ్ఎల్ ఇమేజ్ ఉదాహరణ
- చిత్రాన్ని జోడించడం
- ఈ ఉదాహరణలో, వెబ్‌పేజీలో చిత్రాన్ని ఎలా చూపించాలనేది చూపబడింది.
- ఇతర స్థానాల నుండి చిత్రాన్ని జోడించడం
- ఈ ఉదాహరణలో, ఇతర ఫోల్డర్లు లేదా సర్వర్లు నుండి చిత్రాన్ని ఎలా వెబ్‌పేజీలో చూపించాలనేది చూపబడింది.
- బ్యాక్‌గ్రౌండ్ చిత్రం
- ఈ ఉదాహరణలో, హెచ్‌టిఎమ్ఎల్ పేజీకి ఎలా బ్యాక్‌గ్రౌండ్ చిత్రాన్ని జోడించాలనేది చూపబడింది.
- చిత్రాన్ని గుర్తించడం
- ఈ ఉదాహరణలో, టెక్స్ట్‌లో చిత్రాన్ని ఎలా గుర్తించాలనేది చూపబడింది.
- ఫ్లోట్ చేసిన చిత్రం
- ఈ ఉదాహరణలో, చిత్రాన్ని ప్రారంభ వాక్యంలో లేదా ముగింపు వాక్యంలో ఎలా ఫ్లోట్ చేయాలనేది చూపబడింది.
- చిత్రం పరిమాణాన్ని సరికూర్చడం
- ఈ ఉదాహరణలో, చిత్రాన్ని వివిధ పరిమాణాలకు ఎలా సరికూర్చాలనేది చూపబడింది.
- చిత్రానికి వివరణాత్మక టెక్స్ట్ చూపించడం
- ఈ ఉదాహరణలో, చిత్రాన్ని ఎలా వివరణాత్మక టెక్స్ట్‌గా చూపించాలనేది చూపబడింది. బ్రౌజర్ చిత్రాన్ని లోడ్ చేయలేకపోతే, రిప్లేస్ టెక్స్ట్ అట్రిబ్యూట్ బదిలీ సమాచారాన్ని చదవవచ్చు. పేజీలోని చిత్రాలకు రిప్లేస్ టెక్స్ట్ అట్రిబ్యూట్‌ను ప్రతిపాదించడం ఒక మంచి అలవాటు.
- ఇమేజ్ లింక్ తయారు చేయడం
- ఈ ఉదాహరణలో, ఒక చిత్రాన్ని లింక్‌గా ఎలా వాడాలనేది చూపబడింది.
- ఇమేజ్ మ్యాప్ సృష్టించడం
- ఈ ఉదాహరణలో, ఒక క్లిక్‌చేయగల ప్రాంతం కలిగిన ఇమేజ్ మ్యాప్‌ను ఎలా సృష్టించాలనేది చూపబడింది. ప్రతి ప్రాంతం ఒక హెచ్టిఎంఎల్ లింక్‌గా ఉంటుంది.
- చిత్రాన్ని ఇమేజ్ మ్యాప్‌గా మార్చడం
- ఈ ఉదాహరణలో, ఒక సాధారణ చిత్రాన్ని ఇమేజ్ మ్యాప్‌గా ఎలా సెట్ చేయాలనేది చూపబడింది.
హెచ్‌టిఎమ్ఎల్ బ్యాక్‌గ్రౌండ్ ఉదాహరణ
- సహజంగా కలిసిపోయిన బ్యాక్‌గ్రౌండ్ మరియు రంగులు
- ఒక బ్యాక్‌గ్రౌండ్ మరియు టెక్స్ట్ రంగులు సహజంగా కలిసిపోయిన ఉదాహరణ, ఇది పేజీలోని టెక్స్ట్‌ను చదవకుండానే చదవగలిగించుతుంది.
- అసహజమైన బ్యాక్‌గ్రౌండ్ మరియు రంగులు
- 一个背景颜色和文字颜色搭配得不好的例子，使页面中的文字难于阅读。
- 可用性强的背景图像
- 背景图像和文字颜色使页面文本易于阅读的例子。
- 可用性强的背景图像 2
- 另一个背景图像和文字颜色使页面文本易于阅读的例子。
- 可用性差的背景图像
- 背景图像和文字颜色使页面文本不易阅读的例子。
HTML 样式 (style) 实例
- HTML中的样式
- 本例演示如何使用添加到 部分的样式信息对 HTML 进行格式化。
- 没有下划线的链接
- 本例演示如何使用样式属性做一个没有下划线的链接。
- 链接到一个外部样式表
- 本例演示如何 标签链接到一个外部样式表。
HTML 头部 (head) 实例
- 文档的标题
- 头元素内部的标题信息不会显示在浏览器窗口中。
- 一个 target，所有的链接
- 本例显示如何使用 base 标签使页面中的所有标签在新窗口中打开。
HTML 元信息 (meta) 实例
- 文档描述
- మెటా ఎలంట్రమెంట్లో సమాచారం హెచ్టిఎంఎల్ డాక్యుమెంట్ను వివరించవచ్చు.
- డాక్యుమెంట్ కీలక పదాలు
- మెటా ఎలంట్రమెంట్లో సమాచారం డాక్యుమెంట్ కీలక పదాలను వివరించవచ్చు.
- మరియుకట్టుము
- ఈ ఉదాహరణ ప్రదర్శిస్తుంది ఎలా వినియోగదారుని వినియోగించిన చిరునామా మారిన పరిస్థితిలో మరొక చిరునామాకు తిరిగి మార్చాలి.
హెచ్టిఎంఎల్ స్క్రిప్ట్ (స్క్రిప్ట్) ఉదాహరణ
- స్క్రిప్ట్ చేర్చడం
- హెచ్టిఎంఎల్ డాక్యుమెంట్లో స్క్రిప్ట్ చేర్చడం ప్రదర్శిస్తుంది
- స్క్రిప్ట్ అనుసరించని బ్రౌజర్లో నడిచే ఉదాహరణ
- ఈ ఉదాహరణ ప్రదర్శిస్తుంది ఎలా స్క్రిప్ట్ అనుసరించని బ్రౌజర్లను ఎలా పోరాడాలి.
- ముందు పేజీ హెచ్టిఎంఎల్5 ఎస్ఎస్ఇ
- తరువాత పేజీ HTML 测验
