Web Design - Syllabus
- HTML Elements
- HTML Attributes
- HTML Headings
- HTML Text Formatting
- <b> – Bold text
- <strong> – Important text
- <i> – Italic text
- <em> – Emphasized text
- <mark> – Marked text
- <small> – Smaller text
- <del> – Deleted text
- <ins> – Inserted text
- <sub> – Subscript text
- <sup> – Superscript text
- HTML Comments
- HTML Lists
- Ordered HTML
- Unordered HTML
- Definition Lists
- HTML tables
- HTML Forms
- HTML Images
- HTML Anchor
- Text Links
- Email Links
- Image Links
- Phone Links
- HTML Meta Tags
- keywords
- description
- author
- revised
- charset
- refresh
- robots
- HTML iframes
- Block Elements
- <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <ul>, <ol>, <dl>, <pre>, <hr />, <blockquote>, and <address>
- Inline Elements
- <b>, <i>, <u>, <em>, <strong>, <sup>, <sub>, <big>, <small>, <li>, <ins>, <del>, <code>, <cite>, <dfn>, <kbd>, and <var>
- HTML Entities
- HTML Symbols
- HTML5 Audio & Video
- HTML5 Web Storage
- HTML5 Canvas
- HTML5 SVG
- HTML5 Drag & drop
- HTML5 Geolocation
- HTML5 Semantics
- CSS Syntax
- Inline CSS
- Internal CSS
- External CSS
- CSS Selector
- CSS Comments
- CSS Background
- CSS Border
- CSS Outline
- CSS Float
- CSS Clear
- CSS Display
- CSS Font
- CSS Line Height
- CSS Margin
- CSS Padding
- CSS Overflow
- CSS Opacity
- CSS Position
- CSS Pseudo Class & Element
- CSS Vertical Align
- CSS White Space
- CSS Word Wrap
- CSS Outline
- CSS Visibility
- CSS Counter
- CSS3 Rounded Corner
- CSS3 Border Images
- CSS3 Multi Background
- CSS3 Color
- CSS3 Gradients
- CSS3 Shadow
- CSS3 Text
- CSS3 Web font
- CSS3 2d transform
- CSS3 3d transform
- CSS3 Animation
- CSS3 Multi columns
- CSS3 User Interface
- CSS3 Box Sizing
- CSS Variables
- CSS3 Image Reflection
- CSS3 object-fit
- CSS3 Viewport
- CSS3 Media Queries Responsive
- flex-direction
- flex-wrap
- flex-flow
- justify-content
- align-items
- align-content
- order
- flex-grow
- flex-shrink
- flex-basis
- flex
- align-self
- grid-column-gap
- grid-row-gap
- grid-gap
- grid-template-columns
- grid-template-rows
- grid-template-areas
- grid-column-start
- grid-column-end
- grid-row-start
- grid-row-end
- justify-items
- align-items
- align-content
- Supported by Internet Explorer with prefix -ms-
- Supported by Firefox with prefix -moz-
- Supported by Chrome with prefix -webkit-
- Supported by Safari with prefix -webkit-
- Supported by Opera with prefix -webkit-
- Data Types
- Variables and Constant
- Operators
- Conditionals, loop
- Functions
- Array and Objects
- Document Object Model
- Breakpoints
- Containers
- Grid
- Columns
- Gutters
- Utilities
- Z-index
- Reboot
- Typography
- Images
- Tables
- Figures
- Overview
- Form control
- Select
- Checks & radios
- Range
- Input group
- Floating labels
- Layout
- Validation
- Accordion
- Alerts
- Badge
- Breadcrumb
- Buttons
- Button group
- Card
- Carousel
- Close button
- Collapse
- Dropdowns
- List group
- Modal
- Navs & tabs
- Navbar
- Offcanvas
- Pagination
- Popovers
- Progress
- Scrollspy
- Spinners
- Toasts
- Tooltips
- Clearfix
- Colored links
- Ratio
- Position
- Visually hidden
- Stretched link
- Text truncation
- API
- Background
- Borders
- Colors
- Display
- Flex
- Float
- Interactions
- Overflow
- Position
- Shadows
- Sizing
- Spacing
- Text
- Vertical align
- Visibility
- Approach
- Icons
- Git Hub
- BitBucket
