session no 1 html
TRANSCRIPT
![Page 1: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/1.jpg)
HTML 5.0Session No 1
04/11/2023Developed by: Saif Ullah Dar 1
![Page 2: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/2.jpg)
OBJECTIVES1) Getting Started With HTML2) Introducing HTML3) How Web pages work4) Introduction to Tags.5) Structure of HTML page6) Creating a Web Page7) Introduction table, tr, td tags.8) Paragraphs9) Preformatted Paragraphs
04/11/2023Developed by: Saif Ullah Dar 2
![Page 3: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/3.jpg)
WHAT IS WORLD WIDE WEB? The World Wide Web (Web) is a network
of information resources. The Web relies on three mechanisms to make these resources readily available to the widest possible audience:A uniform naming scheme for locating
resources on the Web (e.g., URIs). Protocols, for access to named resources
over the Web (e.g., HTTP). Hypertext, for easy navigation among
resources (e.g., HTML).
04/11/2023Developed by: Saif Ullah Dar 3
![Page 4: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/4.jpg)
INTRODUCING HTML
4Developed by: Saif Ullah Dar 04/11/2023
To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may potentially understand. The publishing language used by the World Wide Web is HTML (from Hypertext Markup Language).
![Page 5: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/5.jpg)
WHAT IS HTML?
5Developed by: Saif Ullah Dar 04/11/2023
A. HTML contains special markers, or tags, which define the style and structure of the page
B. Tags are also referred to as elements.
![Page 6: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/6.jpg)
USE OF HTML Publish online documents with headings,
texts, tables, lists, photos, etc. Retrieve online information via
hypertexts links. Design forms for conducting
transactions with remote services, for use in searching for information, making reservations, ordering products, etc.
Include spread-sheets, video clips, sound clips, and other applications directly in their documents.
04/11/2023Developed by: Saif Ullah Dar 6
![Page 7: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/7.jpg)
HOW TO ACCESS AN WEB PAGE
Click To Proceed With The Steps
04/11/2023Developed by: Saif Ullah Dar 7
![Page 8: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/8.jpg)
8Developed by: Saif Ullah Dar 04/11/2023
Double Click on the
Internet Explorerbutton
![Page 9: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/9.jpg)
9Developed by: Saif Ullah Dar 04/11/2023
Browser Window Opens
![Page 10: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/10.jpg)
10Developed by: Saif Ullah Dar 04/11/2023
Type the url address &
Press Enter Key
http://www.google.com
![Page 11: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/11.jpg)
04/11/2023Developed by: Saif Ullah Dar 11
HTML files
Web ServerInternet
RequestRequest
User makes a request
www.google.com
http://www.google.com
![Page 12: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/12.jpg)
04/11/2023Developed by: Saif Ullah Dar 12
HTML files
Web ServerInternet
Web PageWeb Page
Google page is returned from the Web Server
![Page 13: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/13.jpg)
13Developed by: Saif Ullah Dar 04/11/2023
![Page 14: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/14.jpg)
WHAT IS TAG?
14Developed by: Saif Ullah Dar 04/11/2023
A tag is a reference in an HTML document which describes the style and structure of the document.
All tag start with < (less than symbol) and end with
> (greater than symbol) Tags which mark a beginning have no / (front
slash). Tags which mark an ending have a / immediately
after <, as in </.
![Page 15: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/15.jpg)
EXAMPLE OF TAG <HTML>,
<BODY>, <TITLE>
</HTML>, </BODY>, </TITLE>
STARTING TAGS / ELEMENTS
ENDING TAGS / ELEMENTS
04/11/2023Developed by: Saif Ullah Dar 15
![Page 16: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/16.jpg)
EXPLANATION OF THE HTML CODE
16Developed by: Saif Ullah Dar 04/11/2023
<HTML><HEAD><TITLE> My Home Page </TITLE></HEAD><!-- Written by Manas K Sahoo --><!-- Created: 30-May-2007 --><!-- Organization: IBM --><BODY>This is where the text goes. </BODY></HTML>
![Page 17: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/17.jpg)
EXPLANATION OF THE HTML CODE
17Developed by: Saif Ullah Dar 04/11/2023
<HTML><HEAD><TITLE> My Home Page </TITLE></HEAD><!-- Written by Manas K Sahoo --><!-- Created: 30-May-2007 --><!-- Organization: IBM --><BODY>This is where the text goes. </BODY></HTML>
Start of an HTML document.
![Page 18: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/18.jpg)
EXPLANATION OF THE HTML CODE
18Developed by: Saif Ullah Dar 04/11/2023
<HTML><HEAD><TITLE> My Home Page </TITLE></HEAD><!-- Written by Manas K Sahoo --><!-- Created: 30-May-2007 --><!-- Organization: IBM --><BODY>This is where the text goes. </BODY></HTML>
Indicates to the browser that this is an HTML document.
![Page 19: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/19.jpg)
EXPLANATION OF THE HTML CODE
19Developed by: Saif Ullah Dar 04/11/2023
<HTML><HEAD><TITLE> My Home Page </TITLE></HEAD><!-- Written by Manas K Sahoo --><!-- Created: 30-May-2007 --><!-- Organization: IBM --><BODY>This is where the text goes. </BODY></HTML>
HTML document is divided into two sections. 1. <HEAD> …. </HEAD>
![Page 20: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/20.jpg)
EXPLANATION OF THE HTML CODE
20Developed by: Saif Ullah Dar 04/11/2023
<HTML><HEAD><TITLE> My Home Page </TITLE></HEAD><!-- Written by Manas K Sahoo --><!-- Created: 30-May-2007 --><!-- Organization: IBM --><BODY>This is where the text goes. </BODY></HTML>
HTML document is divided into two sections. 2. <BODY> …. </BODY>
![Page 21: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/21.jpg)
EXPLANATION OF THE HTML CODE
21Developed by: Saif Ullah Dar 04/11/2023
<HTML><HEAD><TITLE> My Home Page </TITLE></HEAD><!-- Written by Manas K Sahoo --><!-- Created: 30-May-2007 --><!-- Organization: IBM --><BODY>This is where the text goes. </BODY></HTML>
Shows the contents in the browser title bar. Generally placed inside Head tag.
![Page 22: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/22.jpg)
EXPLANATION OF THE HTML CODE
22Developed by: Saif Ullah Dar 04/11/2023
<HTML><HEAD><TITLE> My Home Page </TITLE></HEAD><!-- Written by Manas K Sahoo --><!-- Created: 30-May-2007 --><!-- Organization: IBM --><BODY>This is where the text goes. </BODY></HTML>
Indicates comment tag. Can be placed anywhere in the document.
![Page 23: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/23.jpg)
EXPLANATION OF THE HTML CODE
23Developed by: Saif Ullah Dar 04/11/2023
<HTML><HEAD><TITLE> My Home Page </TITLE></HEAD><!-- Written by Manas K Sahoo --><!-- Created: 30-May-2007 --><!-- Organization: IBM --><BODY>This is where the text goes. </BODY></HTML>
Signal the end of HTML document.
![Page 24: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/24.jpg)
KINDS OF TAGS
24Developed by: Saif Ullah Dar 04/11/2023
Range / Container tags
Standalone / Point tags
They are called so because they cover a range of text.
Example : <HTML>, <HEAD>, <BODY>, <TITLE>
Those tags which do not need an ending.
Example: <HR>, <BR>
![Page 25: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/25.jpg)
PARAGRAPHS
04/11/2023Developed by: Saif Ullah Dar 25
![Page 26: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/26.jpg)
LINE SEPARATORS Tags used for separating one line with other
can be classifies as follows:-
04/11/2023Developed by: Saif Ullah Dar 26
1. <P> tag
3. <BR> tag
4. <HR> tag
2. <PRE> tag
![Page 27: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/27.jpg)
THE <P> TAG Normally all text in an HTML document
is treated like one long paragraph. Indented or blank lines which normally indicate start of paragraphs in text are ignored.
To separate your text into paragraphs use the
The <P> tag forces an end of line and forces a blank line before the next paragraph.
04/11/2023Developed by: Saif Ullah Dar 27
<P>
tag.
![Page 28: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/28.jpg)
PARAGRAPH TAG VIEW
04/11/2023Developed by: Saif Ullah Dar 28
![Page 29: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/29.jpg)
<p>This is should be the end of my first paragraph in HTML.</p>
<p>This should be the start of my second paragraph in HTML.</p>
<p>And this is should be my third paragraph in HTML.</p>
04/11/2023Developed by: Saif Ullah Dar 29
Code Snippet To Fulfill the Requirement
![Page 30: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/30.jpg)
<p>This is should be the end of my first paragraph in HTML.</p>
<p>This should be the start of my second paragraph in HTML.</p>
<p>And this is should be my third paragraph in HTML.</p>
04/11/2023Developed by: Saif Ullah Dar 30
<p> tag forces an end of line and forces a blank line before the next paragraph.
![Page 31: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/31.jpg)
<p>This is should be the end of my first paragraph in HTML.</p>
<p>This should be the start of my second paragraph in HTML.</p>
<p>And this is should be my third paragraph in HTML.</p>
04/11/2023Developed by: Saif Ullah Dar 31
<p> tag forces an end of line and forces a blank line before the next paragraph.
Ends the paragraph tag.
![Page 32: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/32.jpg)
THE <PRE> TAG Preformatted tag is used to display the
data in the explorer as written in the Program.
To use the tabs in the paragraphs This tag is used to place the data
according to your own style. The font size of this tag is different from
the font size of the <P> Tag Do not forget to close this Tag.
04/11/2023Developed by: Saif Ullah Dar 32
<PRE>
tag.
![Page 33: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/33.jpg)
<pre>This is should be the end of my first Paragraph in HTML Using the PRE FORMATTED TAG.</pre>
<pre>This should be the start of my second paragraph in HTML.</pre>
<p>And this is should be my third paragraph in HTML.</p>
04/11/2023Developed by: Saif Ullah Dar 33
Code Snippet To Fulfill the Requirement
![Page 34: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/34.jpg)
04/11/2023Developed by: Saif Ullah Dar 34
![Page 35: Session no 1 html](https://reader038.vdocument.in/reader038/viewer/2022102815/5549ce3cb4c905a97a8b48c0/html5/thumbnails/35.jpg)
THANK YOU VERY
MUCH
SAIF ULLAH DAR
04/11/2023Developed by: Saif Ullah Dar 35