HTML 到 标签
- ਪਿਛਲਾ ਪੰਨਾ <frameset>
- ਅਗਲਾ ਪੰਨਾ <head>
定义和用法
<h1>
到 <h6>
标签用于定义 HTML 标题。
<h1>
定义最重要的标题。<h6>
定义最不重要的标题。
注意
每个页面只使用一个 <h1>
- 这应该代表整个页面的主要标题/主题。此外,请不要跳过标题级别 - 从 <h1>
ਸ਼ੁਰੂ ਕਰੋ, ਫਿਰ ਵਰਤੋਂ ਕਰੋ <h2>
ਅਤੇ ਇਸ ਤਰ੍ਹਾਂ ਹੀ。
h ਐਲੀਮੈਂਟ ਨੇ ਨਿਸ਼ਚਿਤ ਪਰਿਭਾਸ਼ਾ ਰੱਖਦੇ ਹਨ, ਇਸ ਲਈ ਤੁਸੀਂ ਦਸਤਾਵੇਜ਼ ਦੀ ਰੂਪਰੇਖਾ ਨਿਰਮਾਣ ਲਈ ਉਚਿਤ ਟੈਗ ਪੱਧਰ ਚੋਣ ਕਰਨ ਲਈ ਬਹੁਤ ਖ਼ਰਾਬ ਹੋਵੇਗਾ। ਇਸ ਲਈ, ਤੁਸੀਂ ਟਾਇਟਲ ਟੈਗ ਨੂੰ ਇੱਕ ਹੀ ਸਾਰੀ ਲਾਈਨ ਵਿੱਚ ਫੋਂਟ ਸਾਈਜ਼ ਬਦਲਣ ਲਈ ਵਰਤਣ ਨਹੀਂ ਚਾਹੀਦੇ। ਬਜਾਰੇ, ਅਸੀਂ ਸੁੰਦਰ ਦਿਸ਼ਾ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਸਟਾਈਲ ਸ਼ੈਟ ਵਰਤੋਂ ਕਰਨ ਚਾਹੀਦੇ ਹਾਂ。
ਤੁਸੀਂ HTML ਟੈਗ ਚੋਣ ਅਤੇ ਵਰਤੋਂ ਬਾਰੇ ਜਾਣਕਾਰੀ ਜਾਣਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਪੜ੍ਹੋ:Web ਗੁਣ》。
ਹੋਰ ਦੇਖੋ:
HTML ਸਿੱਖਿਆ:HTML ਸਿਖਰ
HTML DOM ਸੂਚਨਾ-ਕੋਸ਼:Heading ਪ੍ਰਸਤੁਤੀ
ਉਦਾਹਰਨ
ਉਦਾਹਰਨ 1
ਛੇ ਵੱਖ-ਵੱਖ HTML ਟਾਇਟਲ
<h1>ਇਹ ਟਾਇਟਲ 1</h1>
<h2>ਇਹ ਟਾਇਟਲ 2</h2>
<h3>ਇਹ ਟਾਇਟਲ 3</h3>
<h4>ਇਹ ਟਾਇਟਲ 4</h4>
<h5>ਇਹ ਟਾਇਟਲ 5</h5>
<h6>ਇਹ ਟਾਇਟਲ 6</h6>
ਉਦਾਹਰਨ 2
ਟਾਇਟਲ ਦੇ ਪਿੱਨ ਰੰਗ ਅਤੇ ਟੈਕਸਟ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰੋ (CSS ਦੀ ਵਰਤੋਂ ਕਰਕੇ):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello World</h2>
ਉਦਾਹਰਨ 3
ਟਾਇਟਲ ਦੇ ਅਨੁਸਾਰੀ ਸਥਿਤੀ ਨੂੰ ਸੈਟ ਕਰੋ (CSS ਦੀ ਵਰਤੋਂ ਕਰਕੇ):
<h1 style="text-align:center">ਇਹ ਟਾਇਟਲ 1</h1>
<h2 style="text-align:left">ਇਹ ਟਾਇਟਲ 2</h2>
<h3 style="text-align:right">ਇਹ ਟਾਇਟਲ 3</h3>
<h4 style="text-align:justify">ਇਹ ਟਾਇਟਲ 4</h4>
ਸਰਬਵਿਆਪੀ ਪ੍ਰਤੀਯੋਗੀਆਂ
<h1>
- <h6>
ਟੈਗ ਇਹ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗੀਆਂ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਸਰਬਵਿਆਪੀ ਪ੍ਰਤੀਯੋਗੀਆਂ。
ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗੀਆਂ
<h1>
- <h6>
ਟੈਗ ਇਹ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗੀਆਂ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗੀਆਂ。
ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h1>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਨ 1
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h2>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਨ 2
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h3>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਨ 3
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h4>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਨ 4
h4 {
display: block;
font-size: 1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h5>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਣ 5
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h6>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਣ 6
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਚਰਮੋਨੀ
ਐਜ਼
ਫਾਇਰਫਾਕਸ
ਸੈਫਾਰੀ
ਓਪਰਾ
ਚਰਮੋਨੀ
ਐਜ਼
ਫਾਇਰਫਾਕਸ
ਸੈਫਾਰੀ
ਓਪਰਾ
ਸਮਰਥਨ
ਸਮਰਥਨ
ਸਮਰਥਨ
ਸਮਰਥਨ
ਸਮਰਥਨ
- ਪਿਛਲਾ ਪੰਨਾ <frameset>
- ਅਗਲਾ ਪੰਨਾ <head>
标签
- ਪਿਛਲਾ ਪੰਨਾ <frameset>
- ਅਗਲਾ ਪੰਨਾ <head>
定义和用法
<h1>
到 <h6>
标签用于定义 HTML 标题。
<h1>
定义最重要的标题。<h6>
定义最不重要的标题。
注意
每个页面只使用一个 <h1>
- 这应该代表整个页面的主要标题/主题。此外,请不要跳过标题级别 - 从 <h1>
ਸ਼ੁਰੂ ਕਰੋ, ਫਿਰ ਵਰਤੋਂ ਕਰੋ <h2>
ਅਤੇ ਇਸ ਤਰ੍ਹਾਂ ਹੀ。
h ਐਲੀਮੈਂਟ ਨੇ ਨਿਸ਼ਚਿਤ ਪਰਿਭਾਸ਼ਾ ਰੱਖਦੇ ਹਨ, ਇਸ ਲਈ ਤੁਸੀਂ ਦਸਤਾਵੇਜ਼ ਦੀ ਰੂਪਰੇਖਾ ਨਿਰਮਾਣ ਲਈ ਉਚਿਤ ਟੈਗ ਪੱਧਰ ਚੋਣ ਕਰਨ ਲਈ ਬਹੁਤ ਖ਼ਰਾਬ ਹੋਵੇਗਾ। ਇਸ ਲਈ, ਤੁਸੀਂ ਟਾਇਟਲ ਟੈਗ ਨੂੰ ਇੱਕ ਹੀ ਸਾਰੀ ਲਾਈਨ ਵਿੱਚ ਫੋਂਟ ਸਾਈਜ਼ ਬਦਲਣ ਲਈ ਵਰਤਣ ਨਹੀਂ ਚਾਹੀਦੇ। ਬਜਾਰੇ, ਅਸੀਂ ਸੁੰਦਰ ਦਿਸ਼ਾ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਸਟਾਈਲ ਸ਼ੈਟ ਵਰਤੋਂ ਕਰਨ ਚਾਹੀਦੇ ਹਾਂ。
ਤੁਸੀਂ HTML ਟੈਗ ਚੋਣ ਅਤੇ ਵਰਤੋਂ ਬਾਰੇ ਜਾਣਕਾਰੀ ਜਾਣਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਪੜ੍ਹੋ:Web ਗੁਣ》。
ਹੋਰ ਦੇਖੋ:
HTML ਸਿੱਖਿਆ:HTML ਸਿਖਰ
HTML DOM ਸੂਚਨਾ-ਕੋਸ਼:Heading ਪ੍ਰਸਤੁਤੀ
ਉਦਾਹਰਨ
ਉਦਾਹਰਨ 1
ਛੇ ਵੱਖ-ਵੱਖ HTML ਟਾਇਟਲ
<h1>ਇਹ ਟਾਇਟਲ 1</h1> <h2>ਇਹ ਟਾਇਟਲ 2</h2> <h3>ਇਹ ਟਾਇਟਲ 3</h3> <h4>ਇਹ ਟਾਇਟਲ 4</h4> <h5>ਇਹ ਟਾਇਟਲ 5</h5> <h6>ਇਹ ਟਾਇਟਲ 6</h6>
ਉਦਾਹਰਨ 2
ਟਾਇਟਲ ਦੇ ਪਿੱਨ ਰੰਗ ਅਤੇ ਟੈਕਸਟ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰੋ (CSS ਦੀ ਵਰਤੋਂ ਕਰਕੇ):
<h1 style="background-color:DodgerBlue;">Hello World</h1> <h2 style="color:Tomato;">Hello World</h2>
ਉਦਾਹਰਨ 3
ਟਾਇਟਲ ਦੇ ਅਨੁਸਾਰੀ ਸਥਿਤੀ ਨੂੰ ਸੈਟ ਕਰੋ (CSS ਦੀ ਵਰਤੋਂ ਕਰਕੇ):
<h1 style="text-align:center">ਇਹ ਟਾਇਟਲ 1</h1> <h2 style="text-align:left">ਇਹ ਟਾਇਟਲ 2</h2> <h3 style="text-align:right">ਇਹ ਟਾਇਟਲ 3</h3> <h4 style="text-align:justify">ਇਹ ਟਾਇਟਲ 4</h4>
ਸਰਬਵਿਆਪੀ ਪ੍ਰਤੀਯੋਗੀਆਂ
<h1>
- <h6>
ਟੈਗ ਇਹ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗੀਆਂ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਸਰਬਵਿਆਪੀ ਪ੍ਰਤੀਯੋਗੀਆਂ。
ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗੀਆਂ
<h1>
- <h6>
ਟੈਗ ਇਹ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗੀਆਂ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗੀਆਂ。
ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h1>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਨ 1
h1 { display: block; font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; }
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h2>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਨ 2
h2 { display: block; font-size: 1.5em; margin-top: 0.83em; margin-bottom: 0.83em; margin-left: 0; margin-right: 0; font-weight: bold; }
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h3>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਨ 3
h3 { display: block; font-size: 1.17em; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; font-weight: bold; }
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h4>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਨ 4
h4 { display: block; font-size: 1em; margin-top: 1.33em; margin-bottom: 1.33em; margin-left: 0; margin-right: 0; font-weight: bold; }
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h5>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਣ 5
h5 { display: block; font-size: .83em; margin-top: 1.67em; margin-bottom: 1.67em; margin-left: 0; margin-right: 0; font-weight: bold; }
ਮੋਟਾਂ ਬਿਨਾਂ ਮੋਟਾਂ ਦੇ ਪ੍ਰਵਾਨ ਦਿੱਤੇ ਗਏ ਹਨ <h6>
ਐਲੀਮੈਂਟ:
ਉਦਾਹਰਣ 6
h6 { display: block; font-size: .67em; margin-top: 2.33em; margin-bottom: 2.33em; margin-left: 0; margin-right: 0; font-weight: bold; }
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਚਰਮੋਨੀ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
ਚਰਮੋਨੀ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
- ਪਿਛਲਾ ਪੰਨਾ <frameset>
- ਅਗਲਾ ਪੰਨਾ <head>