HTML stands for HyperText Markup Language and it is used to create web pages. It structures the content on the page.
Elements in HTML are represented by tags, and these tags define how content should be displayed.
- HTML Elements
- Attributes
- Headings
<html> </html>
CSS stands for Cascading Style Sheets and it is used to style HTML content. It allows you to apply fonts, colors, layouts, and more.
CSS works by selecting HTML elements and applying styles to them. It can be added inline, internally, or externally.
- Selectors
- Properties
- Values
body { background-color: lightblue; }
JavaScript is a programming language used to add interactivity to web pages. It allows you to dynamically change HTML and CSS content.
JavaScript runs in the browser and can be embedded directly into HTML or linked via an external file.
- Variables
- Functions
- Events
console.log('Hello, World!');
Responsive design ensures that web pages look good on all devices, from desktop computers to mobile phones.
This is typically achieved using flexible layouts, media queries, and flexible images.
- Fluid Grids
- Flexible Images
- Media Queries
@media (max-width: 600px) { body { font-size: 12px; } }
Web accessibility refers to designing web content that can be used by everyone, including individuals with disabilities.
This includes considerations such as providing text alternatives for non-text content and ensuring the content is navigable using a keyboard.
- Text Alternatives
- Keyboard Navigation
- Semantic HTML
<img src="image.jpg" alt="A descriptive text">