[go: up one dir, main page]
Scribd
Upload
23 views3 pages

WT Writeup 2

Uploaded by

abhinavdeokar7
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
23 views3 pages

WT Writeup 2

Uploaded by

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

Assignment No : 2

TITLE
Implement a web page index.htm for any client website (e.g., a restaurant website project)
using following:
a. HTML syntax: heading tags, basic tags and attributes, frames, tables, images, lists, links
for text and images, forms etc.
b. Use of Internal CSS, Inline CSS, External CSS

OBJECTIVES

1. Understand about basic concepts of html


2. Understand the basic concepts of CSS

THEORY-CONCEPT
HTML: HTML is the standard markup language for creating Web pages.

 HTML stands for Hyper Text Markup Language


 HTML describes the structure of Web pages using markup
 HTML elements are the building blocks of HTML pages
 HTML elements are represented by tags
 HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
 Browsers do not display the HTML tags, but use them to render the content of the
page

 HTML Versions:

HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML 5 2014
Table.1: HTML Versions

CSS:

CSS stands for Cascading Style Sheet. It is nothing, but design language intended to simplify
the process of making web pages presentable.CSS handles the feel and look part of a web
page.By using CSS, one can control the color of text, style of fonts, spacing between
paragraphs, layout designs.
CSS is easy to learn, easy to understandand it provides powerful control on presentation of
an HTML document.

Advantages of CSS:

It saves the time, Pages load faster, Easy maintenance, Superior styles to HTML, Multiple
Device Compatibility, Global web standards, Offline Browsing, Platform Independence.
CSS3 Modules:
CSS3 Modules are having old CSS specifications as well as extension features.

 Box Model
 Selectors
 Background
 Border
 Image Values and Replaced Content
 Text Effects
 Animations
 2D/3D Transformations
 Multiple Column Layout
 User Interface
TECHNOLOGY / TOOL

 The <!DOCTYPE html> declaration defines this document to be HTML5


 The <html> element is the root element of an HTML page
 The <head> element contains meta information about the document
 The <title> element specifies a title for the document
 The <body> element contains the visible page content
 The <h1> element defines a large heading
 The <p> element defines a paragraph
 HTML tags are element names surrounded by angle

brackets: <tagname>content goes here...</tagname>

CSS can be added to HTML elements in 3 ways:

 Inline - by using the style attribute in HTML elements. An inline CSS is used to apply
a unique style to a single HTML element.

Ex. <h1 style="color:blue;">This is a Blue Heading</h1>


 Internal - by using a <style> element in the <head> section. An internal CSS is used
to define a style for a single HTML page. An internal CSS is defined in the <head>
section of an HTML page, within a <style> element.

Example:<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color:
red;}
</style>

 External - by using an external CSS file. An external style sheet is used to define the
style for many HTML pages. With an external style sheet, you can change the look of
an entire web site, by changing one file!To use an external style sheet, add a link to it
in the <head> section of the HTML page.

Example: <link rel="stylesheet" href="styles.css">

 Use the HTML <head> element to store <style> and <link> elements
 Use the CSS color property for text colors
 Use the CSS font-family property for text fonts
 Use the CSS font-size property for text sizes
 Use the CSS border property for borders
 Use the CSS padding property for space inside the border
 Use the CSS margin property for space outside the border
DESIGN / EXECUTION STEPS

Following steps are used to Create and Execute web applications,


1. Write the HTML code in notepad and save with .html extension.
2. Write the CSS code in notepad and save with .css extension.
3. Import CSS file in HTML page.
4. Open HTML page in the browser.

You might also like