Scribd
Upload
11 views

HTML&CSS Internship

Uploaded by

Ahsan Raza
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
11 views

HTML&CSS Internship

Uploaded by

Ahsan Raza
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Html/CSS Programming Internship

Week 1:

HTML:
 Learn basic HTML structure: <!DOCTYPE html>, <html>, <head>, <title>, <body>.
 Create a simple webpage with headings, paragraphs, and lists.
 Explore and understand HTML tags: <h1> to <h6>, <p>, <ul>, <ol>, <li>.
CSS:
 Introduction to CSS: Inline, Internal, and External stylesheets.
 Basic CSS properties: color, background-color, font-family, font-size, margin,
padding.
 Apply CSS styles to the webpage created in HTML.
Programming Task:
 Write a simple HTML page with a CSS stylesheet that displays your name, a brief
introduction about yourself, and your favorite hobbies or interests.

Week 2:

HTML:
 Learn about links and anchors: <a> tag and href attribute.
 Study image tags: <img> and its attributes like src, alt.
 Dive into forms: <form>, <input>, <textarea>, <button>.
CSS:
 Explore more CSS properties: border, text-align, width, height, display.
 Understand CSS selectors: element selectors, class selectors, ID selectors.
 Apply CSS styles to the forms and images in the webpage.
Programming Task:
 Enhance the previous webpage by adding a navigation menu with links to different
sections of the page. Also, include a form for visitors to submit their feedback.

Week 3:
HTML:
 Learn about semantic HTML: <header>, <footer>, <nav>, <section>, <article>,
<aside>.
 Study tables: <table>, <tr>, <td>, <th>.
 Explore multimedia: <audio>, <video>.
CSS:
 Dive deeper into CSS positioning: static, relative, absolute, fixed.
 Study CSS flexbox and grid layout.
 Apply CSS styles to create a responsive layout for the webpage.
Programming Task:
 Create a webpage that showcases a gallery of images using semantic HTML elements
for layout and CSS for styling. Ensure that the gallery is responsive and adjusts its
layout based on screen size.

Week 4:
HTML:
 Learn about iframes: <iframe> tag.
 Study about meta tags: <meta> for SEO and viewport settings.
 Explore HTML5 elements: <canvas>, <svg>.
CSS:
 Dive into CSS animations and transitions.
 Study CSS preprocessors like SASS or LESS.
 Apply advanced CSS techniques to enhance the webpage's appearance and
interactivity.
Programming Task:
 Create a webpage with an embedded Google Map using an iframe, and add some CSS
animations to elements on the page for visual appeal. Ensure the webpage is well-
structured using semantic HTML and styled using CSS preprocessors for efficiency.

You might also like