0% found this document useful (0 votes)
11 views

HTML&CSS Internship

Uploaded by

Ahsan Raza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
11 views

HTML&CSS Internship

Uploaded by

Ahsan Raza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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