Code
Code
DOCTYPE html>
<html>
<head>
<title>
About html
</title>
</head>
<h1 align="center" ><b> <i><u> Tags and atrributes</u></i></b></h1>
<body bgcolor="red" text="Cyan" leftmargin="40
<hr size="5" color="magenta">
<font face="Courier New">
<p><b>THE Internet is an intergral part of everyone's life. The World Wide Web
brings loads of information on different pages called web pages. A web page is
generally a single HTML document. It may incliude text, graphics, audios, videos
and links. It can contain lots of of information and the document may be lengthy.
</p>
<p>
HTML stands for Hyper Text Markup Language. Hypertext means text which contains
link to another text. It means that the web pages of a websites are linked. You can
even browse from one page to another. Markup Language is the style of writing and
presenting the infromation within the text document. HTMl ia an example of markup
language. It is used for designing web pages on the World Wide Web.
</p>
</b>
<br>
<hr size="9" color="blue">
1.body tag
<p>
body tag is a tag used to enter the main body of the web page.This has many
attributes.
</p>
Examples: bgcolor, background, text, align, margins(left, right, top, bottom),
etc.<br><br>
<hr size ="9"color="blue">
2.p tag
<p>
p tag is a tag used to seperate two para and keep it has a para separated. This has
many attributes.
</p>
Example: align, color andetc<br><br>
<hr size ="9"color="blue">
3.hr tag
<p>
hr tag is a tag used to separate two things in the webpage. This has many
attribute.
</p>
Example: size, width, noshade, color, align, and etc.<br><br>
<hr size ="9"color="blue">
4.font tag
<p>
Font tag is tag used to edit a text in the webpage by coloring, highlighting, etc.
This has many attribute.
</p>
Example: face, color, size, align, and etc.<br><br>
<hr size ="9"color="blue">
5.mark tag
<p>
Mark tag is used to highlight the text which we want to. It highlight in yellow
without a attributes. This has many attribute.
</p>
Example: style, id, class, and etc.<br><br>
<hr size ="9"color="blue">
6.Marquee tag
<p>
Marquee tag is a tag used to give movement to the text. This has many attributes.
</p>
Example: direction, behavior, scrollamount, and etc.<br>
<marquee direction="up">HI</marquee>
<marquee bevavior="scroll"><mark>BYE</mark></marquee>
<br><br>
<hr size ="9"color="blue">
7.sup and sub tags
<p>
Sup and Sub tags are tags that are to write the content under or above the main
text(Sup for above and Sub for below). This has many attributes.
</p>
Example: class, style, id, etc.<br>
H<sub>2</sub>O<br>
10<sup>th</sup> position<br><br>
<hr size ="9"color="blue">
<h1 align="center">Extra tags (out of book)</h1>
<hr size ="9"color="blue">
1.Script tag
<p>
Script tag is a tag used to write external programming language (javascript) and
write external statement of the programming language (variable, if). This has many
attributes.
</p>
Example: We can use it as if, loop, variable, input and etc.<br><br>
<hr size ="9"color="blue">
2.Button and Input tags
<p>
Button and Input are tags used to get input from the user and button to submit the
input or the make change to the webpage.
</p>
Example: onclick, type, value, name, form, placeholder, pattern, and etc.<br><br>
<hr size ="9"color="blue">
<h1 align=" center"> Using Script, Input and Button</h1>
<input type="text" id="textInput" placeholder="Enter your name">
<script>
function displayMessage() {
var inputText = document.getElementById('textInput').value;
alert('Hello, ' + inputText + '! You clicked the button.');
}
</script>
</font>
</body>
</html>