* WRITE A HTML AND CSS:- *
HTML:- (HyperText Markup Language):=
#-HTML is the standard markup language used to create the structure of a webpage. It defines elements like headings, paragraphs, links, images, lists, and more.
How it works: HTML uses tags (e.g., <h1>, <p>, <a>, <img>) to organize content. Browsers interpret these tags to render the webpage.
STRUCTURE OF HTML:=
BASIC:-
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
"OUT PUT"👇
This is a Heading
This is a paragraph.
THE ABOVE HTML PROGRAM CAN BE TYPED USING ANY WORD PROCESSING SOFTWARE BUT THE FILE SHOULD WITH "HTML" EXTENSION.
LET US SARED THE ABOVE FILE AS SAMPLE,HTML THE FILE NAME WITH THE DEFULT WEB BROWSER I CAN ONCE THE FILE B DOUBLE CLICK TAHN HTML PROGRAM IS ITERPRETER AND THE OUT PUT OF THE WEB PAGE DISPLAYED.
FEATURES HTML:=
1) NEW SEMATIC ELEMENT.
2)FROMS WITH NEW ATRIBUTES.
3)PERSISTANT LOACL STORAGE
4)WEB SOCKET
5)SERVER SENT EVENTS
6)CONVER-SUPPURTS TWO DIMENSION DRAWING.
7)AUDIO AND VIEDO.
8)JIO LOCATION.
9)MICRO DATA.
ELEMENT OF HTML:=
1)HEADER TAGS:=
HEADER TAGS STRARTS FROM.
<H1>CSS</H1> TO <H6>HTML<H6>
<H1>-----</H1> SIZE IS LARGEST
<H2>---- </H2>
<H3>---</H3>
<H4>---</H4>
<H5>---</H5>
<H6>---</H6> SIZE OF IS SMALLEST.
<H1>TAG IS THE LARGEST TAG<H6> TAGS IS THE SMALLEST TAGS.
THE TEXT ENCLOSED BY HEATER TAGS ARE BOLD AND
PRINTED IN LARGE SIZE
<HTML>
<HEAD>
<TITLE> SAMPLE </TITLE>
</HEAD>
<BOADY>
<H1> SYCS </H1>
</BODY>
</HTML>
👇 "OUT PUT"
SYCS
FOUNT:=
1. Fount (Typography): An old term for "font," referring to a specific style and size of text.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Font Color</title>
<style>
.red-text {
color: red;
}
</style>
</head>
<body>
<p class="red-text">This is a red text.</p>
</body>
</html>
👇 " OUT PUT"
This is a red text.
#)LIST TAG:=
<!DOCTYPE html>
<html>
<head>
<title>Unordered List</title>
</head>
<body>
<h3>Unordered List Example:</h3>
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Cherry</li>
</ul>
</body>
</html>
👇 " OUT PUT"
Unordered List Example:
- Apple
- Banana
- Cherry
(#)TABLE IN HTML:=
TABLE TAG= THE TABLE TAG IS USED TO CREATE TABLE IN THE WEB PAGE
LISTED BELOW ARE THE TAG USE FOR CREATING A TABLE.
EXAMPLE:=
<TABLE>
<TH>
<TD> S.NO </TD>
<TD> NAME </TD>
<TD> CLASS </TD>
<TR>
<TD> 1</TD>
<TD> AFFAN </TD>
<TD> IT <TD>
</TR>
<TR>
<TD> 2 </TD>
<TD> REHAN </TD>
<TD> CS </TD>
</TR>
</TABLE>
👇 "OUT PUT"
S.NO NAME CLASS
1 AFFAN IT
2 REHAN CS
"EXPLANATION OF CSS PROPERTIES "
EXAMPLE:=
CSS is a language used for describing the presentation of a document written in HTML or XML. It controls the layout, colors, fonts, spacing, and other visual aspects of a web page.
SELECT BOX:=
SELECT BOX IS ALSO CALLED AS DROUP DOWN BOX IT PROVIDE LIST
OF OPTION IN THE FROM OD DROP DOWN LIST WHERE THE USER CAN
SELECT ONE MORE OPETION.
<Select Name="dropdown">
<option value="Kalyan" selected > kalyan </option <option value="Mumbai"> Mumbai </option> <option value." pune ">pune </option>
</Select>
*)FILE UPLOD:=
IT IS USED TO UPLOD A FILE THROUGH FILE UPLOAD BOX.
THE<INPUT> CAN BE USE TO CREATE FILE UPLOAD OPETION.
<INPUT TYPE= "FILE" NAME="FILE UPLOAD" ACCEPT="IMAGE/*"/>
FOR PDF:=
INPUT TYPE= "FILE NAME="FILE UPLOAD" ACCEPT="DOCAUMENT/PDF"/>
# INLINE CSS:=
<HTML>
<HEAD>
<TITLE>CSS</TITLE>
<HEAD>
<BOADY>
<H1 STYLE="COLOUR:RED;"> WELCOME TO OUR CLASS</H1>
</BOADY>
</HTML>
"OUT PUT"
WELCOME TO OUR CLASS
# INTERNAL CSS:=
<HTML>
<HEAD>
<TITLE>CSS</TITLE>
<STYLE>
H1{COLOUR:GREEN;
BACKGROUND -COLOUR ; WHITE;
}
</STYLE>
</HEAD>
<BOADY>
<H1> WELCOME TO OUR CLASS</H1>
<H1> COMPUTER CLASS</H1>
<H1>SPOKEN CLASSES</H1>
<H1>ACADEMIC EDUCATION</H1>
</BOADY>
</HTML>
"OUT PUT"
WELCOME TO OUR CLASS
COMPUTER CLASS
SPOKEN CLASSES
ACADEMIC EDUCATION
#EXTERNAL CSS:=
<HTML>
<HEAD>
<TITLE>CSS</TITLE>
<LINK REL="STYLESHEET" HERF="XYZ.CSS">
</HEAD>
<BOADY>
<H1> WELCOME TO OUR CLASS</H1>
<H1> COMPUTER CLASS</H1>
<H1>SPOKEN CLASSES</H1>
<H1>ACADEMIC EDUCATION</H1>
</BOADY>
</HTML>
"OUT PUT"
WELCOME TO OUR CLASS
COMPUTER CLASS
SPOKEN CLASSES
ACADEMIC EDUCATION
Visual Studio Code - Code Editing. Redefined
# SHAIKH AFFAN 05:=
Comments
Post a Comment