HTML NOTES
HTML Language
1 html is called hyper text mark up language
2 what is hyper- representing next location
text - text is collection of number, symbol, words
ex.- amit@001
3 mark up - mark up is libarary is used to operate html program
4 language- mediater
HTML istructured
is called tag
tag is representing- <>
ex B tag- this is wrong concept
-<B>
ex. U tag = <U>
ex. I tag = <I>
P tag = <P>
types of tag in HTML:-
there are two types of tag used in HTML
1- open tag
2- close tag
1- open tag= in this tag only used 1 time in program
ex.<B>, <U>, <I>,
2- close tag= in this type of tag is used two time in program and tag is to be closed / symbol
ex. quw. B is close tag
ans.<B> </B>
U is close tag
<U> </U>
I is open tag = <I>
D is close tag= <D> </D>
H is open tag = <H>
HTML syntext:- (format)
1)<HTmL> (representing browser) (all HTML program is to be run web browser)
<BODY> represting output window.
create all logic
</BODY>
</HTML>
2)
<HTML>
<BODY>
all logic
</BODY>
</HTML>
How to create HTML file:-
1) step :- create your folder
HTML LISTS:-
list is collection of data items
there are two of lists.
1)order list
2)unorder list
1) order lists:- this type of lists is represent a specific order.
1,2,3,A,B,C,i,II,III,
2) unordered Lists:-in this types of lists can not used any order it only used bullet symbol.
ordered list to be created <OL> </OL>.
unordered lists to be created <UL> </UL>.
all list ellment (Item) is repsenting <LI> </LI> yes
<HTML>
<BODY>
ordered lists:-
<BR>
<OL Type="i">(type="A" start a,b,c,d)
<LI>Nagpur </LI>
<LI>Pune </LI>
<LI>Mumbai </LI>
</OL>
<BR>
unorderd lists:-
<BR>
<UL>
<LI>MCA </LI>
<LI>MBA </LI>
<LI>BCA</LI>
</UL>
</BODY
</HTML>
HTML LINKING:-
1)Linking is concepts for used to connect one page to an other page
2)there some types of concepts used in linking
1)page to page linking.
2)page to URL linking.
3)page to document linking.
4)page to API linking.
all types of linking to be create with the help of <A> </A>.
A is called anchor tag.
<HTML>
<BODY>
(PAGE TO PAGE LINKING)
<BR>
<A HREF="FIRST.HTML"> Visit my page </A>
<BR>
(PAGE TO URL LINKING)
<BR>
<A HREF="http://www.nrsolution4u.com"> VISIT MY WEBSITE </A>
<BR>
(PAGE TO DOCUMENT LINKING)
<BR>
<A HREF="RESUME.PDF"> DOWNLOAD MY RESUME</A>
<BR>
(PAGE TO API LINKING)EX. Post, youtube
<BR>
<A HREF="https://www.youtube.com/watch?v=wnHW6o8WMas"> VISIT MY MOTIVATIONAL VIDEO </A>
</BODY>
</HTML>
HTML EMBEDING:-
1)embedding is process is used to display social media information in our web page.
2) embedding is used to <Iframe>.
<HTML>
<BODY>
EMBEDING PROCESS
<BR>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Lk5flv3I1fI?si=1I7LcUBKeR1MvAhu" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</BODY>
</HTML>
ASSIGMENT:- 1
create a web page in following instructions
1) centre of the screen-biodata.
2) centre of the screen-your name
3) centre of the screen-your Email.
4) centre of the screen-your mobile.
5) Display horizontal line.
6) centre of the screen-educational details.
7) display your education detail in following format.
1. school
.name of school
.your percentage
2. college
.name of college
.branch
.percentage
8)display horizontal line
9) centre of the screen-work experience
10) display your experience in following format
company name-highlight
company ADDRESS- ADDRESS TAG
DATE OF JOINING-BOLD LETTER
11) DISPLAY HORIZONTAL LINE
12) DISPLAY ANY ONE MOTIVATIONAL VIDEO IN A PAGE.
13) DISPLAY ANY ONE LINKEDN POST IN A WEB PAGE.
14) DISPLAY HORIZPNTAL LINE
15) CRETE A LINKING-VISIT MY FACEBOOK PAGE
16) CENTRE OF THE SCREEN- DEVELOPED BY YOUR NAME
Comments
Post a Comment