HTML Tag

#	Content	Views
1.	Tutorial Tags	36,865
2.	Tutorial + Programming	1,061,086
3.	Videos	353,021
4.	Results (`Annual + Re-appear`)	44,785
5.	Quiz Chapters	37,075
6.	Quiz Questions	538,981
7.	Quiz Results	29,742
8.	Testimonials	7,581
9.	Projects	33,780
10.	e-Words	22,241
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,405
13.	Downloads (Syllabus)	2,635

Colors, Fonts and Sizes

4,094
Try it

Here, we will demonstrate some commonly used CSS properties. You will learn more about them later.

The CSS color property defines the text color to be used.

The CSS font-family property defines the font to be used.

The CSS font-size property defines the text size to be used.

<!DOCTYPE html>
<html>
<head>
<title>Colors, Fonts and Sizes</title>
</head>
<body>

<h1>Colors, Fonts and Sizes</h1>
<p>GSSS KHOKHAR</p>

</body>
</html>

Live Demo & Try it yourself!

#HTML #lists #unorder list #circle

Comments

4,094
Try it

The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers.

Comments are some text or code written in your code to give an explanation about the code, and not visible to the user. Comments which are used for HTML file are known as HTML comments. Anything written between these tags will be ignored by the browser, so comments will not be visible on the webpage.

HTML Comment Tag

You can add comments to your HTML source by using the following syntax:

Notice that there is an exclamation point (!) in the start tag, but not in the end tag.

<!DOCTYPE html>
<html>
<head>
<title>Comments</title>

<!-- Conditional Comment -->
<!--[if IE]>
<link href="stupidie.css" rel="stylesheet">
<![endif]-->

</head>    
<body>
<h2>HTML Comments</h2>
<!-- Single Line Comment -->

<!--
<p>Multiline Comment:</p>
<img border="0" src="/media/images/cat.jpg" alt="cat">
-->
<p>CSPunjab.Com</p>

<p>Computer <!-- Science --> Punjab.</p>

</body>
</html>

Live Demo & Try it yourself!

#CSS #HTML #style #text color

Monospaced Font

4,094
Try it

ਜਿਆਦਾਤਰ ਫੌਂਟਸ ਵਿੱਚ ਵੱਖੋ ਵੱਖਰੇ ਅੱਖਰਾਂ ਦੀ ਚੌੜਾਈ ਵੱਖਰੀ (variable-width) ਹੁੰਦੀ ਹੈ, (ਉਦਾਹਰਣ ਲਈ: 'w' ਦੀ ਚੌੜਾਈ 'i' ਤੋਂ ਜ਼ਿਆਦਾ ਹੁੰਦੀ ਹੈ) । ਪਰੰਤੂ ਮੋਨੋਸਪੇਸ਼ਡ ਫੌਂਟ ਵਿੱਚ ਸਾਰੇ ਅੱਖਰ ਇਕੋ ਬਰਾਬਰ ਚੌੜਾਈ ਦੇ ਹੁੰਦੇ ਹਨ। ਜੇਕਰ ਅਸੀਂ ਚਾਹੁੰਦੇ ਹਾਂ ਕਿ ਹਰੇਕ ਅੱਖਰ ਦੀ ਚੌੜਾਈ ਇਕੋ ਜਿਹੀ ਹੋਵੇ ਤਾਂ ਸਾਨੂੰ ਟੈਕਸਟ ਕੰਟੈਟਸ ਨੂੰ <tt ...</tt> ਟੈਗਜ਼ ਦੇ ਵਿਚਕਾਰ ਲਿਖਣਾ ਚਾਹੀਦਾ ਹੈ। <tt> ਟੈਗ ਟੈਲੀਟਾਈਪ (teletype text) ਦਾ ਸੰਖੇਪ ਰੂਪ ਹੈ।

<html>
<head>
<title>Monospaced Example</title>
</head>
<body>
<h1>Monospaced Font/ਮੋਨੋਸਪੇਸਡ ਫੌਂਟ </h1>
<h3>Text in Common Font</h3>
Computer Science, Punjab
<HR>
<br>
<h3>Text in Monospaced Font</h3>
<tt>Computer Science, Punjab</tt>
</body>
</html>

Live Demo & Try it yourself!

#HTML #formatting #marked

Working with big and small fonts

4,094
Try it

HTML ਵਿੱਚ <big> ਟੈਗ ਦੀ ਵਰਤੋਂ ਫੌਂਟ ਸਾਈਜ਼ ਨੂੰ ਡਾਕੂਮੈਂਟ ਦੇ ਬੋਸ-ਫੌਂਟ ਸਾਈਜ਼ (Base Font Size) ਜਾਂ ਆਦ ਦੁਆਲੇ ਦੇ ਟੈਕਸਟ ਸਾਈਜ਼ (ਆਕਾਰ) ਨਾਲੋਂ ਇੱਕ ਲੇਵਲ ਵੱਡਾ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜਿਵੇਂ ਕਿ ਛੋਟੇ ਦਰਮਿਆਨਾ (Small to Medium) ਲੈਵਲ, ਦਰਮਿਆਨੇ ਤੋਂ ਵੱਡਾ (Medium to Large) ਲੈਵਲ, ਵੱਡੇ ਤ ਐਕਸਟਰਾ ਵੱਡਾ ਲੈਵਲ (Large to X-Large) ਆਦਿ । HTML5 ਦੁਆਰਾ ਇਸ ਟੈਗ ਨੂੰ ਸਪੋਰਟ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ ਇਸ ਤਰ੍ਹਾਂ HTML ਵਿੱਚ ਟੈਗ ਦੀ ਵਰਤੋਂ ਫੌਂਟ ਸਾਈਜ਼ ਨੂੰ ਡਾਕੂਮੈਂਟ ਦੇ ਬੇਸ-ਫੌਂਟ ਸਾਈਜ਼ ਜਾਂ ਆ ਦੁਆਲੇ ਦੇ ਟੈਕਸਟ ਸਾਈਜ਼ ਨਾਲੋਂ ਇੱਕ ਲੈਵਲ ਛੋਟਾ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜਿਵੇਂ ਕਿ ਐਕਸ-ਵੱਡੇ ਤੋਂ ਵੱ (X-Large to Large) ਲੈਵਲ, ਵੱਡੇ ਤੋਂ ਦਰਮਿਆਨਾ ਲੈਵਲ (Large to Medium), ਮੱਧਮ ਤੋਂ ਛੋਟਾ (Medium Small) ਲੈਵਲ ਆਦਿ। HTML5 ਦੁਆਰਾ ਟੈਗ ਨੂੰ ਵੀ ਹੁਣ ਸਪੋਰਟ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ। ਇਹ ਦੋਵੇਂ ਟੈਗਜ਼ ਪੇਅਰਡ ਟੈਗ ਹਨ। ਹੇਠਾਂ ਦਿੱਤਾ HTML ਪ੍ਰੋਗਰਾਮ ਇਹਨਾਂ ਟੈਗਜ਼ ਦੀ ਵਰਤੋਂ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ:

<head>

Etituigger and Smaller Text Examles/titles

</head>

This is an example of big Bigger Texts/big> This is an example of samallaller Texts/smalle

</body>

<!DOCTYPE html>
<html>
<head>
<title>Working with fonts</title>
</head>
<body>
<h1>Making Text Size Larger or Smaller</h1>
<h3>ਟੈਕਸਟ ਦਾ ਆਕਾਰ ਵੱਡਾ ਜਾਂ ਛੋਟਾ ਕਰਨਾ</h3>
<HR>
Big Font - > <big>CSPunjab.Com</big><br>

Small Font - > <small>CSPunjab.Com</small>

</body>
</html>

Live Demo & Try it yourself!

#HTML #formatting #center

Working with Fonts

4,095
Try it

HTML ਦਸਤਾਵੇਜਾਂ ਵਿੱਚ ਫੋਂਟਸ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਅਸੀਂ <font- ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ। ਇੱਕ ਆਕਰਸ਼ਕ ਅਤੇ ਪੜ੍ਹਨਯੋਗ ਵੈੱਬ ਪੇਜ਼ ਬਣਾਉਣ ਲਈ <dont> ਟੈਗ ਮਹੱਤਵਪੂਰਣ ਭੂਮਿਕਾ ਅਦਾ ਕਰਦਾ ਹੈ। ਇਹ ਟੈਗ ਟੈਕਸਟ ਦੇ ਰੰਗ, ਆਕਾਰ ਅਤੇ ਸਟਾਈਲ (style) ਆਦਿ ਨੂੰ ਬਦਲਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇਸ ਟੈਗ ਦੇ ਤਿੰਨ ਮੁੱਖ ਐਟਰੀਬਿਊਟ ਇਸ ਪ੍ਰਕਾਰ ਹਨ :

Color: ਇਸ ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਟੈਕਸਟ ਦਾ ਰੰਗ (color) ਬਦਲਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਰੰਗ ਬਦਲਣ ਲਈ ਹਕਸਾਡੇਸਿਮਲ ਕੋਡ (Hexadecimal Code) ਜਾਂ ਰੰਗ ਦੇ ਨਾਮ (Black, Red, White ਆਦਿ) ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ।
Face : ਇਹ ਐਟਰੀਬਿਊਟ ਫੌਂਟ ਦਾ ਚਿਹਰਾ (font face) ਬਦਲਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਜੇਕਰ ਵੈੱਬਪੇਜ ਨੂੰ ਦੇਖਣ ਵਾਲੇ ਯੂਜ਼ਰ ਦੇ ਕੰਪਿਊਟਰ ਵਿੱਚ ਫੌਂਟ ਮੌਜੂਦ ਨਾ ਹੋਵੇ, ਤਾਂ ਯੂਜ਼ਰ ਦੇ ਕੰਪਿਊਟਰ ਦੇ ਡਿਫਾਲਟ ਵੋਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਵੈੱਬ ਪੇਜ ਦੇ ਟੈਕਸਟ ਨੂੰ ਦਰਸਾਇਆ ਜਾਵੇਗਾ।
Size ਇਹ ਐਟਰੀਬਿਊਟ ਫੌਂਟ ਦੇ ਆਕਾਰ (size) ਨੂੰ ਬਦਲਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਫੌਂਟ ਦਾ ਆਕਾਰ ਜਾਂ ਤਾਂ ਨੂਮੇਰਿਕ (Numeric) ਜਾਂ ਰੇਲੇਟਿਵ (Relative) ਮੁੱਲ ਵਜੋਂ ਸੈੱਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਨੁਮੋਰਿਕ ਮੁੱਲਾਂ ਦੀ ਸੀਮਾ 1 (ਸਭ ਤੋਂ ਛੋਟੀ) ਤੋਂ 7 (ਸਭ ਤੋਂ ਵੱਡੀ) ਤੱਕ ਹੁੰਦੀ ਹੈ। ਫੁੱਟ ਦਾ ਡਿਫਾਲਟ ਆਕਾਰ 3 ਹੁੰਦਾ ਹੈ। ਅਸੀਂ ਰੇਲੇਟਿਵ ਮੁੱਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵੀ ਫੋਟ ਦਾ ਆਕਾਰ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹਾਂ, ਜਿਵੇਂ ਕਿ 1 (ਪਹਿਲਾਂ-ਸੈੱਟ ਕੀਤੇ ਛੋਟ ਆਕਾਰ ਨਾਲੋਂ ਇੱਕ ਪੁਆਇਟ ਫੁੱਟ ਦਾ ਆਕਾਰ ਵਧਾਉਣ ਲਈ) ਜਾਂ-2 (ਪਹਿਲਾਂ-ਸੈੱਟ ਕੀਤੇ ਫੌਂਟ ਆਕਾਰ ਨਾਲ 2 ਪੁਆਇੰਟ ਫੁੱਟ ਦਾ ਆਕਾਰ ਘਟਾਉਣ ਲਈ) ਆਦਿ।

ਵੈੱਬਪੇਜ ਵਿੱਚ ਫੌਂਟ ਦੇ ਕਿਸੇ ਵੀ ਐਟਰੀਬਿਊਟ ਨੂੰ ਸੈੱਟ ਕਰਨ ਲਈ ਟੈਗ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। HTML 5 ਵਿੱਚ ਟੰਗ ਪੁਰਾਣਾ (obsolete) ਹੋ ਚੁੱਕਿਆ ਹੈ।

<!DOCTYPE html>
<html>
<head>
<title>Working with fonts</title>
</head>
<body>
<h1>Working with fonts</h1>
<h3>ਫੌਂਟਸ ਨਾਲ ਕੰਮ ਕਰਨਾ</h3>
<HR>
<br>
<font color="red">Bintu Chaudhary</font><br>
<font size="5">CSPunjab.Com</font><br>
<font face="Cooper">CSPunjab.Com</font><br>
<font face="Impact">CSPunjab.Com</font><br>
</body>
</html>

Live Demo & Try it yourself!

#HTML #formatting #preformatted

HTML <font> Tag

Colors, Fonts and Sizes

Comments

HTML Comment Tag

Monospaced Font

Working with big and small fonts

Working with Fonts

HTML Tags

HTML Examples