HTML5 & CSS3 → Image formats and optimization

Category

Home
About Us
Our Courses
- Course
- Course Filter
Why Bascombridge
- Faculty
- Events
- Blog
Contact Us

Currently Empty: ₹0.00

Continue shopping

Try for free

Home
About Us
Our Courses
- Course
- Course Filter
Why Bascombridge
- Faculty
- Events
- Blog
Contact Us

HTML5 & CSS3

Curriculum

26 Sections
111 Lessons
10 Weeks

Expand all sectionsCollapse all sections

Introduction to HTML
6
- 1.1
  What is HTML?
- 1.2
  Structure of an HTML Document
- 1.3
  Tags and Elements
- 1.4
  HTML5 vs HTML4
- 1.5
  Creating your first HTML file
- 1.6
  Doctype declaration (<!DOCTYPE html>)
Basic HTML Tags
5
- 2.1
  Headings: <h1> to </h6>
- 2.2
  Paragraphs: <p> </p>
- 2.3
  Line breaks: <br>, Horizontal rules: <hr>
- 2.4
  Comments:
- 2.5
  Text formatting: <strong> </strong>, <em> </em>, <b> </b>, <i> </i>, <mark> </mark>
Working with Links and Images
5
- 3.1
  Anchor tags: <a href=""> </a>
- 3.2
  Internal vs External Links
- 3.3
  Open in new tab: target=”_blank”
- 3.4
  Images: <img src="" alt="">
- 3.5
  Image formats and optimization
Lists in HTML
5
- 4.1
  Ordered List: <ol> </ol>
- 4.2
  Unordered List: <ul> </ul>
- 4.3
  Description List: <dl> </dl>
- 4.4
  Nesting lists
- 4.5
  Styling lists (inline styles)
Tables in HTML
5
- 5.1
  Table: <table> </table>
- 5.2
  Rows & columns: <tr> </tr>, <td> </td>, <th> </th>
- 5.3
  Headings, captions, summaries
- 5.4
  colspan, rowspan
- 5.5
  Table borders & styling
Forms in HTML
2
- 6.1
  Form: <form> </form>
- 6.2
  Input types
HTML5 Semantic Tags
3
- 7.1
  Why semantic HTML?
- 7.2
  Layout tags
- 7.3
  Article-related
Media in HTML
5
- 8.1
  Video
- 8.2
  Audio
- 8.3
  Source
- 8.4
  Embeds
- 8.5
  Attributes & compatibility
HTML Forms - Advanced Inputs
2
- 9.1
  Input types: email, tel, number, date, file, range, color Validation attributes: required, min, max, pattern Grouping fields disabled, readonly autofocus, autocomplete
- 9.2
  Validation attributes: required, min, max, pattern
HTML Entities and Symbols
3
- 10.1
  Common: , &, ©
- 10.2
  Unicode characters
- 10.3
  Non-breaking space:
IFrames and Embedding
3
- 11.1
  IFrame: <iframe src=""> </iframe>
- 11.2
  Attributes: width, height, frameborder, allowfullscreen
- 11.3
  Embedding: Google Maps, Videos, PDFs
Meta Tags & SEO
5
- 12.1
  Meta charset: <meta charset="UTF-8">
- 12.2
  Viewport setup
- 12.3
  Meta description, keywords
- 12.4
  Open Graph tags
- 12.5
  Favicon setup
Introduction to CSS
5
- 13.1
  What is CSS?
- 13.2
  CSS Syntax (selector, property, value)
- 13.3
  Types of CSS: Inline, Internal, External
- 13.4
  Linking CSS to HTML (<link> tag)
- 13.5
  Comments in CSS (/* comment */)
Selectors and Combinators
6
- 14.1
  Basic Selectors: element, class (.class), ID (#id)
- 14.2
  Grouping selectors
- 14.3
  Universal selector (*)
- 14.4
  Descendant selector (div p)
- 14.5
  Child (>) and sibling (+, ~) selectors
- 14.6
  Attribute selectors ([type=”text”])
Colors and Units
3
- 15.1
  Color formats: named, HEX, RGB, RGBA, HSL, HSLA
- 15.2
  Units: px, %, em, rem, vw, vh
- 15.3
  Opacity vs RGBA transparency
Typography
4
- 16.1
  Fonts (font-family, font-size, font-weight)
- 16.2
  Line height, text alignment, text decoration
- 16.3
  Letter spacing, word spacing
- 16.4
  Importing fonts using @import or Google Fonts
Box Model
4
- 17.1
  Content, Padding, Border, Margin
- 17.2
  box-sizing: content-box vs border-box
- 17.3
  Visualizing with developer tools
- 17.4
  Collapsing margins and spacing tricks
Backgrounds and Borders
5
- 18.1
  background-color, background-image
- 18.2
  Background repeat, size, position, attachment
- 18.3
  Border width, style, color
- 18.4
  Rounded corners with border-radius
- 18.5
  Multiple backgrounds
Display and Positioning
5
- 19.1
  display: block, inline, inline-block, none
- 19.2
  visibility: hidden vs display: none
- 19.3
  position: static, relative, absolute, fixed, sticky
- 19.4
  top, right, bottom, left properties
- 19.5
  z-index and stacking context
Flexbox Layout
5
- 20.1
  display: flex and flex-direction
- 20.2
  justify-content, align-items, align-content
- 20.3
  flex-wrap and flex-flow
- 20.4
  flex-grow, flex-shrink, flex-basis
- 20.5
  Aligning items and containers
Grid Layout
5
- 21.1
  display: grid and grid-template-rows/columns
- 21.2
  gap, row-gap, column-gap
- 21.3
  Grid lines and grid areas
- 21.4
  justify-items, align-items, place-items
- 21.5
  Nested grids
Pseudo-classes and Pseudo-elements
3
- 22.1
  Pseudo-classes: :hover, :focus, :nth-child(), :first-child
- 22.2
  Pseudo-elements: ::before, ::after, ::first-letter
- 22.3
  Use cases for tooltips, icons, labels
Transitions and Animations
5
- 23.1
  transition property basics
- 23.2
  Transition timing functions (ease, linear, etc.)
- 23.3
  Keyframes and @keyframes syntax
- 23.4
  animation-name, animation-duration, etc.
- 23.5
  Infinite animations, delays, and chaining
Responsive Design
5
- 24.1
  max-width, min-width
- 24.2
  Media Queries: @media screen and (max-width: 768px)
- 24.3
  Responsive units: %, em, rem, vw, vh
- 24.4
  Mobile-first design strategy
- 24.5
  Hiding/showing elements on different devices
CSS Variables and Functions
4
- 25.1
  Declaring variables: –main-color: #333;
- 25.2
  Using variables: color: var(–main-color);
- 25.3
  calc(), min(), max() functions
- 25.4
  Scope of CSS variables
Z-Index and Layering
3
- 26.1
  Understanding stacking context
- 26.2
  z-index values and how they interact with position
- 26.3
  Creating modals, overlays, tooltips

This content is protected, please login and enroll in the course to view this content!

Images: <img src="" alt=""<>>

Ordered List: <ol<>> </ol<>>

Lorem ipsum dolor amet consecto adi pisicing elit sed eiusm tempor incidid unt labore dolore.

Address:
4th Floor, Old, Himalaya Complex, Lake, opp. Sardar Centre, Vastrapur, Ahmedabad, Gujarat 380015
Contact Number:
+91 9376007676
+91 9558876763

Add: 4th Floor, Old, Himalaya Complex, Lake, opp. Sardar Centre, Vastrapur, Ahmedabad, Gujarat 380015
Call: +91 9376007676

+91 9558876763

Email: ranjana@bascombridge.com

Online Platform

About Us
Course
Faculty
Events

Contacts

Enter your email address to register to our newsletter subscription

Icon-facebook Icon-linkedin2 Icon-instagram Icon-twitter Icon-youtube

All third-party trademarks, service marks, logos, and trade names (collectively, “Trademarks”) displayed on this website are the registered or unregistered Trademarks of their respective owners. Their display on this website does not imply any affiliation with, endorsement by, or sponsorship from the Trademark owners to www.bascombridge.com, unless specifically stated otherwise. www.bascombridge.com acknowledges the rights of the respective Trademark owners and uses these Trademarks solely for identification purposes.

HTML5 & CSS3

Curriculum

Online Platform

Links

Contacts

Sign in

Sign up

Modal title