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

ਐੱਚਟੀਐੱਮਐੱਲ ਬੇਸਿਕ ਟੈਗ ਉਦਾਹਰਣ

ਇੱਕ ਸਰਲ ਐੱਚਟੀਐੱਮਐੱਲ ਫਾਈਲ
ਇਹ ਉਦਾਹਰਣ ਇੱਕ ਬਹੁਤ ਸਰਲ ਐੱਚਟੀਐੱਮਐੱਲ ਫਾਈਲ ਹੈ ਜਿਸ ਵਿੱਚ ਮੌਜੂਦਾ ਐੱਚਟੀਐੱਮਐੱਲ ਟੈਗਸ ਦੀ ਸੰਖਿਆ ਘੱਟ ਤੋਂ ਘੱਟ ਕੀਤੀ ਗਈ ਹੈ। ਇਹ ਤੁਹਾਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਬਾਡੀ ਐਲੀਮੈਂਟ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਕਿਵੇਂ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ。
ਸਰਲ ਪੈਰਾਗ੍ਰਾਫ
ਇਹ ਉਦਾਹਰਣ ਦਰਸਾਉਂਦਾ ਹੈ: ਪੈਰਾਗ੍ਰਾਫ ਐਲੀਮੈਂਟ ਵਿੱਚ ਟੈਕਸਟ ਕਿਵੇਂ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ。
ਹੋਰ ਪੈਰਾਗ੍ਰਾਫ
ਇਹ ਉਦਾਹਰਣ ਪੈਰਾਗ੍ਰਾਫ ਐਲੀਮੈਂਟ ਦੇ ਕੁਝ ਮੂਲ ਵਿਵਹਾਰ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕਰਦਾ ਹੈ。
“ਗ਼ਜ਼ਲ” ਮੁੱਦਾ
ਇਹ ਉਦਾਹਰਣ ਐੱਚਟੀਐੱਮਐੱਲ ਫਾਰਮੈਟਿੰਗ ਦੇ ਕੁਝ ਮੁੱਦਿਆਂ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕਰਦਾ ਹੈ。
ਫਿਟਨਸ
ਇਹ ਉਦਾਹਰਣ ਐੱਚਟੀਐੱਮਐੱਲ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਫਿਟਨਸ ਦੀ ਵਰਤੋਂ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕਰਦਾ ਹੈ。
标题
本例演示在 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 padding) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸੈੱਲ ਦੇ ਸਮੱਗਰੀ ਅਤੇ ਚੌਕੇਦਾਰੀ ਦਰਮਿਆਨ ਖਾਲੀ ਜਗ੍ਹਾ ਬਣਾਉਣਾ
ਸੈੱਲ ਦਰਮਿਆਨ ਦੂਰੀ (Cell spacing)
ਸੈੱਲ ਦਰਮਿਆਨ ਦੂਰੀ ਵਧਾਉਣ ਲਈ Cell spacing ਦੀ ਵਰਤੋਂ ਕਰਨਾ
ਟੇਬਲ ਵਿੱਚ ਪਿਛਲਾ ਰੰਗ ਜਾਂ ਪਿਛਲੀ ਚਿੱਤਰ ਜੋੜਨਾ
ਟੇਬਲ ਵਿੱਚ ਪਿਛਲਾ ਰੰਗ ਜਾਂ ਪਿਛਲੀ ਚਿੱਤਰ ਜੋੜਨਾ
ਟੇਬਲ ਸੈੱਲ ਵਿੱਚ ਪਿਛਲਾ ਰੰਗ ਜਾਂ ਪਿਛਲੀ ਚਿੱਤਰ ਜੋੜਨਾ
ਟੇਬਲ ਸੈੱਲ ਵਿੱਚ ਪਿਛਲਾ ਰੰਗ ਜਾਂ ਪਿਛਲੀ ਚਿੱਤਰ ਜੋੜਨਾ
ਟੇਬਲ ਸੈੱਲ ਵਿੱਚ ਸਮੱਗਰੀ ਦੀ ਸਜਾਇਬ ਕਰਨਾ
ਟੇਬਲ ਦੀਆਂ ਸੈੱਲਾਂ ਵਿੱਚ ਸਮੱਗਰੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਿਵੇਂ ਸਜਾਇਬ ਟੇਬਲ ਬਣਾਉਣਾ ਹੈ ਦਿਸ਼ਾ ਦਿੱਤੀ ਗਈ ਹੈ。
ਫਰੇਮ (frame) ਵਿਸ਼ੇਸ਼ਤਾ
ਫਰੇਮ (frame) ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਟੇਬਲ ਦੇ ਚੱਕਰ ਦੇ ਕਿਵੇਂ ਕੰਟਰੋਲ ਕਰਨਾ ਹੈ ਦਿਸ਼ਾ ਦਿੱਤੀ ਗਈ ਹੈ。

توضیح مثال

HTML ਸੂਚੀ ਉਦਾਹਰਣ

ਅਨੰਕ ਸੂਚੀ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਇੱਕ ਅਨੰਕ ਸੂਚੀ ਦਿਸ਼ਾ ਦਿੱਤੀ ਗਈ ਹੈ。
ਕਰਨੀਆਂ ਸੂਚੀ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਇੱਕ ਕਰਨੀਆਂ ਸੂਚੀ ਦਿਸ਼ਾ ਦਿੱਤੀ ਗਈ ਹੈ。
ਵੱਖ-ਵੱਖ ਪ੍ਰਕਾਰ ਦੀਆਂ ਅਨੰਕ ਸੂਚੀਆਂ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਇੱਕ ਅਨੰਕ ਸੂਚੀ ਦਿਸ਼ਾ ਦਿੱਤੀ ਗਈ ਹੈ。
ਵੱਖ-ਵੱਖ ਪ੍ਰਕਾਰ ਦੀਆਂ ਕਰਨੀਆਂ ਸੂਚੀਆਂ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਪ੍ਰਕਾਰ ਦੀਆਂ ਕਰਨੀਆਂ ਸੂਚੀਆਂ ਦਿਸ਼ਾ ਦਿੱਤੀ ਗਈ ਹੈ。
ਗੂੜ੍ਹੇ ਨਾਮੇ ਸੂਚੀ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਕਿਵੇਂ ਗੂੜ੍ਹੇ ਨਾਮੇ ਸੂਚੀਆਂ ਵਿੱਚ ਨਾਮ ਕਰਨਾ ਹੈ ਦਿਸ਼ਾ ਦਿੱਤੀ ਗਈ ਹੈ。
ਗੂੜ੍ਹੇ ਨਾਮੇ ਸੂਚੀ 2
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਹੋਰ ਜ਼ਿਆਦਾ ਗੂੜ੍ਹੇ ਨਾਮੇ ਸੂਚੀਆਂ ਦਿਸ਼ਾ ਦਿੱਤੀ ਗਈ ਹੈ。
ਵਿਆਖਿਆ ਸੂਚੀ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਇੱਕ ਵਿਆਖਿਆ ਸੂਚੀ ਦਿਸ਼ਾ ਦਿੱਤੀ ਗਈ ਹੈ。

توضیح مثال

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

文本域(Text fields)
本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
密码域
本例演示如何创建 HTML 的密码域。
复选框
本例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。
单选按钮
本例演示如何在 HTML 中创建单选按钮。
简单的下拉列表
本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
另一个下拉列表
本例演示如何创建一个简单的带有预选值的下拉列表。(译者注:预选值指预先指定的首选项。)
文本域(Textarea)
本例演示如何创建一个文本域(多行文本输入控件)。用户可以在文本域中写入文本。在文本域中,可写入的字符字数不受限制。
创建按钮
本例演示如何创建按钮。你可以对按钮上的文字进行自定义。
Fieldset around data
本例演示如何在数据周围绘制一个带标题的框。

ਬਟਨ ਬਣਾਉਣਾ

ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਕਿਵੇਂ ਬਟਨ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਦਿਖਾਇਆ ਗਿਆ ਹੈ। ਤੁਸੀਂ ਬਟਨ 'ਤੇ ਲਿਖੇ ਟੈਕਸਟ ਨੂੰ ਆਪਣੇ ਅਨੁਕੂਲ ਕਰ ਸਕਦੇ ਹੋ。
ਡੇਟਾ ਦੇ ਚੁੱਂਬਕ ਵਾਲਾ ਫੀਲਡਸੈੱਟ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਕਿਵੇਂ ਡੇਟਾ ਦੇ ਚੁੱਂਬਕ ਵਾਲੇ ਫੀਲਡਸੈੱਟ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਦਿਖਾਇਆ ਗਿਆ ਹੈ。
ਫਾਰਮ ਉਦਾਹਰਣ
ਇਨਪੁਟ ਬਕਸ ਅਤੇ ਪ੍ਰਮਾਣ ਬਟਨ ਵਾਲਾ ਫਾਰਮ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਕਿਵੇਂ ਫਾਰਮ ਨੂੰ ਪੰਨੇ 'ਤੇ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ ਦਿਖਾਇਆ ਗਿਆ ਹੈ ਜਿਸ ਵਿੱਚ ਦੋ ਇਨਪੁਟ ਬਕਸ ਅਤੇ ਇੱਕ ਪ੍ਰਮਾਣ ਬਟਨ ਹਨ。
ਚੈੱਕ ਬਕਸ ਵਾਲਾ ਫਾਰਮ
ਇਸ ਫਾਰਮ ਵਿੱਚ ਦੋ ਚੈੱਕ ਬਕਸ ਅਤੇ ਇੱਕ ਪ੍ਰਮਾਣ ਬਟਨ ਹਨ。

توضیح مثال

ਰੇਡੀਓ ਬਟਨ ਵਾਲਾ ਫਾਰਮ

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

توضیح مثال

HTML ਬੈਕਗਰਾਊਂਡ ਉਦਾਹਰਣ

ਬੇਹੱਤਰ ਪਾਰਟਨਰਸ਼ਿਪ ਵਾਲਾ ਬੈਕਗਰਾਊਂਡ ਅਤੇ ਰੰਗ
ਇੱਕ ਬੇਹੱਤਰ ਪਾਰਟਨਰਸ਼ਿਪ ਵਾਲੇ ਬੈਕਗਰਾਊਂਡ ਅਤੇ ਲਿਖਤ ਰੰਗ ਦਾ ਉਦਾਹਰਣ, ਜਿਸ ਨਾਲ ਪੰਨੇ ਵਿੱਚ ਲਿਖਤ ਚੰਗਾ ਪੜ੍ਹਾ ਜਾਵੇ।
ਬਾਕਸ ਅਤੇ ਰੰਗ ਦੀ ਬੇਹੱਤਰ ਪਾਰਟਨਰਸ਼ਿਪ
مثالی که نشان می‌دهد چگونه ترکیب رنگ پس‌زمینه و نوشتار صفحه باعث خوانایی کم صفحه می‌شود.
تصویر پس‌زمینه قابل دسترسی
مثالی که نشان می‌دهد چگونه تصاویر پس‌زمینه و رنگ نوشتار صفحه را قابل خواندن می‌کند.
تصویر پس‌زمینه قابل دسترسی 2
مثالی دیگر که نشان می‌دهد چگونه تصاویر پس‌زمینه و رنگ نوشتار صفحه را قابل خواندن می‌کند.
تصویر پس‌زمینه قابل دسترسی
مثالی که نشان می‌دهد چگونه تصاویر پس‌زمینه و رنگ نوشتار صفحه را غیرقابل خواندن می‌کند.

توضیح مثال

مثال استایل HTML (style)

استایل‌های HTML
این مثال نشان می‌دهد که چگونه می‌توان از اطلاعات استایل اضافه شده به بخش <head> برای فرمت‌دهی HTML استفاده کرد.
لینک بدون زیرخط
این مثال نشان می‌دهد که چگونه می‌توان از属性 استایل برای ایجاد لینک بدون زیرخط استفاده کرد.
لینک به یک استایل خارجی
این مثال نشان می‌دهد که چگونه می‌توان از تگ <link> برای لینک به یک استایل خارجی استفاده کرد.

توضیح مثال

مثال سربرگ HTML (head)

عنوان مستند
اطلاعات عنوان موجود در سربرگ داخلی در پنجره مرورگر نمایش داده نمی‌شود.
یک target، تمام لینک‌ها
این مثال نشان می‌دهد که چگونه می‌توان از تگ base برای باز کردن تمام تگ‌های موجود در صفحه در پنجره‌ای جدید استفاده کرد.

توضیح مثال

مثال عنصر meta HTML

توصیف مستند
اطلاعات موجود در عنصر Meta می‌تواند مستند HTML را توصیف کند.
کلمات کلیدی مستند
اطلاعات موجود در عنصر Meta می‌تواند کلمات کلیدی مستند را توصیف کند.
هدایت
این مثال نشان می‌دهد که در صورت تغییر آدرس وب، کاربر را به آدرس دیگری هدایت می‌کند.

توضیح مثال

مثال اسکریپت HTML (Script)

یک اسکریپت اضافه کنید
این مثال نشان می‌دهد که چگونه می‌توان اسکریپت را به مستند HTML اضافه کرد.
اجرای در مرورگرهایی که اسکریپت را پشتیبانی نمی‌کنند
این مثال نشان می‌دهد که چگونه می‌توان از مرورگرهایی که اسکریپت را پشتیبانی نمی‌کنند، جلوگیری کرد.

توضیح مثال