🚀 Day 102 of My Web Development Journey Today’s focus was on strengthening my HTML foundation: 📘 Understanding HTML Elements 🔍 Which HTML Elements Exist? ➕ Adding New HTML Elements ⚙️ Exploring HTML Attributes Key Takeaways: HTML is the skeleton of every webpage, giving structure and meaning to content. Every element has a specific purpose — from headings and paragraphs to links and forms. Attributes add extra information, helping browsers and developers understand how elements should behave. Building solid fundamentals is like laying strong bricks for every line of code that comes next. 🧱 #100DaysOfCode #WebDevelopment #Frontend #HTML #LearningJourney #DeveloperGrowth
Strengthening my HTML foundation on day 102 of #100DaysOfCode
More Relevant Posts
-
Navigating the world of web development can feel overwhelming, but it all starts with solid fundamentals. That's why I created this "Web Dev Essentials" poster, breaking down HTML, CSS, and JavaScript into their core roles. 💡 Think of it as your cheat sheet: * HTML: The skeleton of your webpage. * CSS: The style and design that make it beautiful. * JavaScript: The interactivity and dynamic features. #WebDev #FrontendDevelopment #LearningToCode #HTML5 #CSS3 #JavaScriptTips #DeveloperCommunity
-
-
📦 Project 3: Inventory Management System (In Progress) Sharing the third project from my web development journey — an Inventory Management System! Right now, it allows me to add and delete items easily using HTML, CSS, and JavaScript. It’s still a work in progress — I’ll soon be adding features like: Editing existing items 🛠️ Search and filter functionality 🔍 Data persistence using localStorage 💾 Category-based organization 📁 Every update teaches me something new about structuring projects and improving user experience step by step. #WebDevelopment #JavaScript #LearningInPublic #FrontendProjects #100DaysOfCode
-
Starting your web development journey? I’ve shared a simple video covering the most common HTML tags — headings, paragraphs, lists, images, bold, italic, and more. A great starting point for anyone new to coding or looking to refresh their basics. 🎥 Watch now on YouTube - https://lnkd.in/dwZGzU3N #HTML #WebDevelopment #FrontendDevelopment #CodingForBeginners #IndianDeveloper #CareerInTech
-
🎯*Day 8#100 Days of Web Development Journey Development journey- with code help Today, I started learning the basics of CSS (Cascading Style Sheets)! 🎉 CSS is used to control the layout, appearance, and behavior of HTML elements on a web page. I'm excited to dive deeper into selectors, properties, and values. Key concepts I've learned so far: - Selectors: Target specific HTML elements - Properties: Define styles (e.g., color, font-size, margin) - Values: Specify property values (e.g., red, 16px, 10px) Basic syntax: `selector { property: value; }` Let's connect and learn together! Share your CSS journey or tips below. 👇 #100DaysOfWeb Development#CSS #WebDevelopment #LearningInPublic#frontentDevelport#CSS Thank you love babbar ♥️
-
🎨 CSS Box Model Cheat Sheet Quick reference for developers and designers: ✅ Box model diagram ✅ Core properties ✅ box-sizing explained ✅ Shorthand properties ✅ Outline vs border ✅ Negative margin ✅ Collapsing margins ✅ Accessibility tips ✅ Browser quirks ✅ Best practices Save & share with your team! The Most Complete Full Stack Dev Roadmap ➡️ https://champ.ly/-FLdfic_ --- If you found this guide helpful, follow TheDevSpace for more tips, tutorials, and cheat sheets on web development. Let's stay connected! 🚀 Also follow 👉 W3Schools.com & JavaScript Mastery to learn web development. #CSS #WebDevelopment #CheatSheet #Frontend #Accessibility #DesignSystems
-
🌐 HTML: The Foundation of the Web Every great website starts with one thing: HTML. It may look simple, but HTML is the backbone of the internet. Every button, heading, form, and image we interact with online begins with structured, meaningful markup. 💡 Why HTML still matters: It defines structure and accessibility It works seamlessly with CSS & JavaScript It remains the first step for every web developer No matter how advanced web development becomes, HTML will always be the foundation we build on. ✨ Mastering the basics is still the smartest move in tech. #HTML #WebDevelopment #Frontend #Coding #TechBasics
-
-
Types of CSS — NasirCode CSS (Cascading Style Sheets) defines how a website looks and feels. There are three main types of CSS, each with its own use case in web development. 1. Inline CSS Used directly inside an HTML tag using the style attribute. Best for small, quick changes. 2. Internal CSS Defined inside the <style> tag within the HTML <head>. Useful when styling a single page. 3. External CSS Written in a separate .css file and linked using the <link> tag. Best for larger projects and maintaining consistency across multiple pages. Summary: Inline: Quick fixes Internal: Page-level styling External: Professional and scalable Pro Tip: Always prefer external CSS for clean, maintainable, and reusable code. If you found this valuable, share and follow for more web development insights #NasirCode #CSS #WebDevelopment #FrontEnd #Coding #NasirCode
-
-
🚀 External CSS: Linking Stylesheets for Reusability External CSS involves creating separate `.css` files and linking them to HTML documents using the ``li`` tag. This is the preferred method for styling larger websites. It promotes code reusability and maintainability. Changes to the CSS file automatically update the styles across all linked pages. This separation of concerns (content in HTML, presentation in CSS) is a cornerstone of good web development practices. 🔥 Sharpen your mind daily! 🔥 Transform your learning — 10,000+ concepts, 4,000+ articles, 12,000+ questions. Smart. Fast. Personalized! ⚡ Join thousands: https://lnkd.in/gefySfsc 🌐 Website: https://techielearn.in #HTML #CSS #WebDesign #Frontend #professional #career #development
-
-
HTML vs CSS vs JavaScript — The Cleanest Comparison! 🚀 Every website you see is built using this powerful trio: • HTML → Gives structure • CSS → Adds design & styling • JavaScript → Makes everything interactive Master these three and your frontend journey becomes unstoppable. Perfect for beginners stepping into web development. 💻🔥
-
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development
Those are all good topics. checkout that 'data' attribute that elements have. You can use this to store custom strings and access them through javascript. This is how Bootstrap handles all of its button target data.