Skip to main content

Posts

demo gif

HTML Paragraph Tag

HTML Paragraph Tag  The <p> tag in HTML stands for "paragraph" . It's used to define blocks of text as paragraphs, and it automatically adds some space before and after the text to separate it from other elements. Copy <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { font-family: Arial, sans-serif; text-align: center; padding: 30px; } .counter { font-size: 48px; margin-bottom: 20px; } button { padding: 10px 20px; margin: 5px; font-size: 18px; border: none; border-radius: 5px; cursor: pointer; } .increment { background-color: #28a745; color: white; } .reset { background-color: #dc3545; color: white; } @media (max-width: 600px) { .counter { font-size: 36px; } button { w...

demo

 Full Working Example – Copy Button for <pre> Code Block HTML stands for HyperText Markup Language . It's the standard language used to create and design pages on the web . Think of HTML as the skeleton of a webpage. It tells the browser: What content to display (like text, images, links) How the content is structured (headings, paragraphs, lists, etc.) How different parts of the page are related (like what’s inside a section or article) Here’s a tiny example of HTML: Copy <!DOCTYPE html> <html> <head> <title>Simple HTML Example</title> </head> <body> <div> <h1>Welcome to My Website</h1> <p>This is a simple paragraph inside a div.This is a simple paragraph inside a div.This is a simple paragraph inside a div.This is a simple paragraph inside a div.This is a simple paragraph inside a div.This is a simple paragraph inside a div.This is a simple paragraph inside a ...