DEV Community

Kaushik V
Kaushik V

Posted on

1

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.
Enter fullscreen mode Exit fullscreen mode

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;).
Enter fullscreen mode Exit fullscreen mode

Heroku

Amplify your impact where it matters most β€” building exceptional apps.

Leave the infrastructure headaches to us, while you focus on pushing boundaries, realizing your vision, and making a lasting impression on your users.

Get Started

Top comments (0)

Image of PulumiUP 2025

Let's talk about the current state of cloud and IaC, platform engineering, and security.

Dive into the stories and experiences of innovators and experts, from Startup Founders to Industry Leaders at PulumiUP 2025.

Register Now

πŸ‘‹ Kindness is contagious

Engage with a wealth of insights in this thoughtful article, valued within the supportive DEV Community. Coders of every background are welcome to join in and add to our collective wisdom.

A sincere "thank you" often brightens someone’s day. Share your gratitude in the comments below!

On DEV, the act of sharing knowledge eases our journey and fortifies our community ties. Found value in this? A quick thank you to the author can make a significant impact.

Okay