ایچ تی ایم ایل سرور عنصر

ਹੋਰ ਉਦਾਹਰਣ

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

HTML ਹੈੱਡ ਐਲੀਮੈਂਟ

ਹੈੱਡ ਐਲੀਮੈਂਟ ਸਾਰੇ ਮੁੱਖ ਐਲੀਮੈਂਟਾਂ ਦਾ ਕੰਟੇਨਰ ਹੈ। ਹੈੱਡ ਅੰਦਰ ਦੇ ਐਲੀਮੈਂਟ ਸਕ੍ਰਿਪਟ ਸਮੇਤ ਹੋ ਸਕਦੇ ਹਨ, ਜਿਸ ਵਿੱਚ ਬਰਾਉਜ਼ਰ ਨੂੰ ਸਟਾਈਲ ਸ਼ੇਟ ਲੱਭਣ ਦਾ ਸੁਝਾਅ ਦਿੱਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਮੇਟਾ ਸੂਚਨਾ ਪ੍ਰਦਾਨ ਕਰਨਾ ਆਦਿ।

ਹੇਠ ਲਿਖੇ ਟੈਗ ਹੈੱਡ ਹਿੱਸੇ ਵਿੱਚ ਜੋੜੀ ਜਾ ਸਕਦੇ ਹਨ：<title>、<base>、<link>、<meta>、<script> ਅਤੇ <style>。

HTML <title> ਐਲੀਮੈਂਟ

<title> ਟੈਗ ਨੂੰ ਡਾਕੂਮੈਂਟ ਦਾ ਟਾਈਟਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

title ਐਲੀਮੈਂਟ ਸਾਰੇ HTML/XHTML ਡਾਕੂਮੈਂਟਾਂ ਵਿੱਚ ਲਾਜ਼ਮੀ ਹੈ。

title ਐਲੀਮੈਂਟ ਕੋਈ ਵੀ ਕੰਮ ਕਰ ਸਕਦਾ ਹੈ:

  • ਬਰਾਊਜ਼ਰ ਟੂਲਬਾਰ ਵਿੱਚ ਦਿਖਾਈ ਵਾਲਾ ਟਾਈਟਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
  • ਪੇਜ਼ ਨੂੰ ਫੋਲਡਰ ਵਿੱਚ ਸ਼ਾਮਿਲ ਕਰਨ ਵਾਲੇ ਸਮੇਂ ਦਿਖਾਈ ਵਾਲਾ ਟਾਈਟਲ
  • ਸਰਚ ਇੰਜਨ ਨਤੀਜਿਆਂ 'ਚ ਦਿਖਾਈ ਵਾਲਾ ਪੇਜ਼ ਟਾਈਟਲ

ਸਰਲੀਕਰਨ ਵਾਲਾ HTML ਡਾਕੂਮੈਂਟ:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>

HTML <base> ਐਲੀਮੈਂਟ

<base> ਟੈਗ ਪੇਜ਼ 'ਤੇ ਸਾਰੇ ਲਿੰਕਾਂ ਲਈ ਮੂਲਰਚਾਰ ਠਿਕਾਨਾ ਜਾਂ ਮੂਲਰਚਾਰ ਟਾਰਗੇਟ (target) ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ:

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

HTML <link> ਐਲੀਮੈਂਟ

<link> ਟੈਗ ਡਾਕੂਮੈਂਟ ਅਤੇ ਬਾਹਰੀ ਸੰਸਾਧਨ ਦਰਮਿਆਨ ਸਬੰਧ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

<link> ਟੈਗ ਸਟਾਈਲ ਸ਼ੇਅਰ ਕਰਨ ਲਈ ਸਭ ਤੋਂ ਅਧਿਕ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

HTML <style> ਐਲੀਮੈਂਟ

<style> ਟੈਗ ਐੱਚਟੀਐੱਮਐੱਲ ਡਾਕੂਮੈਂਟ ਲਈ ਸਟਾਈਲ ਸੂਚਨਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਤੁਸੀਂ style ਐਲੀਮੈਂਟ ਵਿੱਚ ਐੱਚਟੀਐੱਮਐੱਲ ਐਲੀਮੈਂਟ ਨੂੰ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਦਿਖਾਉਣ ਵਾਲੇ ਸਟਾਈਲ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹੋ

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

HTML <meta> ਐਲੀਮੈਂਟ

ਮੇਟਾ ਡੇਟਾ (metadata) ਇਹ ਸੂਚਨਾ ਹੈ ਜੋ ਡੇਟਾ ਬਾਰੇ ਹੈ。

<meta> ਟੈਗ ਐੱਚਟੀਐੱਮਐੱਲ ਡਾਕੂਮੈਂਟ ਦੇ ਮੇਟਾ ਡੇਟਾ ਦੀ ਸੂਚਨਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਮੇਟਾ ਡੇਟਾ ਪੇਜ਼ 'ਤੇ ਦਿਖਾਈ ਨਹੀਂ ਦਿੰਦਾ ਹੈ, ਪਰ ਮਸ਼ੀਨਾਂ ਲਈ ਪੜ੍ਹਿਆ ਜਾ ਸਕਦਾ ਹੈ。

ਮੌਜੂਦਾ ਹਾਲਾਤ ਵਿੱਚ, meta ਐਲੀਮੈਂਟ ਪੇਜ਼ ਦੀ ਵਰਣਨਾ, ਕੀਵਾਰਡ, ਡਾਕੂਮੈਂਟ ਦੇ ਲੇਖਕ, ਆਖਰੀ ਸੋਧ ਮਿਤੀ ਅਤੇ ਹੋਰ ਮੇਟਾ ਡੇਟਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

<meta> ਟੈਗ ਹਮੇਸ਼ਾ ਹੀ head ਐਲੀਮੈਂਟ ਵਿੱਚ ਹੈ。

ਮੇਟਾ ਡੇਟਾ ਬਰਾਊਜ਼ਰ (ਕਿਵੇਂ ਸਮੱਗਰੀ ਦਿਖਾਉਣਾ ਜਾਂ ਪੇਜ਼ ਫਰੀਕਸ਼ਨ ਕਰਨਾ), ਸਰਚ ਇੰਜਨ (ਕੀਵਾਰਡ), ਜਾਂ ਹੋਰ ਵੈਬ ਸੇਵਾਵਾਂ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。

ਸੈਰਚ ਇੰਜਣਾਂ ਲਈ ਕੀਵਾਰਡਸ

ਕੁਝ ਸੈਰਚ ਇੰਜਣਾਂ ਪੰਨੇ ਦੇ meta ਏਲੀਮੈਂਟ ਦੇ name ਅਤੇ content ਪ੍ਰਤੀਭੂਤੀਆਂ ਨੂੰ ਇਕੱਠੇ ਕਰਕੇ ਆਪਣੇ ਪੰਨੇ ਨੂੰ ਇੰਡੈਕਸ ਕਰਦੀਆਂ ਹਨ。

ਹੇਠ ਲਿਖੇ meta ਏਲੀਮੈਂਟ ਪੰਨੇ ਦੀ ਵਰਣਨ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨ:

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

ਹੇਠ ਲਿਖੇ meta ਏਲੀਮੈਂਟ ਪੰਨੇ ਦੇ ਕੀਵਾਰਡਸ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨ:

<meta name="keywords" content="HTML, CSS, XML" />

name ਅਤੇ content ਪ੍ਰਤੀਭੂਤੀਆਂ ਦਾ ਕੰਮ ਪੰਨੇ ਦੀ ਸਮਗਰੀ ਨੂੰ ਵਰਣਨ ਕਰਨਾ ਹੈ。

HTML <script> ਏਲੀਮੈਂਟ

<script> ਟੈਗ ਨੂੰ ਕਲਾਈਮੈਂਟ ਸਕ੍ਰਿਪਟ ਦੇ ਪ੍ਰਤੀ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ JavaScript。

ਅਸੀਂ ਬਾਅਦ ਵਿੱਚ ਛੇਤੀ ਸਕ੍ਰਿਪਟ ਏਲੀਮੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਾਂਗੇ。

ایچ تی ایم ایل سرور عنصر

ਟੈਗ ਵਰਣਨ
<head> ਦਸਤਾਵੇਜ਼ ਬਾਰੇ ਸੂਚਨਾ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ。
<title> ਦਸਤਾਵੇਜ਼ ਦੇ ਟਾਈਟਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ。
<base> ਪੰਨੇ 'ਤੇ ਸਾਰੇ ਲਿੰਕਾਂ ਦੀ ਮੂਲ ਠਿਕਾਨਾ ਜਾਂ ਮੂਲ ਟੀਚੇ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ。
<link> ਦਸਤਾਵੇਜ਼ ਅਤੇ ਬਾਹਰੀ ਸੰਸਾਧਨਾਂ ਦਰਮਿਆਨ ਸਬੰਧ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ。
<meta> HTML ਦਸਤਾਵੇਜ਼ ਦੇ ਮੇਟਾਡਾਟਾ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ。
<script> ਕਲਾਈਮੈਂਟ ਸਕ੍ਰਿਪਟ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ。
<style> ਦਸਤਾਵੇਜ਼ ਦੇ ਸਟਾਇਲ ਸੂਚਨਾ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ。