DEV Community

Alaguselvan T
Alaguselvan T

Posted on

BASICS OF HTML & CSS

Yesterday I have learned some of the basics in full stack development and the topics are Basisc of HTML and CSS

1.What is Markup language?
A Markup Language is a language used to structure and format content by using tags.

The tags “mark up” the text by adding information about:

  • Headings
  • Paragraphs
  • Images
  • Links
  • Tables

Examples of Markup Languages

  • HTML – Used to create web pages.
  • XML – Used to store and transport data.

2.HTML 5 Features?

  1. Semantic Tags – New tags like , , , < .
  2. Audio Support – Play audio using the tag.
  3. Video Support – Embed videos using the
  4. Canvas – Draw graphics and animations with the element.
  5. Local Storage – Store data in the browser without cookies.
  6. Geolocation – Get the user’s location (with permission).
  7. Form Enhancements – New input types like email, date, number, and range.
  8. Drag and Drop – Built-in drag-and-drop functionality.
  9. Web Workers – Run scripts in the background.
  10. Offline Support – Some web applications can work offline.

3.CSS-3 Features ?

  1. Rounded Corners – border-radius
  2. Box Shadow – box-shadow
  3. Text Shadow – text-shadow
  4. Gradients – Linear and radial gradients.
  5. Transitions – Smooth changes between styles.
  6. Animations – Create animations using @keyframes.
  7. Transforms – Rotate, scale, skew, and move elements.
  8. Media Queries – Responsive design for different screen sizes.
  9. Flexbox – Easy layout and alignment of elements.
  10. RGBA Colors – Colors with transparency.

4.Alternative for HTML?
Yes, there are alternatives and related technologies, but HTML is the standard language for creating web pages and has no direct replacement for web browsers.

Some related technologies are:

  • XML – Used to store and transport data, not for web page design.
  • XHTML – A stricter version of HTML.
  • Markdown – Simple syntax for formatting documents; can be converted to HTML.
  • SVG – Used for vector graphics in web pages.

Top comments (0)