[go: up one dir, main page]
Scribd
Upload
26 views25 pages

Web Development

This document provides an overview of web development using HTML, CSS, and how they work together. It discusses how HTML provides structure and tags to organize content, while CSS controls styling and presentation. Key points covered include common HTML tags like <p>, <table>, <form>, and <img>, how CSS rules define properties like colors, fonts, borders, and backgrounds, and how text, HTML markup, and CSS together create the final web page.

Uploaded by

Peter Stark
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
26 views25 pages

Web Development

This document provides an overview of web development using HTML, CSS, and how they work together. It discusses how HTML provides structure and tags to organize content, while CSS controls styling and presentation. Key points covered include common HTML tags like <p>, <table>, <form>, and <img>, how CSS rules define properties like colors, fonts, borders, and backgrounds, and how text, HTML markup, and CSS together create the final web page.

Uploaded by

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

Web

development

-BY ARYAN MATHUR


CSE-AIML
HTML =
Hyper Text Markup
Language
No HTML?
• Without any markup to give your page content
structure, the browser renders unformatted and
unstyled text
•HTML tags give
structure and
meaning to your
content.
HTML Tags <p></p> - to organize text into
paragraphs

<table></table> - to display table

<form></form> - to define form for


user input

<img></img> - to add image


HTML Once page content is marked
up with HTML tags, the
browser applies default
styles to the tags.

So now page is readable and


have a clear hierarchy.
But what should
The answer is use
we do to make the
CSS!
page look nice?
CSS =

Cascading

Style Sheet
CSS

• Set of rules defining how an html


element will be "presented" in the
browser.
CSS Rules p{ color: red;

font-style: italic;
#title { border: 1px dotted blue;

font-weight: bold;
title { background: yellow;

}
Some things colors

you can spacing


change with font
CSS sizes

font size

borders

backgrounds

positions (layout)
Some things you can’t change with
CSS

Content Markup
Text + HTML + CSS = Web Page
thanks
Intern Project Work

• A Website to watch movie & web series.


Project
Objective
• The objectives of this project are:
● To design a website where a user
can watch movies and web
series.

● To design a website with good


user interface.

● To design a website with great


animation and effects
Introduction

In today’s world with advancement in


technology for watching movie there is very
limited number of website that provide us
good user interface i.e., some website’s UI
are hard to understand and some provide us
with limited information about the movie,
therefore this project is about creating a
better user interface for the ease of use for the
people
File Structure

This project consists of three files which are:


● Html file: In this file all the content related to html
i.e. all the division all the information about the
movies and anime name and all the raw data

● Css file: In this file all the content is related to css


i.e all the html tags in html file has given some
functionality or colors or font size or different effects
like hover effect etc, so the code for everything
regarding that is in this file.
● Image file: This file consists of all the image that
are used in this project like background image
Technology Used

● HTML: In this project we are using hypertext


markup language i.e HTML to render every
information from movie name to every movie
card with the help of div tag in html. In this
project we have used img tag to render image
of the background in the website.

● CSS: In this project we have used CSS to make


our website look better by arranging every
element of html tag giving them colors making
hover effect on the each movie card and also on
the navigation bar and buttons,
Snapshots
Snapshots

You might also like