Scribd
Upload
3 views

1. HTML Basic tools

The document serves as a syllabus for a Web Programming course, focusing on HTML as a markup language for creating web pages. It outlines objectives such as creating HTML documents, formatting web pages, and understanding HTML tools like editors and browsers. Key elements of HTML structure, including the DOCTYPE declaration, HEAD and BODY tags, and various HTML components like headings, paragraphs, and links, are also covered.

Uploaded by

Harshit Raj
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

1. HTML Basic tools

The document serves as a syllabus for a Web Programming course, focusing on HTML as a markup language for creating web pages. It outlines objectives such as creating HTML documents, formatting web pages, and understanding HTML tools like editors and browsers. Key elements of HTML structure, including the DOCTYPE declaration, HEAD and BODY tags, and various HTML components like headings, paragraphs, and links, are also covered.

Uploaded by

Harshit Raj
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 22

BCSE203E

Web Programming
Dr.Priyanka N
Syllabus
INTRODUCTION
• HTML stands for Hyper Text Markup Language
• HTML is not a programming language, it is
a markup language
• HTML is the standard markup language for
creating Web pages
• With HTML you can create your own Website
OBJECTIVES
• Create, save and view a HTML document
• Format a web page using section heading tags
• Describe Ordered and Unordered lists
• Explain graphics in HTML document
• Describe hypertext links and making text/image
link
HTML TOOLS
• There are two tools of HTML.
a) HTML Editor: it is the program that one uses to create
and save HTML documents.
➢They fall into two categories:
- Text based or code based which allows one to see the
HTML code as one is creating a document.
e.g. Notepad.
- Netscape composer
HTML TOOLS
b) Web Browser:
➢It is the program that one uses to view and test the
HTML documents.
➢They translate Html encoded files into text, image,
sounds and other features user see
➢Microsoft Internet Explorer, Netscape, Mosaic
Chrome are examples of browsers
The <!DOCTYPE> Declaration
• The <!DOCTYPE> declaration represents the document type,
and helps browsers to display web pages correctly
• It must only appear once, at the top of the page (before any
HTML tags).
• The <!DOCTYPE> declaration is not case sensitive.
HOW TO CREATE AN HTML
DOCUMENT
• All HTML documents must start with a document type
declaration: <!DOCTYPE html>
• The HTML document itself begins with <html> and ends
with </html>
• The visible part of the HTML document is between
<body> and </body>
HOW TO CREATE AN HTML
DOCUMENT
HOW TO CREATE AN HTML
DOCUMENT
• The essential tags that are required to create a HTML document are:
o <HTML>.............</HTML>
o <HEAD>.............</HEAD>
o <BODY>.............</BODY>
• An HTML document, web page can be created using a text editor, Notepad
or WordPad
• All the HTML documents should have the extension .htm or html
• It require a web browser like Internet Explorer or Netscape
Navigator/Communicator to view the document
An HTML document has two
distinct parts HEAD and BODY
• <HTML>
• <HEAD>
• .............
• .............
• .............
• </HEAD>
• <BODY>
• .............
• .............
• .............
• </BODY>
• </HTML>
HEAD Tag <HEAD>
• HEAD tag comes after the HTML start tag.
• It contains TITLE tag to give the document a title that displays on
the browsers title bar at the top.
• The Format is:
<HEAD>
<TITLE>
Your title goes here
</TITLE>
</HEAD>
BODY Tag <BODY>
• The BODY tag contains all the text and graphics of
the document with all the HTML tags that are used
for control and formatting of the page
• The Format is:
<BODY>
Your Document goes here
</BODY>
HTML Headings
•HTML headings are defined with the <h1> to <h6> tags
•<h1> defines the most important heading
•<h6> defines the least important heading
HTML Paragraphs
•HTML paragraphs are defined with the <p> tag
HTML Links
•HTML links are defined with the <a> tag
•The link's destination is specified in
the href attribute
HTML Line Breaks
• The HTML <br> element defines a line break.
• Use <br> if you want a line break (a new line) without
starting a new paragraph
The HTML <pre> Element
• The HTML <pre> element defines preformatted text
• The text inside a <pre> element is displayed in a fixed-width
font (usually Courier), and it preserves both spaces and line
breaks
HTML Horizontal Rules
• The <hr> tag defines a thematic break in an HTML page,
and is most often displayed as a horizontal rule.
• The <hr> element is used to separate content (or define a
change) in an HTML page
Attributes used with <BODY>
BGCOLOR:
• It is used to set the background color for the
document
• Example:
<BODY BGCOLOR="yellow">
Your document text goes here.
</BODY>
Attributes used with <BODY>
TEXT:
• It is used to set the color of the text of the document
Example:
<BODY TEXT="red">Introduction to HTML:: 77
Document text changed to red color
</BODY>
TRY!
Create and view a file in browser

You might also like