Html,Css,Js INTERNSHIP REPORT By SELF pptx

Presented by:
Nisha Kumari
MCA 2nd
Year
MUR2301144

What is HTML?
HTML is the code that is used to structure a web page and its content.

HTML tags
The component used to design the structure of websites are
called HTML tags

Types of HTML tages
Container tags
<h1> content </h1>
<p> … </p>
<a> … </a>
Empty tags
<img/>
<hr>
<br>

The different types of HTML tags
 <html>…</html>
 <head>…</head>
 <title> … </title>
 <body>…</body>
 <h1> to </h6>
 <p>…</p>
 <a>…</a>
 <div> …</div>
 <img>

What is CSS?
● CSS stands for Cascading Style Sheets.
● Styles define how to display HTML elements.
● External Style Sheets can save a lot of work.
● External Style Sheets are stored in CSS files.
● A CSS (cascading style sheet) file allows to separate web
sites HTML content from it’s style.

How to use CSS?
There are three ways of inserting a style sheet:
External Style Sheet:
An external style sheet is ideal when the style is applied to many pages.
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Internal Style Sheet
An internal style sheet should be used when a single document has a unique style.
<head>
<style>
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

Inline Styles Sheet:
To use inline styles use the style attribute in the relevant tag.
The style attribute can contain any CSS property.
<p style="color:#fafafa;margin-left:20px">This is a paragraph.</p>

CSS Syntax
A CSS rule has two main parts: a selector, and one or more declarations:
{color : blue; font – size : 12 px;}
h1
Value Value
property
property
Selector Declaration Declaration
Combining Selectors :
h1, h2, h3, h4, h5, h6 {
color: #009900;
font-family: Georgia, sans-serif;
}

The id Selector
The id selector is used to specify a style for a single, unique element.
The id selector uses the id attribute of the HTML element, and is defined with a "#".
Syntax :
#selector-id { property : value ; }
The class Selector :
The class selector is used to specify a style for a group of elements.
The class selector uses the HTML class attribute, and is defined with a "."
Syntax :
.selector-class { property : value ; }

The CSS Box Model
● All HTML elements can be considered as boxes. In CSS,
the term "box model" is used when talking about design and
layout.
● The CSS box model is essentially a box that wraps around
HTML elements, and it consists of: margins,
borders, padding, and the actual content.
● The box model allows to place a border around elements
and space elements in relation to other elements.

Example
#signup-form {
background-color: #F8FDEF;
border: 1px solid #DFDCDC;
border-radius: 15px 15px 15px 15px;
display: inline-block;
margin-bottom: 30px;
margin-left: 20px;
margin-top: 10px;
padding: 25px 50px 10px;
width: 350px;
}
#signup-form .fieldgroup {
padding: 8px 10px; width: 340px;
}
#signup-form .fieldgroup label {
float: left;
padding: 15px 0 0;
text-align: right;
width: 110px;
}
#signup-form .fieldgroup input, #signup-form .
fieldgroup textarea, #signup-form
.fieldgroup select {
float: right;
margin: 10px 0;
height: 25px;
}
#signup-form .submit {
padding: 10px;
width: 220px;
height: 40px !important;
}
#signup-form .fieldgroup label.error {
color: #FB3A3A;
margin: 4px 0 5px 125px;
padding: 0;
text-align: left;
width: 220px;
}

JavaScript
 Java Script is programming language . We use it to give instructions to the
computer.
 JavaScript is a scripting language that allows developers to create
dynamic and interactive web pages

JavaScript Today
Web/
Mobile
App
Games
Command
line tools
Real time
Networking
App

Html,Css,Js INTERNSHIP REPORT By SELF pptx

Html,Css,Js INTERNSHIP REPORT By SELF pptx

More Related Content

Similar to Html,Css,Js INTERNSHIP REPORT By SELF pptx (20)

More from deepuranjankumar08 (7)

Recently uploaded (20)

Html,Css,Js INTERNSHIP REPORT By SELF pptx