Scribd Logo
Upload

Welcome to Scribd!

  • 11 views

    Web Development

    Uploaded by

    Peter Stark
    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.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    Web Development

    Uploaded by

    Peter Stark
    11 views25 pages
    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.

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    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.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    11 views25 pages

    Web Development

    Uploaded by

    Peter Stark
    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.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    You are on page 1of 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

    pFad - Phonifier reborn

    Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

    Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy