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