DEV Community

Kaushik V
Kaushik V

Posted on

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

Top comments (0)