Scribd
Upload
29 views

ITR@3

The document describes building a static website called Zoology.com using HTML and CSS to provide information about different animals. It includes an introduction to HTML and CSS, describing their basic structures and formats. Screenshots are provided of the login page output and code. References include website links, recommended books, and software used.

Uploaded by

Vaishnavi Lakade
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
29 views

ITR@3

The document describes building a static website called Zoology.com using HTML and CSS to provide information about different animals. It includes an introduction to HTML and CSS, describing their basic structures and formats. Screenshots are provided of the login page output and code. References include website links, recommended books, and software used.

Uploaded by

Vaishnavi Lakade
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 22

“Build a static website of name Zoology.

com which having information


about different animals,develop using HTML and CSS”

SubmittedTo

CSMSS College of Polytechnic,Aurangabad


Department of Computer Engineering

Training Conducted by

Flyview GIS Technology Private Limited

Director: Submitted By: -


Name: - Vaishnavi Manohar
Flyview GIS Lakade
Enroll no: -2011520088
Technology Pvt.Ltd
INDEX

Sr no Content Name Page No

Introduction
1.1 What is HTML?
1.2 Basic Structure of HTML.
01 01-05
1.3 Description of Basic Structure of HTML.
1.4 What is CSS?
1.5 Basic format of declaring CSS

Project results and diagrams or Screenshots

2.1 Login page (OUTPUT) of Zoology.com


2.2 Login page (CODE) Screenshot or Diagram 06-19
02

References

03 3.1 Website links


20
3.2 Recommended Books for Learn HTML
3.3 Software used
1. INTRODUCTION

What is HTML?
➢ HTML is an acronym which stands for Hyper Text Markup Language which is used for
creating web pages and web applications. Let's see what is meant by Hypertext Markup
Language, and Web page.
➢ Hyper Text: Hypertext simply means "Text within Text." A text has a link within it, is a
hypertext. Whenever you click on a link which brings you to a new webpage, you have clicked
on a hypertext. Hypertext is a way to link two or more web pages (HTML documents) with
each other.
➢ Markup language: A markup language is a computer language that is used to apply layout and
formatting conventions to a text document. Markup language makes text more interactive and
dynamic. It can turn text into images, tables, links, etc.
➢ Web Page: A web page is a document which is commonly written in HTML and translated by
a web browser. A web page can be identified by entering an URL. A Web page can be of the
static or dynamic type. With the help of HTML only, we can create static web pages.
➢ Hence, HTML is a markup language which is used for creating attractive web pages with the
help of styling, and which looks in a nice format on a web browser. An HTML document is
made of many HTML tags and each HTML tag contains different content.

1
1.1 Basic Structure of HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<h1>HeadingTag</h1>
<P>Paragraphtag</p>
</body>
</html>

2
1.2 Description of HTML Basic Structure

➢ <!DOCTYPE>: It defines the document type or it instruct the browser about the version of
HTML.
➢ <html>: This tag informs the browser that it is an HTML document. Text between html tag
describes the web document. It is a container for all other elements of HTML except
<!DOCTYPE>
➢ <head>: It should be the first element inside the <html> element, which contains the metadata
(information about the document). It must be closed before the body tag opens.
➢ <title>: As its name suggested, it is used to add title of that HTML page which appears at the
top of the browser window. It must be placed inside the head tag and should close
immediately. (Optional)
➢ <body>: Text between body tag describes the body content of the page that is visible to the
end user. This tag contains the main content of the HTML document.
➢ <h1>: Text between <h1> tag describes the first level heading of the webpage.
➢ <p>: Text between<p>tag describes the paragraph of the webpage.

3
1.3 What is CSS

❖ CSS (Cascading Style Sheets) is a stylesheet language used to design a webpage to make it
attractive. The reason for using this is to simplify the process of making web pages presentable. It
allows you to apply styles on web pages.
❖ More importantly, it enables you to do this independent of the HTML that makes up each web
page.
❖ There are three types of CSS which are given below:
❖ Inline: Inline CSS contains the CSS property in the body section attached with the element known
as inline CSS.
❖ Internal or Embedded: The CSS ruleset should be within the HTML file in the head section i.e.
the CSS is embedded within the HTML file.
❖ External: External CSS contains a separate CSS file that contains only style property with the help
of tag attributes.
❖

4
1.4 Basic Format to Declaring CSS

<!DOCTYPEhtml>

<html>

<head>

<title>Websitename</title>

<! --Stylesheetofwebpage-->

<style>CSSRulesWritteninThisStyleTag</style>

</head>

<body>
<! --Bodysectionofwebpage-->
</body>

</html>

5
2 Project results and their code (Screen shot or diagram)

6
7
8
9
10
11
12
13
14
15
16
17
18
19
3 References

Website links: -
➢ What is HTML - javatpoint
➢ CSS - GeeksforGeeks
➢ HTML - Wikipedia
➢ CSS - Wikipedia
➢ HTML Structure (rkonline.in)
➢ How CSS is structured (linuxhint.com)
➢

Recommend Books:-

➢ Web Style Guide: Basic Design Principles for Creating Web Sites by Patrick J. Lynch
➢ Mastering CSS by Rich Finelli, Released October 2017 Publisher(s): Packt Publishing
➢ Full Stack Web Development with Raspberry Pi 3 Paperback – Import, 3 August 2017(Available
on Amazon)
➢ Get Coding! Learn HTML, CSS & JavaScript & Build a Website, App & Game – by Young
Rewired State
➢ Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics

Software Used: -

➢ Visual Studio Code


➢ Extensions in VS Code:
1. Live Server
2. Elm Emmet, JSS, Live and Key bindings I
3. HTML Boilerplate

20

You might also like