ایچ تی ایم ایل مثال

HTML بنیادی ٹیگ مثال

سادا HTML فائل
یہ مثال بہت سادا HTML فائل ہے، جس میں ممکن ہونے والا کمترین HTML ٹیگ استعمال کئے گئے ہیں۔ یہ آپ کو دکھاتا ہے کہ بادی عناصر میں کس طرح سے لفظ نماzul کی جاتی ہیں، براوزر کی نمائش کی جاتی ہیں。
سادے پاراگراف
یہ مثال کیا دکھاتا ہے: پاراگراف عناصر میں کس طرح سے لفظ نماzul کی جاتی ہیں، براوزر کی نمائش کی جاتی ہیں。
بہت سے پاراگراف
یہ مثال پاراگراف عناصر کی کچھ پیش دفعات کی نمائش کرتی ہے。
شاعری کا مسئلہ
HTML فرمٹنگ کے کچھ معاملات کی مثال دی گئی ہے。
بند
HTML ڈوکومنٹ میں کس طرح سے لفظ بند ہوتا ہے، اس کی مثال دی گئی ہے。
标题
本例演示在 HTML 文档中显示标题的标签。
居中排列的标题
本例演示一个居中排列的标题。
水平线
本例演示如何插入水平线。
隐藏的注释
本例演示如何在 HTML 源代码中插入隐藏的注释。
背景颜色
本例演示如何为 HTML 页面添加背景颜色。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

HTML 文本格式化实例

文本格式化
此例演示如何在一个 HTML 文件中对文本进行格式化
预格式文本
此例演示如何使用 pre 标签对空行和空格进行控制。
“计算机输出”标签
此例演示不同的“计算机输出”标签的显示效果。
地址
此例演示如何在 HTML 文件中写地址。
缩写和首字母缩写
此例演示如何实现缩写或首字母缩写。
文字方向
此例演示如何改变文字的方向。
块引用
此例演示如何实现长短不一的引用语。
删除字效果和插入字效果
ਇਹ ਉਦਾਹਰਣ ਦਿਸਾਇਆ ਹੈ ਕਿ ਕਿਵੇਂ ਹਟਾਈ ਅਤੇ ਜੋੜੀ ਗਈ ਲਿਖਤ ਦਿਖਾਉਣਾ ਹੈ。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

HTML ਲਿੰਕ ਉਦਾਹਰਣ

ਸੁਪਰਲਿੰਕ ਬਣਾਉਣਾ
ਇਹ ਉਦਾਹਰਣ ਦਿਸਾਇਆ ਹੈ ਕਿ ਕਿਵੇਂ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਲਿੰਕ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ。
ਚਿੱਤਰ ਨੂੰ ਲਿੰਕ ਵਜੋਂ ਵਰਤਣਾ
ਇਹ ਉਦਾਹਰਣ ਦਿਸਾਇਆ ਹੈ ਕਿ ਕਿਵੇਂ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਲਿੰਕ ਵਜੋਂ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。
ਨਵੇਂ ਬਰਾਉਜ਼ਰ ਵਿੰਡੋ ਵਿੱਚ ਲਿੰਕ ਖੋਲ੍ਹਣਾ
ਇਹ ਉਦਾਹਰਣ ਦਿਸਾਇਆ ਹੈ ਕਿ ਕਿਵੇਂ ਇੱਕ ਨਵੇਂ ਬਰਾਉਜ਼ਰ ਵਿੰਡੋ ਵਿੱਚ ਇੱਕ ਪੇਜ ਖੋਲ੍ਹਿਆ ਜਾ ਸਕਦਾ ਹੈ ਤਾਕਿ ਖੋਜਕਾਰ ਤੁਹਾਡੇ ਸਾਈਟ ਤੋਂ ਬਾਹਰ ਨਹੀਂ ਜਾਵੇ
ਇੱਕ ਹੀ ਪੇਜ ਦੇ ਵੱਖ-ਵੱਖ ਸਥਾਨਾਂ ਨੂੰ ਲਿੰਕ ਕਰਨਾ
ਇਹ ਉਦਾਹਰਣ ਦਿਸਾਇਆ ਹੈ ਕਿ ਕਿਵੇਂ ਲਿੰਕ ਨਾਲ ਦਸਤਾਵੇਜ਼ ਦੇ ਦੂਜੇ ਹਿੱਸੇ ਨੂੰ ਲਿੰਕ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ
ਫਰੇਮ ਤੋਂ ਬਾਹਰ ਨਿਕਲਣਾ
ਇਹ ਉਦਾਹਰਣ ਦਿਸਾਇਆ ਹੈ ਕਿ ਕਿਵੇਂ ਫਰੇਮ ਤੋਂ ਬਾਹਰ ਨਿਕਲਿਆ ਜਾ ਸਕਦਾ ਹੈ ਜੇਕਰ ਤੁਹਾਡਾ ਪੇਜ ਫਰੇਮ ਵਿੱਚ ਫਸਿਆ ਹੈ。
ਈਮੇਲ ਲਿੰਕ ਬਣਾਉਣਾ
ਇਹ ਉਦਾਹਰਣ ਦਿਸਾਇਆ ਹੈ ਕਿ ਕਿਵੇਂ ਈਮੇਲ ਨੂੰ ਲਿੰਕ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。(ਇਹ ਈਮੇਲ ਕਲਾਈਂਟ ਪ੍ਰੋਗਰਾਮ ਇੰਸਟਾਲ ਕਰਨ ਤੋਂ ਬਾਅਦ ਕੰਮ ਕਰੇਗਾ。)
ਈਮੇਲ ਲਿੰਕ ਬਣਾਉਣਾ 2
ਹੋਰ ਜ਼ਿਆਦਾ ਜ਼ਿਆਦਾ ਮੇਲ ਲਿੰਕ

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

HTML ਫਰੇਮ ਉਦਾਹਰਣ

ਵਰਟੀਕਲ ਫਰੇਮ
ਇਹ ਉਦਾਹਰਣ ਦਿਸਾਇਆ ਹੈ ਕਿ ਕਿਵੇਂ ਤਿੰਨ ਵੱਖ-ਵੱਖ ਦਸਤਾਵੇਜ਼ਾਂ ਨਾਲ ਇੱਕ ਵਰਟੀਕਲ ਫਰੇਮ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ。
ਹਰੀਟੈਕਸ ਫਰੇਮ
ਇਹ ਉਦਾਹਰਣ ਦਿਸਾਇਆ ਹੈ ਕਿ ਕਿਵੇਂ ਤਿੰਨ ਵੱਖ-ਵੱਖ ਦਸਤਾਵੇਜ਼ਾਂ ਨਾਲ ਇੱਕ ਹਰੀਟੈਕਸ ਫਰੇਮ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ。
ਕਿਵੇਂ <noframes> ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ
ਇਹ ਉਦਾਹਰਣ ਦਿਸਾਇਆ ਹੈ ਕਿ ਕਿਵੇਂ <noframes> ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ。
ਮਿਸ਼ਰਿਤ ਫਰੇਮ ਸਰੂਪ
ਤਿੰਨ ਦਸਤਾਵੇਜ਼ਾਂ ਵਾਲੀ ਫਰੇਮ ਸਰੂਪ ਬਣਾਉਣ ਦੇ ਕਿਵੇਂ ਦਿਸਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਅਤੇ ਉਨ੍ਹਾਂ ਨੂੰ ਲਾਈਨ ਅਤੇ ਕਾਲਾਂ ਵਿੱਚ ਮਿਸ਼ਰਿਤ ਕਰਨਾ ਹੈ。
noresize="noresize" ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਲੀ ਫਰੇਮ ਸਰੂਪ
ਇਹ ਉਦਾਹਰਣ ਦਿਸਾਇਆ ਹੈ ਕਿ ਕਿਵੇਂ noresize ਵਿਸ਼ੇਸ਼ਤਾ ਦਿਖਾਇਆ ਜਾ ਸਕਦੀ ਹੈ। ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਫਰੇਮ ਆਕਾਰ ਸੰਚਾਲਿਤ ਨਹੀਂ ਹੈ। ਫਰੇਮ ਦੇ ਬਾਹਰੀ ਬਰਾਬਰੀ ਉੱਤੇ ਮਾਉਸ ਖਿੱਚਣ ਨਾਲ ਤੁਸੀਂ ਦੇਖ ਸਕਦੇ ਹੋ ਕਿ ਬਰਾਬਰੀ ਚਲਾਉਣ ਵਾਲੀ ਨਹੀਂ ਹੈ。
ਨੇਵੀਗੇਸ਼ਨ ਫਰੇਮ
ਇਹ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਕਿਵੇਂ ਨੇਵੀਗੇਸ਼ਨ ਫਰੇਮ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ। ਨੇਵੀਗੇਸ਼ਨ ਫਰੇਮ ਵਿੱਚ ਦੂਜੇ ਫਰੇਮ ਦੇ ਟੀਚ ਵਜੋਂ ਇੱਕ ਲਿੰਕ ਸੂਚੀ ਸ਼ਾਮਲ ਹੈ। 'contents.htm' ਨਾਮ ਦਾ ਫਾਈਲ ਤਿੰਨ ਲਿੰਕਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹੈ。
内联框架
本例演示如何创建内联框架(HTML 页中的框架)。
跳转至框架内的一个指定的节
本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 进行标识。
使用框架导航跳转至指定的节
本例演示两个框架。左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

HTML 表格实例

表格
这个例子演示如何在 HTML 文档中创建表格。
表格边框
本例演示各种类型的表格边框。
没有边框的表格
本例演示一个没有边框的表格。
表格中的表头(Heading)
本例演示如何显示表格表头。
空单元格
本例展示如何使用 " " 处理没有内容的单元格。
ਸਿਰਲੇਖ ਵਾਲੇ ਟੇਬਲ
ਇਹ ਇੰਸਟੈਂਸ ਇੱਕ ਸਿਰਲੇਖ (caption) ਵਾਲੇ ਟੇਬਲ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਸਰੋਤਮੰਡਲ ਜਾਂ ਸਰੋਤਮੰਡਲ ਦੇ ਸੈਲ
ਇਹ ਇੰਸਟੈਂਸ ਕਿਵੇਂ ਸਰੋਤਮੰਡਲ ਸਰੋਤਮੰਡਲ ਜਾਂ ਸਰੋਤਮੰਡਲ ਦੇ ਸੈਲ ਨੂੰ ਨਿਰਦਿਸ਼ਟ ਕੀਤਾ ਜਾਵੇਗਾ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਟੇਬਲ ਵਿੱਚ ਟੈਗ
ਇਹ ਇੰਸਟੈਂਸ ਕਿਵੇਂ ਵੱਖ-ਵੱਖ ਤੱਤਾਂ ਵਿੱਚ ਤੱਤ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਸੈਲ ਪੈਡਿੰਗ (Cell padding)
ਇਹ ਇੰਸਟੈਂਸ ਕਿਵੇਂ ਸੈਲ ਪੈਡਿੰਗ ਦੀ ਮਦਦ ਨਾਲ ਸੈਲ ਸਮੱਗਰੀ ਅਤੇ ਸੀਮਾ ਦਰਮਿਆਨ ਖਾਲੀ ਸਥਾਨ ਬਣਾਇਆ ਜਾਵੇਗਾ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਸੈਲ ਸਪੇਸਿੰਗ (Cell spacing)
ਇਹ ਇੰਸਟੈਂਸ ਕਿਵੇਂ ਸੈਲ ਸਪੇਸਿੰਗ ਦੀ ਮਦਦ ਨਾਲ ਸੈਲਾਂ ਦਰਮਿਆਨ ਦੂਰੀ ਵਧਾਈ ਜਾਵੇਗੀ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਟੇਬਲ ਵਿੱਚ ਪ੃਷ਠ ਰੰਗ ਜਾਂ ਪ੃਷ਠ ਚਿੱਤਰ ਜੋੜਨਾ
ਇਹ ਇੰਸਟੈਂਸ ਕਿਵੇਂ ਟੇਬਲ ਵਿੱਚ ਪ੃਷ਠ ਰੰਗ ਜਾਂ ਪ੃਷ਠ ਚਿੱਤਰ ਜੋੜਿਆ ਜਾਵੇਗਾ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਟੇਬਲ ਸੈਲ ਵਿੱਚ ਪ੃਷ਠ ਰੰਗ ਜਾਂ ਪ੃਷ਠ ਚਿੱਤਰ ਜੋੜਨਾ
ਇਹ ਇੰਸਟੈਂਸ ਕਿਵੇਂ ਇੱਕ ਜਾਂ ਅਧਿਕ ਟੇਬਲ ਸੈਲ ਵਿੱਚ ਪ੃਷ਠ ਰੰਗ ਜਾਂ ਪ੃਷ਠ ਚਿੱਤਰ ਜੋੜਿਆ ਜਾਵੇਗਾ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਟੇਬਲ ਸੈਲ ਵਿੱਚ ਸਮਾਨਤਾ ਕਰਨਾ
ਇਹ ਇੰਸਟੈਂਸ ਕਿਵੇਂ "align" ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਮਦਦ ਨਾਲ ਸੈਲਸ ਦੇ ਸਮਾਨਤਾ ਨੂੰ ਕੀਤਾ ਜਾਵੇਗਾ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ ਤਾਕਿ ਇੱਕ ਸੁੰਦਰ ਟੇਬਲ ਬਣਾਇਆ ਜਾ ਸਕੇ。
ਫਰੇਮ (frame) ਵਿਸ਼ੇਸ਼ਤਾ
ਇਹ ਇੰਸਟੈਂਸ ਕਿਵੇਂ "frame" ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਮਦਦ ਨਾਲ ਟੇਬਲ ਦੇ ਚੱਕਰ ਦੀ ਸੀਮਾ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨਾ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

HTML ਸੂਚੀ ਇੰਸਟੈਂਸ

ਅਨੰਕ ਸੂਚੀ
ਇਹ ਇੰਸਟੈਂਸ ਅਨੰਕ ਸੂਚੀ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਕਰਨਲ ਸੂਚੀ
ਇਹ ਇੰਸਟੈਂਸ ਕਰਨਲ ਸੂਚੀ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਵੱਖ-ਵੱਖ ਤਰ੍ਹਾਂ ਦੀਆਂ ਅਨੰਕ ਸੂਚੀਆਂ
ਇਹ ਇੰਸਟੈਂਸ ਇੱਕ ਅਨੰਕ ਸੂਚੀ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਵੱਖ-ਵੱਖ ਤਰ੍ਹਾਂ ਦੀਆਂ ਕਰਨਲ ਸੂਚੀਆਂ
ਇਹ ਇੰਸਟੈਂਸ ਵੱਖ-ਵੱਖ ਤਰ੍ਹਾਂ ਦੀਆਂ ਕਰਨਲ ਸੂਚੀਆਂ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਨਿਰਦਿਸ਼ਟ ਸੂਚੀ
ਇਹ ਇੰਸਟੈਂਸ ਨਿਰਦਿਸ਼ਟ ਸੂਚੀਆਂ ਨੂੰ ਕਿਵੇਂ ਨਿਰਦਿਸ਼ਟ ਕੀਤਾ ਜਾਵੇਗਾ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਨਿਰਦਿਸ਼ਟ ਸੂਚੀ 2
ਇਹ ਇੰਸਟੈਂਸ ਵਧੇਰੇ ਜਟਿਲ ਨਿਰਦਿਸ਼ਟ ਸੂਚੀਆਂ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。
ਨਿਰਦਿਸ਼ਟ ਸੂਚੀ
ਇਹ ਇੰਸਟੈਂਸ ਇੱਕ ਨਿਰਦਿਸ਼ਟ ਸੂਚੀ ਦਿਸ਼ਾਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

HTML ਫਾਰਮ ਅਤੇ ਇਨਪੁਟ ਇੰਸਟੈਂਸ

متن کا حصہ (Text fields)
یہ مثال دکھاتا ہے کہ کیسے ایچ تی ایمل پیج میں متن کا حصہ بنایا جاتا ہے، یوزر متن کا حصہ میں لکھ سکتا ہے。
پاسورڈ حصہ
ریلیز لیست پاسورڈ حصہ
یہ مثال دکھاتا ہے کہ کیسے ایچ تی ایمل میں سادے ریلیز لیست چیک بکس بنایا جاتا ہے، یوزر چیک بکس کو چنا یا چوکنے سکتا ہے。
ریلیز لیست چیک بکس
یہ مثال دکھاتا ہے کہ کیسے ایچ تی ایمل میں سادے ریلیز لیست بٹن بنایا جاتا ہے。
ریلیز لیست بٹن
یہ مثال دکھاتا ہے کہ کیسے ایچ تی ایمل میں سادے ریلیز لیست بoks بنایا جاتا ہے، ریلیز لیست بoks ایک چنا ہوسکتی ہیں。
سادے ریلیز لیست
یہ مثال دکھاتا ہے کہ کیسے ایچ تی ایمل پیج میں ایک سادے ریلیز لیست بنایا جاتا ہے، ریلیز لیست ایک چنا ہوسکتی ہیں。
ایک دوسری ریلیز لیست
متن کا حصہ (Textarea)
یہ مثال دکھاتا ہے کہ کیسے ایک متن کے حصے کو بنایا جاتا ہے (کثیر رکنی متن انٹرپوٹ کنٹرول)۔ یوزر متن کے حصے کو متن کے حصے میں لکھ سکتا ہے، متن کے حصے میں لکھنے کا حصہ نہیں محدود ہوتا ہے。
بٹن بنانا
یہ مثال دکھاتا ہے کہ کیسے بٹن بنایا جاتا ہے، جس پر آپ کلمات کو خود کو تخصیص دے سکتے ہیں。
ڈیٹا کے اطراف میں سرلیک
یہ مثال دکھاتا ہے کہ کیسے ڈیٹا کے اطراف میں ایک سرلیک کا فریم بنایا جاتا ہے。

فرم مثال

آئن پورٹ اور توثیق کلک والا فرم
یہ مثال دکھاتا ہے کہ کیسے فرم کو صفحے پر لایا جاتا ہے، جس میں دو آئن پورٹ اور ایک توثیق کلک کا حامل ہے。
چیک بکس والا فرم
یہ فرم دو چیک بکس اور ایک توثیق کلک کا حامل ہے。
رادیو بٹن والا فرم
یہ فرم دو رادیو بٹن اور ایک توثیق کلک کا حامل ہے。
فرم کے ذریعے ای میل بھیجنا
یہ مثال دکھاتا ہے کہ کیسے فرم کے ذریعے ای میل بھیجایا جاتا ہے。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

ایچ تی ایمل تصویر مثال

تصویر داخل کرنا
یہ مثال دکھاتا ہے کہ کیسے ویب پیج میں تصویر دکھایا جاتا ہے。
مختلف مقامات سے تصویر داخل کرنا
یہ مثال دکھاتا ہے کہ کیسے دوسرے فولدر یا سروئر کی تصاویر کو ویب پیج میں دکھایا جاتا ہے。
پس منظر تصویر
یہ مثال دکھاتا ہے کہ کیسے ایچ تی ایمل صفحے پر پس منظر تصویر لایا جاتا ہے。
تصویر کو ترتیب دینا
یہ مثال دکھاتا ہے کہ کیسے لکچر میں تصویر کو ترتیب دیا جاتا ہے。
تصویر کو لچکنا
یہ مثال دکھاتا ہے کہ کیسے تصویر کو پاراگراف کے سمت چپ یا دکھ میں لایا جاتا ہے。
تصویر سائز جسد کرانا
یہ مثال دکھاتا ہے کہ کیسے تصویر کو مختلف سائز میں لایا جاتا ہے。
تصویر کو رپلئز ٹیکسٹ دکھانا
یہ مثال دکھاتا ہے کہ کیسے تصویر کو مختلف سائز میں لایا جاتا ہے۔ اگر تصویر لوڈ نہیں ہوئی تو رپلئز ٹیکسٹ پرپارٹی کو خواندگان کو گمشدہ معلومات بتاتی ہے، اس لئے صفحے پر تمام تصاویر کو رپلئز ٹیکسٹ پرپارٹی دینا اچھی عادت ہے。
تصویر لینک بنانا
یہ مثال دکھاتا ہے کہ کیسے تصویر کو لینک کے طور پر استعمال کیا جاتا ہے。
نقشہ بندی بنانا
یہ مثال دکھاتا ہے کہ کیسے ایک نقشہ بندی کو بنایا جاتا ہے جس میں کلک سکنے والی علاقے ہیں، جس میں سارے علاقے ہیرو لینک ہیں。
تصویر کو نقشہ بندی میں لایا جانا
یہ مثال دکھاتا ہے کہ کیسے ایک عام تصویر کو نقشہ بندی میں لایا جاتا ہے。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

ایچ تی ایمل پس منظر مثال

جود کی پس منظر اور رنگ
ایک پس منظر رنگ اور لکچر کا جوڈ کریگا، صفحے میں لکچر کو پڑھنا آسان بناتا ہے。
ناکامپ کی پس منظر اور رنگ
一个背景颜色和文字颜色搭配得不好的例子,使页面中的文字难于阅读。
可用性强的背景图像
背景图像和文字颜色使页面文本易于阅读的例子。
可用性强的背景图像 2
另一个背景图像和文字颜色使页面文本易于阅读的例子。
可用性差的背景图像
背景图像和文字颜色使页面文本不易阅读的例子。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

HTML 样式 (style) 实例

HTML中的样式
本例演示如何使用添加到 部分的样式信息对 HTML 进行格式化。
没有下划线的链接
ਸਟਾਈਲ ਸੁਪਰਫਿਸਾਈਸ ਰਹਿਤ ਲਿੰਕ
ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੈਟ ਨਾਲ ਜੋੜਨਾ
ਇਹ ਉਦਾਹਰਣ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਕਿਵੇਂ <link> ਟੈਗ ਨਾਲ ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੈਟ ਨਾਲ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

HTML ਹੈੱਡਰ (head) ਉਦਾਹਰਣ

ਦਸਤਾਵੇਜ਼ ਦੀ ਤਾਲੀਮ
ਹੈੱਡਰ ਐਲੀਮੈਂਟ ਵਿੱਚ ਦਿੱਤੀ ਗਈ ਤਾਲੀਮ ਜਾਣਕਾਰੀ ਬਰਾਉਜ਼ਰ ਵਿੰਡੋ ਵਿੱਚ ਨਾ ਦਿਖਾਈ ਜਾਂਦੀ ਹੈ。
ਇੱਕ target, ਸਾਰੇ ਲਿੰਕ
ਇਹ ਉਦਾਹਰਣ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਕਿਵੇਂ base ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੰਨੇ ਵਿੱਚ ਸਾਰੇ ਟੈਗਾਂ ਨੂੰ ਨਵੇਂ ਵਿੰਡੋ ਵਿੱਚ ਖੋਲ੍ਹਿਆ ਜਾ ਸਕਦਾ ਹੈ。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

HTML ਮੇਟਾ (meta) ਉਦਾਹਰਣ

ਦਸਤਾਵੇਜ਼ ਵਰਣਨ
ਮੇਟਾ ਐਲੀਮੈਂਟ ਵਿੱਚ ਦਿੱਤੀ ਗਈ ਜਾਣਕਾਰੀ ਨਾਲ HTML ਦਸਤਾਵੇਜ਼ ਦੱਸਿਆ ਜਾ ਸਕਦਾ ਹੈ。
ਦਸਤਾਵੇਜ਼ ਕੀਵਾਰਡ
ਮੇਟਾ ਐਲੀਮੈਂਟ ਵਿੱਚ ਦਿੱਤੀ ਗਈ ਜਾਣਕਾਰੀ ਨਾਲ ਦਸਤਾਵੇਜ਼ ਦੇ ਕੀਤੇ ਗਏ ਕੀਵਾਰਡ ਦੱਸਿਆ ਜਾ ਸਕਦਾ ਹੈ。
ਰੀ-ਡਾਇਰੈਕਟ
ਇਹ ਉਦਾਹਰਣ ਦਰਸਾਉਂਦਾ ਹੈ: ਜਦੋਂ ਯੂਰੀ ਤਬਦੀਲ ਹੋਈ ਹੋਵੇ, ਤਾਂ ਉਸ ਨੂੰ ਦੂਜੇ ਯੂਰੀ ਵੱਲ ਰੀ-ਡਾਇਰੈਕਟ ਕੀਤਾ ਜਾਵੇ。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ

HTML ਸਕ੍ਰਿਪਟ (ਸਕ੍ਰਿਪਟ) ਉਦਾਹਰਣ

ਇੱਕ ਸਕ੍ਰਿਪਟ ਜੋੜਨਾ
ਇਹ ਉਦਾਹਰਣ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਕਿਵੇਂ ਸਕ੍ਰਿਪਟ ਨੂੰ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ。
ਸਕ੍ਰਿਪਟ ਨਹੀਂ ਸਪੋਰਟ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਚਲਾਉਣ
ਇਹ ਉਦਾਹਰਣ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਕਿਵੇਂ ਸਕ੍ਰਿਪਟ ਨਹੀਂ ਸਪੋਰਟ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰਾਂ ਨਾਲ ਲੜਨਾ ਹੈ。

ਉਦਾਹਰਣ ਸਪਸ਼ਟੀਕਰਣ