Frontend basics -Html & CSS (1)

Frontend development involves HTML, CSS, and JavaScript.

HTML is the foundation or structure of a webpage
CSS improves the design, making pages visually appealing.
JavaScript makes it more interactive and dynamic.

Frequently used HTML tags

- <!DOCTYPE html> – Declares the document type and version of HTML.
- <html> – The root element that wraps all content on the page.
- <head> – Contains metadata like title, styles, and scripts.
- <body> – Holds all visible content, including text, images, and links.
- <title> – Defines the webpage’s title, displayed on the browser tab.
- <a href=""> – Creates hyperlinks to other pages or sections.
- <ul> – Defines an unordered (bulleted) list.
- <ol> – Defines an ordered (numbered) list.

CSS properties

<style> – A tag to include CSS rules within an HTML document.
- Selectors – picks specific elements using class (.), ID (#), or element names.
- color – Sets the text color (color: blue;).
- background-color – Defines the background color (background-color: yellow;).
- margin – Controls space around an element (margin: 10px;).
- border – Adds a border around an element (border: 2px solid black;).
- padding – Adds space inside an element, between content and its border (e padding: 5px;).

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started