Scribd Logo
Upload

Welcome to Scribd!

  • 0 views

    Bhushan Intership Report 5 Sem Real

    Uploaded by

    VANSH BHATI

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Bhushan Intership Report 5 Sem Real

    Uploaded by

    VANSH BHATI
    0 views9 pages

    Original Title

    Bhushan intership report 5 sem real

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as doc, pdf, or txt
    0 views9 pages

    Bhushan Intership Report 5 Sem Real

    Uploaded by

    VANSH BHATI

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as doc, pdf, or txt
    of 9

    An Internship Report

    On
    Frontend Development (HTML, CSS)

    Submitted in partial fulfillment of the requirement for the


    Degree of Bachelor of Technology

    (SESSION 2023-24)
    DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
    CHAMELI DEVI GROUP OF INSTITUTIONS, INDORE

    Submitted by:
    Bhushan kawadkar(0832CS211051)

    Submitted To:
    Ms.Harleen Kaur
    (Assistant Professor)
    RAJIV GANDHI PROUDYOGIKI
    VISHWAVIDYALAYA BHOPAL (M.P)
    CHAMELI DEVI GROUP OF INSTITUTIONS,
    INDORE

    CERTIFICATE OF ORIGINALITY OF WORK

    I Bhushan kawadkar Enrollment No. 0832CS211051 Student


    of Computer Science & Engineering Branch V Semester, have
    complete the internship by Great Learing. I have worked on the
    HTML and CSS concept and technologies during my internship
    period.

    Name of Student-Bhushan kawadkar


    Enrollment Number-0832CS211051
    CSE V Semester
    CHAMELI DEVI GROUP OF INSTITUTIONS,
    INDORE

    CERTIFICATE
    This is to certify that Mr. Bhushan kawadkar of B.Tech (Computer Science &
    Engineering) Enrollment No.0832CS211051 has completed her Internship by
    Great learing 2023-2024 as partial fulfillment of the B.Tech (Computer Science &
    Engineering) course.

    Coordinator Head of the Department


    Ms. Harleen Kaur Mr. Anish kumar choudhary
    Table of Content

    CONTENTS PAGE NO.


    Introduction of the Project 01
    Description of the Project 02
    Technical Details of the Project 03-04
    Certificate of Internship 05
    Introduction

    HTML is the fundamental building block of web development, serving as the standard markup
    language for creating web pages. It provides the structure and elements necessary to define the
    content on a webpage.

    CSS is a stylesheet language used to control the presentation and layout of HTML documents. It
    enables developers to define the visual style of web pages, including aspects such as colours,
    fonts, spacing, and positioning.

    .
    The main features of the Html language include:
     Structure and Semantics
     Tags and Attributes
     Forms
     Multimedia Integration

    The main features of the CSS language include:


     Selective Styling
     Responsive Design
     Animations and Transitions
     Typography and Colors

    .
    HTML5, released in 2014, brought numerous new features, multimedia
    support, and improved semantics for modern web development.
    Over the years, browser vendors implemented CSS features with
    varying degrees of compatibility, leading to challenges for
    Description of the Project

    The objective of this project was to create a personal portfolio website showcasing
    my skills, projects, and professional experience. The focus was on developing a
    visually appealing and responsive website that would effectively communicate my
    capabilities to potential employers and collaborators.

    Basic Structure of HTML :


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Hello World</title>
    </head>
    <body>
    <h1>Hello World</h1>
    <p>This is a web page.</p>
    </body>
    </html>
    Basic structure of CSS:
    h1 {
    color: blue;
    background-color: yellow;
    border: 1px solid black;
    }

    p{
    color: red;
    }
    }
    Popular compilers
     Visual Studio Code (VSCode)
     Sublime Text
     Notepad++
     WebStorm
    Technical Details of the Project

    HTML (Hypertext Markup Language):

    1. Document Structure:
     HTML documents follow a specific structure with a <!DOCTYPE html>
    declaration at the beginning to indicate the document type.
     The document is typically divided into <html>, <head>, and <body> sections.
     The <head> section contains metadata like the document title, character set, and
    links to external resources.

    2. Elements and Tags:


     HTML is comprised of elements, each represented by tags. Examples include
    <p> for paragraphs, <h1> for headings, and <img> for images.
     Elements may have attributes that provide additional information. For instance,
    the <a> (anchor) element has an href attribute for the link destination.

    3. Common HTML Elements:


     Text Elements: <p>, <h1> to <h6>, <strong>, <em>, <span>, <br>
     List Elements: <ul>, <ol>, <li>
     Linking Elements: <a>
     Multimedia Elements: <img>, <audio>, <video>
     Form Elements: <form>, <input>, <select>, <textarea>, <button>
    4. Semantic HTML:
     Semantic HTML elements convey meaning about the structure and content of a
    document. Examples include <header>, <nav>, <article>, <section>, <footer>.
     Semantic HTML enhances accessibility and search engine opti

    CSS (Cascading Style Sheets):

    1. Selectors:
     Selectors target HTML elements for styling. They can be based on element
    names (e.g., p, div), classes (e.g., .class-name), IDs (e.g., #id-name), or other
    attributes.
    2. Properties and Values:
     CSS properties define the appearance of selected elements. Each property is
    assigned a value.
     Example properties: color, font-size, margin, padding, background-color.
    3. Box Model:
     The CSS box model describes the layout of elements. It includes content,
    padding, border, and margin.
     width and height properties control the size of the content box.
    4. Layout Techniques:
     Floats: Elements can be floated left or right for layout purposes.
     Flexbox: A one-dimensional layout model that allows space distribution among
    items in a container and alignment of items within.
     Grid Layout: A two-dimensional layout system for complex designs, providing
    rows and columns.
    5. Media Queries:
     Media queries allow for responsive design by applying styles based on
    characteristics such as screen width, height, and device orientation.
     Example: @media screen and (max-width: 600px) { /* styles for small
    screens */ }
    6. Transitions and Animations:
     CSS supports transitions for smooth changes between states and animations for
    creating dynamic effects.
     Example: transition: color 0.3s ease-in-out;
    7. CSS Variables (Custom Properties):
     CSS variables allow the definition of reusable values, improving maintainability.
     Example: --main-color: #3498db; and color: var(--main-color);
    8. Vendor Prefixes:
     Some CSS features may require vendor prefixes for cross-browser compatibility.
    For example, -webkit-, -moz-, -ms-.

    You might also like