FRONT END :
HTML:
Full Form of HTML -> Hypertext markup language
Hypertext -> text which contains links to other texts
Markup Language -> It specifies the structure and formatting the document contents
HTML is the skeleton of the web pages.
HTML having the some major tags to communicate to web pages to present the contents.
Every html tag having opening and closing tags.
Ex:
- > opening tag
- > closing tag
Use .html extension to save file
Ex: Sample.html
sample html program :
<!DOCTYPE html>
<html>
<head>
<title> PAYILAGAM INSTITUTE </title>
</head>
<body>
<h1> I AM SELVAKUMAR </h1>
</body>
</html>
Output:
CSS:
CSS Full Form -> Cascading Style Sheets
It is used to styling the html content to display the content what's you like using css properties
Use .css extension to save file
Ex: Sample.css
TYPES OF CSS:
- INLINE CSS:
Using the style attribute in line of html tags
Ex:
<!DOCTYPE html>
<html>
<head>
<title> PAYILAGAM INSTITUTE </title>
</head>
<body>
<h1 style = "color : blue"> I AM SELVAKUMAR </h1>
</body>
</html>
Output:
- INTERNAL CSS:
In order to over come the inline abilities we using the internal style to perform the task in html file
Insert the <style> tag in head tag in html to use the css properties to the particular content in html file
EX:
<!DOCTYPE html>
<html>
<head>
<title> PAYILAGAM INSTITUTE </title>
<style>
h1{
color: Red;
}
</style>
</head>
<body>
<h1 > I AM SELVAKUMAR </h1>
</body>
</html>
OUTPUT:
- EXTERNAL CSS:
We using the link tag to connect the css file to html file
<link rel="stylesheet" type="text/css" href="style.css" />
Top comments (0)