ORIENTATION PROGRAM
Workshop on
“BASIC WEB DESIGNING”
Akanksha Mathur
Introduction
Hyper Text Markup Language
Text displayed on a Markup Languages
computer or other use sets of markup
electronic device with tags to characterize
references to other text elements within a
text that the user can document, which gives
immediately access, instructions to the
usually by a mouse Web browser on how
click or key press the document should
appear
Used to develop Web Pages
Designed by Berners-Lee in late 1991
Uses
Publish documents online with text, headings, images,
lists, tables, etc.
Accessing online information or other web resources
such as images, videos or other HTML document via
hyperlinks.
Create forms to collect user input like login
information, feedback, comments or conducting
transactions with remote servers, etc.
Include videos, sound clips, flash movies, applications
and other HTML document directly inside an HTML
document.
Advantages of HTML
1. It is highly flexible and user-friendly.
2. It is an open technology that supports almost all the
Web browser and platforms like MS-Windows,
Macintosh, UNIS, etc.
3. It is efficient and reliable. You can create the Web page
in order to advertise and promote products and services.
4. It is easily understandable and does not require long
time training.
5. It provides search engine compatible to the Web sites.
Disadvantages of HTML
It is complex to design attractive Web page only using
HTML. So, other languages are used for additional
programming.
It is difficult to develop a complete Web Site by using
only HTML. Web development tools like Dreamweaver,
Foundation are used.
It cannot be used to develop a dynamic Web page.
There is no any complete acceptable standard of HTML.
There are many incompatibilities of HTML
Elements, Tags and Attributes
Elements
◦ Kind of Structure or Semantic
◦ Consist of start tag, content and end tag
Tags
◦ Used to format the content
◦ Tags are written within angular brackets (<>)
◦ Except few tags, all the tags have opening and closing
tags
◦ Types of Tags- Paired and Unpaired
Attributes
◦ defines a property for an element
◦ consists of an attribute/value pair
◦ appears within the element's start tag
Basic HTML Tags
<html>
◦ To Indicate that this is a HTML document
<body>
◦ Includes the HTML body of the document
<meta>
◦ used for the author of the HTML page to record
information related to this page
<title>
◦ Title displayed on the upper left corner of browser
when you view a web page
<head>
◦ Indicate the header section of the HTML document
includes <title> and <meta> tag which will not be
displayed on the browser.
<meta tag>
Does not affect the physical appearance of the Webpage
Content contains the information about the Web page.
Attributes-
◦ Name- Name for the property
◦ Content-Specifies the Property Value
◦ Scheme-scheme to interpret the property’s value
◦ http-equiv- http response message headers.
<p> tag- used to create paragraphs
Formatting Tags
<b> - Text Bold
<big> - Text displayed one size greater than the
normal text
<small>- Text displayed one size lesser than the
normal text
<center>-To display text at the central of the line
<I>-Text Italic
<strong>-same as text bold
<sub>-subscripted text
<sup>-superscripted text
<tt>-teletyped text
<u>-underlined text
Phrase Tags
<strike>-strike out text
<blockquote>- enclosed text is an extended
quotation
<cite>-used for citation
<em>-emphasized text
<q>-Small quote written in double quotes
<mark>- mark or highlight the text with yellow color
<abbr>-abbreviate a text
<bdo>- Bidirectional text direction
<code> - to display text as a program code
<var>- to represent variable of a code
<address>-to represent address