Html and css full tutorials. Html full corse in hindi. Css in hindi

Harshit sharma Harshit sharma. - August 09, 2023

DAY 1

HYPERTEXT MARKUP LANGUAGE

1. INTRODUCTION

·        Hyper text markup language

·        Html is web language

·        Html is front end language

·        Html is platform independent language

·        Founder of html is “Tim Berners lee”

·        Html provides predefine tags to design webpage.

·        Html not case sensitive.

·        Latest version of html is html 5.2

·        Html extension is .html or .htm

·        Html is controlled and managed by an organization named “w3c”(word wide web consortium ).

2.     TYPE OF TAGES

·        Tags are two types

·        Container tag or paired tag

·        Ex. <p></p> is container tag

·        Standalone tag or single tag or unpaired tag

·        Opening tag but not a closing tag called paired tags

·        Ex. <hr>,<br>

3.     BASIC STRUCTURE OF HTML

·        <html>

·        <head> tags related to page property </head>

·        <body> visible text or tag is written here</body>

·        </html>
<html>
<head>
<title>first webpage</title>
</head>
<body>
this is body section
</body>
</html>

4.     Tags In head section

·        <style></style>

·        <script></script>

·        <noscript></noscript>

·        <meta/>

·        <base/>

·        <command></command>

·        <link/>

·        <title></title>

Title logo is called fav icon.
<html>
<head>
<title>hightech private lmtd</title>
<link rel="icon" href="wp5985829.jpg"/>
</head>
<body>
this is body section
</body>
</html>

For enter the location of next folder use / and “folder name”.

For exit the location of folder use ../ and “folder name”.

For enter the location of next drive use : ex- D:

../../../E/F/1.JPG

../../1.JPG

For change the background color use bgcolor attribute in body open container.

For change font style and colors use <font></font>.and use attributes.
<html>
<head>
<title>hightech private lmtd</title>
<link rel="icon" href="wp5985829.jpg"/>
</head>
<body bgcolor="red">
<font color="green" size="14px" face="itelic">jfflkajlflkjlkjflkjocnnoionwewoi</font>
this is body section
</body>
</html>

<p></p>------for paragraph tag

<b></b> -----bold the text

<strong></strong>------bold the tex

<i></i>--------italic text

<u></u>-------under line

<big></big>---------big text

<small></small>-------small text

<em></em>-----------for italic text

Heading tags in html.

<h1></h1>

<h2></h2>

</h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

Use <mark></mark> for highlight paragraph.

Use <strike></strike>,<s></s>,<dell></dell> for cut the text.
<html>
<head>
<title></title>
</head>
<body>
<h1>this is h1</h1>
<h2>this is h2</h2>
<h3>this is h3</h3>
<h4>this is h4</h4>
<h5>this is h5</h5>
<h6>this is h6</h6>
summmer training fee : 6500 /- after discount fee :<strike>5500/-</strike>
</body>
</html>

For base text use <sub></sub>.

For power on text use <sup></sup>.

For line break us <br> tag.
<html>
<head>
<title></title>
</head>
<body>
<h1>
h<sub>2</sub>so<sub>4</sub><br>
a<sup>2</sup>+b<sup>2</sup>
</h1>
</body>
</html>

Create symbols use html tags.

“ ” none breaking space.

© for copyright symbol.

® for register symbol.

↑ for up arrow.

↓ for down arrow.

→ for right arrow.

← for left arrow.

Comments