Introduction to HTML
-
Upload
yht4ever -
Category
Technology
-
view
3.487 -
download
0
description
Transcript of Introduction to HTML
![Page 2: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/2.jpg)
Web Page Authoring Slide 2
Contents
Publish website
Hyperlinks
Formatting HTML Document
Understanding HTML
Introduction
![Page 3: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/3.jpg)
What is web?
What is a website? A collection of related web pages
What is a web page? A single page that contains text, graphics, multimedia,
links, forms, tables, …
Web Page Authoring Slide 3
![Page 4: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/4.jpg)
How to design a good site?
Identify Your Audience Contents Navigation Keywords Download Speed Browser Compatibility
Web Page Authoring Slide 4
![Page 5: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/5.jpg)
Understanding HTML
HTML: Is a collection of platform-independent styles used to
create a Web document or a Web page.
Tim Berners Lee designed the original HTML document in 1990.
The World Wide Web Consortium (W3C) is the standards organization that controls the various versions of HTML.
Web Page Authoring Slide 5
![Page 6: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/6.jpg)
Understanding HTML (cont.)
Features of HTML: Create a Web page using tags. Use graphics and display text in different fonts, sizes,
and color. Enhance the presentation of the document using
HTML elements. Create hyperlinks to navigate to different documents
present on the Web. Display data in a tabular format. Create multiple windows in a Web page to display
information from multiple sources in different windows …
Web Page Authoring Slide 6
![Page 7: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/7.jpg)
Web Page Authoring Slide 7
Understanding HTML (cont.)
Structure of an HTML Document An HTML document can be created by
combining various tags. Tags are special markup codes enclosed in
angle brackets that define the structure of the HTML document.
An HTML document contains the following structural tags:
• <!DOCTYPE>• <HTML>• <HEAD>• <BODY>• <SCRIPT>
![Page 8: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/8.jpg)
Web Page Authoring Slide 8
Understanding HTML (cont.)
Some meta tags <meta name="keywords" content="web" /> <meta name="description" content="web page
authoring demo" /> <meta http-equiv="refresh"
content="5;URL=product.html" />
![Page 9: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/9.jpg)
Web Page Authoring Slide 9
Understanding HTML (cont.)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type"
content="text/html; charset=utf-8“ /><title>Web page authoring</title></head>
<body></body></html>
![Page 10: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/10.jpg)
Web Page Authoring Slide 10
Formatting HTML Document
The block level tags are: Paragraph tag: <p> Line Break tag: <br /> Horizontal Rule tag: <hr> Heading tags: <h1> to <h6> Primitive Formatting tag: <pre> Blockquote tag: <blockquote> Center tag: <center>
![Page 11: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/11.jpg)
Web Page Authoring Slide 11
Formatting HTML Document (cont.)
The text level tags are:
<font> tag <b>, <strong> tag <i>, <em> tag <u> tag <sub> and <sup> tags <strike> tag
![Page 12: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/12.jpg)
Web Page Authoring Slide 12
Formatting HTML Document (cont.)
List tags: are compound, block level tags, commonly
used in HTML documents. have some attributes that enable you to
manipulate the appearance of the lists and in turn the appearance of the Web page.
can be nested. The various types of lists used in HTML are:
Ordered or numbered lists Un-ordered or bulleted lists Definition lists
![Page 13: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/13.jpg)
Web Page Authoring Slide 13
Formatting HTML Document (cont.)
Special characters: Line break Non-breaking space Copyright Registered Trademark Less than Greater than …
![Page 14: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/14.jpg)
Hyperlinks
Web Page Authoring Slide 14
Hyperlinks Email link Named anchor
![Page 15: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/15.jpg)
Publish your website
Domain name Hosting service Upload your file using FTP or web interface
Web Page Authoring Slide 15
![Page 16: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/16.jpg)
Naming Convention
Naming conventions are set of rules followed for naming Web pages.
Hosting service providers have their own set of conventions.
Some of the common default file names for home pages are: index.html/ index.htm default.html/ default.htm welcome.html/ welcome.htm home.html/ home.htm
Web Page Authoring Slide 16
![Page 17: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/17.jpg)
Summary
Web Page Authoring Slide 17
![Page 18: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/18.jpg)
Web Page Authoring Slide 18
Q&A
Feel free to post questions at http://yht4ever.blogspot.com.
or email to: [email protected]
![Page 19: Introduction to HTML](https://reader033.fdocuments.in/reader033/viewer/2022061118/54699197af795946718b624b/html5/thumbnails/19.jpg)
http://yht4ever.blogspot.com