What is HTML?
- HTML stands for HyperText Markup Language. It was developed by
Tim bernerlee
- It is used to design the structure of the webpage
*what is a tag?
- A tag is a predefined word or a keyword that will be written between
opening and closing angular brackets
Types of tags
- Paired tags: a tag which having an opening and a closing tag is
known as a paired tag
- Unpaired tag: a tag that doesn’t have a closing tag is known as an
unpaired tag
- - A tag is a predefined word or keyword that is written between
opening and closing angle brackets.
***structure of HTML ****
<!DOCTYPE html>
<html lang=”en”>
<head>
<title>document</title>
</head>
<body></body>
</html>
**** What is doctype
- It is a documentation type which will refers to the current version of
the HTML
**** What is html tag
- It is a root tag. It consists of two tags
- Head
- Body
****** What is a head tag
- It is used to provide the main information of the webpage
**** What is a meta tag
- Meta tag is used to provide detailed information about the webpage,
and it is used for SEO
****title tag
- It is used to provide the title to the web page
**** What is the body
- It is used to display the content on the user interface
***HEADING TAG****
- Heading tag are used to give heading, sub heading to the content
and display it on user interface
- There six heading tags in html <h1> to <h6>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-
scale=1" />
<title>Document</title>
</head>
<body>
<h1>sudarshan</h1>
<h2>sudarshan</h2>
<h3>sudarshan</h3>
<h4>sudarshan</h4>
<h5>sudarshan</h5>
<h6>sudarshan</h6>
</body>
</html>
****FORMATING TAG********
- FORMATING tag is used to modify text or format the text or
changing the text format and display it on UI
- Bold= to make letter bold
- Italic= to make letter in italic format
- Underline= to give underline under the letter
<b>hello sudarshan</b><br>
<i>hello Sudarshan<i><br>
<u> sudarshan</u><br>
<mark>sudarshan</mark><br>
<strike>hello</strike><br>
<ins>hello</ins><br>
(a+b)<sup>2</sup><br>
H<sub>2</sub>O
***bold and strong tag***
Bold tag is used to display the normal text in bold text, but the
strong tag is used to display normal text in bold, as well as it will
give more importance to that particular text based on SEO and
display it on UI
***IMGAGE TAG <img>****
- Image tag is used to display an image on the UI
- It is an unpaired tag
- inside the image tag, important attributes are src(source), height,
width, alt(alternative name for image if there is issue in displaying
image)
- In the src, we need to give the image path, the path can be given in
two types
1] absolute(online)
2] relative(local)
** alt**
- alt: whenever the image is not displayed, then an alternative name
will be displayed on the UI
***paragraph***
- it is used to display a paragraph on the UI
- It is block-level element
****anchor tag******
- Anchor tag is used to create the hyperlinks
- Inside the anchor tag, the important attributes are href(hyperlink
reference )
- In href, we need to provide the link
- In the target we can give the value
- 1]_blank
- 2]_top
- 3]_parent
- 4]_self
*****Morquee tag****
- To scroll the morque tag
-