Web App - Xi - HTML

Web Application (Code-803)
UNIT - 2
WEBSITE DEVELOPMENT USING HTML AND CSS
What is Website?
A website is a collection of web pages which contains the information about the
particular organization or institution or any product. It contains the related content
that is identified by a common domain name and published on any one web server.
Few examples of such websites are bing.com, studykeeda.in, wikipedia.org, google.com,
amazon.com etc.
Languages used for website development

The most common programming languages used to develop websites are:
HTML(HyperText Markup Language), JavaScript, Cascading Style Sheets and PHP:
Hypertext Preprocessor. Some of these can be used as an extension of the
existing languages but some can be used entirely separate from the other
languages to create a dynamic or static website.
Types of Websites: Static and dynamic website

Static website
A static website is stored on the web server in the format that has to be sent to a
client web browser. It is mainly coded in Hypertext Markup Language (HTML)
and Cascading Style Sheets (CSS) to control the appearance of the website. These
are non-interactive websites which are only used to display the same information to
all visitors. If any changes are to be made then website owner can do it.It is a
manual process to edit the text, photos and other content and may require basic
website design skills and software. After the changes again it is published on the
same domain. Website containing the basic information or a brochure website are
often come under this category as these websites contains the present pre-defined,
static information to the user.
Dynamic website
A dynamic website is one that changes or customizes itself frequently and
automatically. Server-side dynamic pages are generated "on the fly" by computer
code that produces the HTML (CSS are responsible for appearance and thus, are
static files). There are a wide range of software systems, such as CGI, Java
Servlets and Java Server Pages (JSP), Active Server
Pages and ColdFusion (CFML) that are available to generate dynamic web systems
and dynamic sites. Various web application frameworks and web template
systems are available for general-use programming
languages like Perl, PHP, Python and Ruby to make it faster and easier to create
complex dynamic websites.
Q: What is Notepad and where do I get it?
A: Notepad is the default Windows text editor. On most Windows systems, click your
Start
button and choose Programs then Accessories. Its icon is a little blue notebook.
Select (in the preferences window) Plain text instead of Rich text and
then select Ignore rich text commands in HTML files. This is very important because if
you don’t do this HTML codes probably won’t work.
What is an Html File?

Ans: The documents themselves are plain text files with special “tags” or codes that a
web browser uses to interpret and display information on your computer screen.
 HTML stands for Hyper Text Markup Language
 An HTML file is a text file containing small markup tags
 The markup tags tell the Web browser how to display the page
 An HTML file must have an htm or html file extension
How to Create HTML File with example

Open your text editor and type the following text:
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html>
1. Save the file as mypage.html.

2. Start your Internet browser.
3. Select Open (or Open Page)in the File menu of your browser. A dialog box
will appear.
4. Select Browse (or Choose File) and locate the html file you just created -
mypage.html - select it and click Open.
5. Now you should see an address in the dialog box, for example
C:\MyDocuments\
6. mypage.html.
7. Click OK, and the browser will display the page.
How many type of heading in html

Ans : Headings are defined with the <h1> to <h6> tags. <h1> defines the largest heading
while <h6> defines the smallest.
<h1> ......................... </h1>
<h2> ......................... </h2>
<h3> ......................... </h3>
<h4> ......................... </h4>
<h5> ......................... </h5>
<h6> ......................... </h6>
which tag we used for create horizontal line in web page?

Ans: <hr> tag we used for create horizontal line in our web page.
Paragraphs
Paragraphs are defined with the <p> tag. Think of a paragraph as a block of text.
You can use the align attribute with a paragraph tag as well.
Line Breaks
The <br> tag is used when you want to start a new line, but don’t want to start a new
paragraph. The <br> tag forces a line break wherever you place it. It is similar to
single spacing in a document.
Note:- The <br> tag has no closing tag.
Horizontal Rule
The <hr> element is used for horizontal rules that act as dividers between sections,
like this:
The horizontal rule does not have a closing tag. It takes attributes such as align and
width.
SUPERSCRIPT AND SUBSCRIPT TAG
<sup> -> Defines a superscripted text

<sub> -> Defines a subscripted text
Eg
H2SO4 (EXAMPLE OF SUBSCRIPT)
H<sub>2</sub>SO<sub>4</sub>
X2+Y2 (EXAMPLE OF SUPERSCRIPT)
X<sup>2</sup>+Y<sup>2</sup>
What is the Difference between empty tag and container tag ?
Container tags are those tags that have both opening and closing tags. Empty tags are those
tags that only have an opening tag.
Eg
Empty tag : <br>, <hr><img>
Container tag : <html>, <h1>, <head> etc
Important Full Forms

W3C =>World Wide Web Consortium
CSS => Cascading Style Sheets
HTML => Hyper Text Markup Language
HTTP => Hyper Text Transfer Protocol
Current version of HTML is HTML5
Current Version of CSS is CSS3
Important Question wise notes

1: What are the pre requisites to learn the basics of HTML?
Ans : Prerequisites to learn basics of HTML is need a text editor, such as Notepad and an
Internet browser, such as Internet Explorer or Netscape Navigator.
2: How do you define a HTML file?

Ans: The documents themselves are plain text files with special “tags” or codes that a
web browser uses to interpret and display information on your computer screen.
 HTML stands for Hyper Text Markup Language
 An HTML file is a text file containing small markup tags
 The markup tags tell the Web browser how to display the page
 An HTML file must have an htm or html file extension
3: What is the tag for making a comment?

Ans: The comment tag is used to insert a comment in the HTML source code. A
comment can be placed anywhere in the document and the browser will ignore
everything inside the brackets. You can use comments to write notes to yourself, or write
a helpful message to someone looking at your source code.
Tag for comment is .
5: What is the syntax to define background color in HTML?
Ans: Syntax to define the background color is <body bgcolor=”red”>
6: Explain the procedure to view source code in Mozilla Firefox, Google Chrome
&Internet Explorer?
Ans: To view the source code for this page, in your browser window, select View and
then select Source.
7: List out any three popular web browsers?

Ans: Chrome, Mozila Firefox, Internet Explorer.
9: How do you insert an image and create a table in the HTML page?
Ans: We used tag for insert the image in web page are
<img src=”image_name.jpg” alt= “image of flower” width=400 height = 300

align=center >
Tag for create the table are
<table border=4>
<tr><th>Name</th>
<th>Mobile</th>
</tr>
<tr>
<td>Preeti</td>
<td>9250566452</td>
</tr>
</table>
10: What is the tag to insert a single line break?

Ans: <br>
11: What does W3C stand for?

Ans: World Wide Web Consortium

Web App - Xi - HTML

Uploaded by

Copyright:

Available Formats

Web App - Xi - HTML

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web App - Xi - HTML

Uploaded by

Copyright:

Available Formats

Web Application (Code-803)

Languages used for website development

Types of Websites: Static and dynamic website

What is an Html File?

How to Create HTML File with example

1. Save the file as mypage.html.

How many type of heading in html

<h2> ......................... </h2>

<h3> ......................... </h3>

<h4> ......................... </h4>

<h5> ......................... </h5>

<h6> ......................... </h6>

which tag we used for create horizontal line in web page?

SUPERSCRIPT AND SUBSCRIPT TAG

<sup> -> Defines a superscripted text

H2SO4 (EXAMPLE OF SUBSCRIPT)

What is the Difference between empty tag and container tag ?

Empty tag : <br>, <hr><img>

Container tag : <html>, <h1>, <head> etc

Important Full Forms

Important Question wise notes

2: How do you define a HTML file?

3: What is the tag for making a comment?

7: List out any three popular web browsers?

<img src=”image_name.jpg” alt= “image of flower” width=400 height = 300

Tag for create the table are

10: What is the tag to insert a single line break?

11: What does W3C stand for?

You might also like