talk about html #150301

amazi2 · 2025-01-30T08:14:21Z

amazi2
Jan 30, 2025

Select Topic Area

General

Body

how can i start to study html

Answered by Salgado2004

Jan 30, 2025

Hello!

There are many ways to start learning HTML, the best way is with small projects and practice. I recommend these two sites:

They are very useful to find tutorials and explanations to understand HTML tags, structure and more!

Best of luck in your studies

View full answer

Salgado2004 · 2025-01-30T13:00:15Z

Salgado2004
Jan 30, 2025

Hello!

There are many ways to start learning HTML, the best way is with small projects and practice. I recommend these two sites:

They are very useful to find tutorials and explanations to understand HTML tags, structure and more!

Best of luck in your studies

3 replies

devpro012888 May 9, 2025

Adding to the discussion of HTML. FreeCodeCamp.org is a great free learning tool. I'm currently making my way through the Responsible Web Design course.

https://www.freecodecamp.org/

beratgdlk May 10, 2025

I will suggest a free course that is sufficient to log in and grasp:
https://www.codecademy.com/learn/learn-html

QMS85 Jun 22, 2025

Hi
I hope your well
i would suggest this Responsive Web Design Course by freeCodecamp.
This is also a great resource: w3schools

shinybrightstar · 2025-01-30T13:42:36Z

shinybrightstar
Jan 30, 2025
Maintainer

Welcome to the GitHub Community, @amazi2, we're happy you're here! You are more likely to get a useful response if you are posting your question(s) in the applicable category and are explicit about what your project entails--giving a few more details might help someone give you a nudge in the right direction. This post belongs to the Programming Help category. I've gone ahead and moved it for you. Good luck!

0 replies

JACQUES-90 · 2025-01-31T07:26:21Z

JACQUES-90
Jan 31, 2025

you can also learn more about html and css to on ww3school and also your can got certificate their

0 replies

Nizalorie · 2025-01-31T07:29:22Z

Nizalorie
Jan 31, 2025

you can learn using basic tutorials
on w3schools

0 replies

JACQUES-90 · 2025-01-31T09:44:14Z

JACQUES-90
Jan 31, 2025

GOOD LUCK tres bien '

…

On Fri, Jan 31, 2025 at 9:29 AM Niza lorie ***@***.***> wrote: you can learn using basic tutorials on w3schools — Reply to this email directly, view it on GitHub <#150301 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BOU7PDG7NWSR5QXDB75IJ732NMQ6RAVCNFSM6AAAAABWEUWOUCVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTEMBRGQ4TAOI> . You are receiving this because you commented.Message ID: ***@***.***>

0 replies

GsBhai-23 · 2025-01-31T14:33:13Z

GsBhai-23
Jan 31, 2025

Hey,
Best option for beginners to learn html
Is mimo. already using this.

6 replies

This comment was marked as spam.

Sign in to view

JACQUES-90 Feb 6, 2025

ooh all right a see

JACQUES-90 Feb 6, 2025

so guys does figma makes all designe web

This comment was marked as spam.

Sign in to view

JACQUES-90 Feb 15, 2025

yh

vandevkieboom · 2025-02-08T13:30:48Z

vandevkieboom
Feb 8, 2025

plenty of sources out there to start with html such as W3Schools, codeacedemy etc, what personally helped me the most when i started was courses on YouTube such as Bro Code: https://www.youtube.com/watch?v=HD13eq_Pmp8

1 reply

JACQUES-90 Feb 10, 2025

wow follow me and talk

NotYourSyntax · 2025-02-08T14:05:58Z

NotYourSyntax
Feb 8, 2025

you can learn using basic tutorials
on w3schools . You can make website and host it using netlify

0 replies

JACQUES-90 · 2025-02-12T15:57:36Z

JACQUES-90 Feb 12, 2025

yh of course thex

Stuxint · 2025-02-10T10:26:36Z

Stuxint
Feb 10, 2025

If u want man, I can teach u. it's pretty basic.

0 replies

kaungzawhein543 · 2025-02-12T18:59:11Z

kaungzawhein543
Feb 12, 2025

How to Start Studying HTML

Understand the Basics:
- Learn what HTML (HyperText Markup Language) is and how it forms the backbone of web pages.
- Start with basic tags like <html>, <head>, <body>, <h1>, <p>, and <a>.
Use Free Resources:
- MDN Web Docs: Mozilla’s documentation is a great resource for learning HTML step-by-step. Start here: MDN HTML Guide
- W3Schools: Another beginner-friendly website with tutorials and examples. W3Schools HTML Tutorial
Practice by Building Simple Pages:
- Start by creating simple static pages: a basic homepage, about page, or a personal portfolio.
- Experiment with adding headings, paragraphs, links, images, and lists.
Learn HTML Elements and Attributes:
- Learn about attributes like id, class, and src and how to use them to modify the behavior of tags.
- Explore HTML forms, tables, and multimedia elements like audio and video.
Work with HTML and CSS Together:
- Once you're comfortable with HTML, start learning basic CSS to style your web pages and make them visually appealing.
Use Developer Tools:
- Explore the browser’s developer tools to inspect your HTML and experiment with changes in real-time.

As you build more projects and practice, you'll gain more confidence. Just keep experimenting and referring to documentation as you go. Good luck! 🚀

0 replies

lael-77 · 2025-02-17T20:00:40Z

lael-77
Feb 17, 2025

you can learn HTML using lessons and practical tutorials on w3schools

0 replies

Nikhil-Info · 2025-05-07T19:18:26Z

Nikhil-Info
May 7, 2025

To start studying HTML, here's a step-by-step approach:

Understand the Basics:
- What HTML is: HTML (HyperText Markup Language) is the standard language used to create web pages.
- Structure of an HTML document: Learn about the essential parts of an HTML document, such as <!DOCTYPE>, <html>, <head>, and <body>.
- Tags and Elements: HTML is made up of elements defined by tags like <h1>, <p>, <a>, <div>, and <img>.
Start with Simple Tags:
- Learn how to use basic tags:
  - Headings (<h1> to <h6>)
  - Paragraphs (<p>)
  - Links (<a>)
  - Images (<img>)
  - Lists (<ul>, <ol>, <li>)
  - Forms (<form>, <input>, <button>)
Learn HTML Document Structure:
- Create a basic HTML document with a DOCTYPE declaration, <html>, <head>, and <body>.
- Understand how to add metadata, titles, and links to stylesheets or scripts inside the <head>.
Practice and Build:
- Start small: Build simple static web pages like a personal bio page or a basic blog.
- Use online tools like CodePen, JSFiddle, or Repl.it to practice without installing anything on your computer.
Learn About HTML Attributes:
- Explore attributes like class, id, src, href, alt, and others that provide additional information to HTML elements.
Understand Semantic HTML:
- Learn about the importance of using semantic tags like <header>, <footer>, <article>, and <section> for better readability and accessibility.
Explore HTML5 Features:
- Familiarize yourself with new elements introduced in HTML5, like <video>, <audio>, <canvas>, and <main>.
Use Online Resources:
- W3Schools: A great place to start learning HTML with examples and exercises.
- MDN Web Docs: Mozilla’s documentation provides in-depth information on HTML and web development.
- freeCodeCamp: Offers a structured curriculum for learning HTML and other web technologies.
Experiment and Build Projects:
- Create personal projects like portfolios, to-do lists, or landing pages to reinforce what you've learned.
Learn HTML in Context:
- Once comfortable, start integrating HTML with CSS (for styling) and JavaScript (for interactivity) to build fully functional websites.

Here are some helpful study links to guide you in learning HTML:

W3Schools
A comprehensive resource for beginners with interactive examples.
[W3Schools HTML Tutorial](https://www.w3schools.com/html/)
MDN Web Docs (Mozilla)
Offers detailed documentation and tutorials on HTML. It's a great resource for both beginners and advanced learners.
[MDN HTML Guide](https://developer.mozilla.org/en-US/docs/Web/HTML)
freeCodeCamp
A structured, hands-on approach to learning HTML and web development through coding challenges.
[freeCodeCamp HTML Tutorial](https://www.freecodecamp.org/learn/responsive-web-design/#basic-html-and-html5)
Codecademy
Interactive platform with guided lessons and exercises to help you learn HTML step by step.
[Codecademy HTML Course](https://www.codecademy.com/learn/learn-html)
HTML.com
Beginner-friendly HTML tutorials, from basic to more advanced topics.
[HTML.com Tutorials](https://html.com/)
The Odin Project
A full-stack curriculum that includes an HTML section as part of the Web Development track.
[The Odin Project HTML Course](https://www.theodinproject.com/paths/foundations/courses/foundations/lessons/html-and-css)
SoloLearn
Offers a free HTML course with interactive lessons and a community of learners.
[SoloLearn HTML Course](https://www.sololearn.com/Course/HTML/)
Coursera (by University of Michigan)
Offers a free course (audit option) on HTML and web development.
[Coursera HTML Course](https://www.coursera.org/learn/html)
LinkedIn Learning
Offers beginner courses in HTML as part of web development learning tracks.
[LinkedIn Learning HTML Courses](https://www.linkedin.com/learning/topics/html)
HTML Dog
A great site for learning HTML and CSS with well-structured tutorials.
[HTML Dog](http://www.htmldog.com/)

These resources should give you a solid foundation for learning HTML and web development in general. Happy learning!

0 replies

severusraj · 2025-05-10T18:14:45Z

severusraj
May 10, 2025

The best way to learn HTML5 is on w3school, then after understanding the basics try to look for mini html project and try to do it.

0 replies

amazi2 · 2025-06-23T08:45:31Z

amazi2
Jun 23, 2025
Author

Yes, who are you?

…

On Sun, Jun 22, 2025, 9:30 PM Jonathan Peters ***@***.***> wrote: Hi I hope your well i would suggest this Responsive Web Design Course <https://www.freecodecamp.org/learn/2022/responsive-web-design/> by freeCodecamp. This is also a great resource: w3schools <https://www.w3schools.com/> — Reply to this email directly, view it on GitHub <#150301 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A6HDSU4WER66FMYNAKNETR33E374XAVCNFSM6AAAAABWEUWOUCVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTGNJUGQZTQMQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>

0 replies

amazi2 · 2025-06-23T08:46:02Z

amazi2
Jun 23, 2025
Author

Where and when?

…

On Mon, Jun 23, 2025, 10:45 AM NIYONSABA Alice ***@***.***> wrote: Yes, who are you? On Sun, Jun 22, 2025, 9:30 PM Jonathan Peters ***@***.***> wrote: > Hi > I hope your well > i would suggest this Responsive Web Design Course > <https://www.freecodecamp.org/learn/2022/responsive-web-design/> by > freeCodecamp. > This is also a great resource: w3schools <https://www.w3schools.com/> > > — > Reply to this email directly, view it on GitHub > <#150301 (reply in thread)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/A6HDSU4WER66FMYNAKNETR33E374XAVCNFSM6AAAAABWEUWOUCVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTGNJUGQZTQMQ> > . > You are receiving this because you were mentioned.Message ID: > ***@***.*** > com> >

0 replies

Hitesh-Manral · 2025-06-23T09:06:53Z

Hitesh-Manral
Jun 23, 2025

1. Understand the Basics

HTML is made of tags (elements) that tell the browser how to display content.
Learn structure:

html

CopyEdit

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>Hello World!</h1>

</body>

</html>

✅ 2. Start with Basic Tags

Learn these fundamental tags:

Element	Purpose

to

| Headings
| Paragraphs | Links | Images
,
,
| Lists
, | Containers , , | Forms

✅ 4. Build Small Projects

Practice by creating:

A personal profile page

A simple portfolio

A to-do list

A static blog layout

Use tools like:

CodePen (codepen.io)

JSFiddle

Replit

These let you write and preview HTML instantly in the browser.

✅ 5. Learn HTML with CSS

Once you're comfortable, begin styling your HTML using CSS:

html

CopyEdit

<style>

h1 {

color: blue;

font-family: Arial;

}

</style>

✅ 6. Use Browser Developer Tools

Right-click → Inspect Element

You can see, edit, and experiment with live HTML/CSS in your browser.

0 replies

Yahya-Pak · 2025-06-23T10:00:16Z

Yahya-Pak
Jun 23, 2025

Understand What HTML Is
HTML (HyperText Markup Language) is the standard language for creating web pages. It defines the structure of content (like headings, paragraphs, images, links, etc.).

Set Up Your Tools
All you need is:

A code editor (e.g., Visual Studio Code)

A browser (like Chrome or Firefox)

Start with Basic Tags
Write Your First Page
Open it in your browser and see the result!
Practice Daily
Use platforms like:

freeCodeCamp

W3Schools

MDN Web Docs

Build Small Projects
Start with:

Personal profile page

To-do list (with HTML only)

Simple portfolio site

0 replies

Nandobez · 2025-06-24T00:03:55Z

Nandobez
Jun 24, 2025

Becoming a front-end web developer is an exciting journey, and it all starts with mastering the foundational trio: HTML, CSS, and JavaScript. Here's a comprehensive guide on how and where to learn them, and how to smoothly transition into frameworks.

(OF COURSE YOU CAN JUST START BY PLAIN HTML, BUT STARTING LIKE THIS, IMO, IT'S THE BEST WAY)

Phase 1: The Foundations (HTML, CSS, JavaScript)

Think of these as the building blocks of any website. HTML provides the structure, CSS handles the styling and layout, and JavaScript adds interactivity and dynamic behavior.

Where to Learn HTML, CSS, and JavaScript:

There's a wealth of free and paid resources available, catering to different learning styles. It's often best to combine a few to get different perspectives and practice opportunities.

Interactive Learning Platforms (Highly Recommended for Beginners):

These platforms offer hands-on coding directly in your browser, providing instant feedback.

freeCodeCamp: (Free) A truly amazing resource. It offers a structured curriculum with coding challenges, projects, and even certifications. It's project-based, which is excellent for practical learning.
- Website: https://www.freecodecamp.org/
Codecademy: (Freemium - offers free introductory courses, paid for full access) Known for its interactive lessons and clear explanations. Great for getting started and understanding concepts through practice.
- Website: https://www.codecademy.com/
Scrimba: (Freemium) Offers unique interactive video courses where you can pause the video and edit the code directly in the player. This is incredibly effective for active learning.
- Website: https://scrimba.com/
The Odin Project: (Free) A comprehensive, open-source curriculum that guides you through web development from absolute beginner to job-ready. It focuses on hands-on projects and encourages self-reliance.
- Website: https://www.theodinproject.com/

Documentation and Reference (Essential for Deeper Understanding):

Once you have a basic grasp, these are your go-to for looking up syntax, properties, and advanced concepts.

MDN Web Docs (Mozilla Developer Network): (Free) This is the gold standard for web development documentation. It's incredibly comprehensive, accurate, and includes tutorials, references, and examples for HTML, CSS, and JavaScript. You will use this constantly.
- Website: https://developer.mozilla.org/
W3Schools: (Free with some paid certifications) A popular resource with simple, easy-to-understand explanations and interactive examples. It's a good quick reference, but MDN is often preferred for deeper dives.
- Website: https://www.w3schools.com/

Video Tutorials (For Visual Learners):

YouTube has a vast amount of free content. Look for popular channels with good reviews.

Traversy Media: (YouTube) Brad Traversy creates excellent, concise tutorials on a wide range of web development topics.
Net Ninja: (YouTube) Provides in-depth series on HTML, CSS, JavaScript, and various frameworks.
FreeCodeCamp.org YouTube Channel: Often has long, comprehensive "crash course" videos.

How to Learn This Phase:

Start with HTML: Learn the basic structure of a web page, common tags (e.g., div, p, h1, a, img), forms, and semantic HTML5.
Move to CSS: Understand how to select elements, apply styles (colors, fonts, sizes), box model, Flexbox for layout, and basic responsive design (media queries).
Dive into JavaScript: Begin with fundamentals: variables, data types, operators, control flow (if/else, loops), functions. Then, crucial for web development, learn DOM manipulation (how to interact with HTML elements using JavaScript), event handling (clicks, form submissions), and making basic API requests (Fetch API).
Build, Build, Build: The most important step. As you learn a concept, try to apply it.
- Small Projects: Recreate simple static websites, build a personal portfolio page, a basic calculator, a to-do list, a simple game (like Tic-Tac-Toe).
- Frontend Mentor: (Freemium) Provides design challenges (HTML/CSS/JS) so you can practice building real-world designs from scratch.
  - Website: https://www.frontendmentor.io/
- GitHub: Learn basic Git commands (add, commit, push) and create repositories for all your projects. This is essential for version control and showing off your work.
  - Website: https://github.com/

Phase 2: Transitioning to Frameworks (React, Vue, Angular)

Once you have a solid grasp of HTML, CSS, and especially modern JavaScript (ES6+), you're ready to explore front-end frameworks. Frameworks like React, Vue, and Angular provide structured ways to build complex, scalable, and maintainable user interfaces. They handle many common tasks, making development faster and more efficient.

Before diving into a framework, ensure you understand:

Modern JavaScript (ES6+): Arrow functions, let/const, template literals, destructuring, modules (import/export), Promises, async/await. Frameworks heavily rely on these features.
Asynchronous JavaScript: How to handle operations that take time (like fetching data from an API) without blocking the main thread.
APIs (Application Programming Interfaces): How your front-end code will communicate with a backend to fetch and send data. Understand what a REST API is.

Choosing Your First Framework:

React: (Library, but often used as a framework) Developed by Facebook, React is incredibly popular and widely used. It's a component-based library for building user interfaces. It's known for its flexibility and large ecosystem.
Vue.js: (Progressive Framework) Often praised for its ease of learning and gentle learning curve. It's a good choice if you prefer a more opinionated structure than React, but still want flexibility.
Angular: (Full-fledged Framework) Developed by Google, Angular is a comprehensive framework that provides a structured way to build large-scale applications. It has a steeper learning curve but offers many built-in features.

Recommendations:

For beginners entering the job market, React is often the most requested skill, making it a practical first choice due to its high demand and extensive community support. However, Vue is excellent for quickly building things and learning fundamental framework concepts, and Angular is powerful for enterprise-level applications. Choose one and stick with it initially.

Where to Learn Frameworks:

Many of the resources mentioned for HTML/CSS/JS also offer courses on frameworks.

Official Documentation: This is the absolute best place to start. Framework documentation is usually excellent and kept up-to-date.
- React Docs: https://react.dev/
- Vue.js Docs: https://vuejs.org/guide/introduction.html
- Angular Docs: https://angular.io/docs
freeCodeCamp: They have extensive curricula for React, Angular, and Vue.
Scrimba: Excellent interactive courses for all three.
Udemy / Coursera / edX: (Paid courses) Look for highly-rated courses by instructors like Maximilian Schwarzmüller, Andrew Mead, or Stephen Grider for React, Vue, or Angular. These often provide a structured path with exercises and projects.
- Udemy: https://www.udemy.com/
- Coursera: https://www.coursera.org/
- edX: https://www.edx.org/
YouTube Channels: Channels like Traversy Media, Net Ninja, Academind (Maximilian Schwarzmüller), and Mosh Hamedani often have great crash courses and project builds.

How to Proceed with Frameworks:

Understand Why Frameworks: Learn what problems frameworks solve (e.g., state management, component reusability, routing, performance optimization) that vanilla JavaScript doesn't easily address.
Basic Concepts: Learn the core concepts of your chosen framework: components, props, state, lifecycle methods/hooks, conditional rendering, list rendering, event handling, and routing.
Build Small Projects: Don't just follow tutorials. Try to build your own mini-applications using the framework.
- Recreate your HTML/CSS/JS projects (calculator, to-do list) using the framework.
- Build a simple e-commerce product listing, a weather app that fetches data from an API, or a basic blog.
State Management (After Basics): For more complex applications, you'll need to learn a state management solution (e.g., Redux or Zustand for React, Vuex/Pinia for Vue, NgRx for Angular).
Build a Portfolio Project: Create a more substantial project that showcases your skills with the framework, integrates with an API (even a public one), and demonstrates responsive design. This is crucial for job applications.

General Tips for Learning:

Consistency is Key: Dedicate regular time to learning, even if it's just 30 minutes a day.
Don't Just Watch/Read, Code: Active learning is paramount. Type out every example, and then try to modify it or build something similar from scratch.
Understand, Don't Memorize: Focus on understanding why something works the way it does, not just memorizing syntax.
Break Down Problems: When faced with a complex task, break it down into smaller, manageable pieces.
Use Developer Tools: Master your browser's developer tools (right-click -> Inspect). They are invaluable for debugging HTML, CSS, and JavaScript.
Ask Questions: Don't be afraid to ask for help on forums (like Stack Overflow, Reddit's r/webdev, or r/learnprogramming) or in Discord communities.
Read Code: Look at open-source projects on GitHub to see how experienced developers structure their code.
Stay Curious and Keep Building! The web development landscape constantly evolves. Embrace continuous learning and always be working on new projects to solidify your skills.

Good luck on your journey to becoming a skilled front-end developer!

0 replies

billySkaearson · 2025-06-27T14:55:51Z

billySkaearson
Jun 27, 2025

watching tutorials is helpful but also practicing them is the best way to learn cause you will make mistakes then learn from them and you'll figure out your way of coding

http://w3schools.com
https://www.udemy.com
https://www.coursera.org
https://www.geeksforgeeks.org
https://www.codecademy.com
https://developer.mozilla.org

and

https://stackoverflow.com (this is if you have a question or if you are searching for solution in coding)

0 replies

SMarketuz · 2025-06-27T15:08:40Z

SMarketuz
Jun 27, 2025

best in the best

0 replies

appleseedev · 2025-06-28T17:11:34Z

appleseedev
Jun 28, 2025

What Is HTML?

HTML is the standard markup language used to create and design web pages. It tells the browser how to display content, such as text, images, links, and structure.

Key Features

Tags-based: HTML uses tags like p, h1, div, etc.
Not a programming language: It structures content, but doesn’t have logic (like loops or if statements).
Works with CSS and JavaScript: HTML structures the page, CSS styles it, and JavaScript adds interactivity.

Why Learn HTML?

It's the foundation of web development.
Essential for web designers, frontend developers, and content managers.
Works closely with CSS (for design) and JavaScript (for interactivity).

1 reply

JACQUES-90 Sep 3, 2025

Yh

This comment was marked as spam.

Sign in to view

talk about html #150301

Uh oh!

Select Topic Area

Body

Replies: 23 comments · 12 replies

Uh oh!

Uh oh!

Uh oh!

Uh oh!

This comment was marked as spam.

Uh oh!

shinybrightstar Jan 30, 2025 Maintainer

Uh oh!

Uh oh!

Uh oh!

Uh oh!

This comment was marked as spam.

Uh oh!

Uh oh!

This comment was marked as spam.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

This comment was marked as spam.

Uh oh!

Uh oh!

Uh oh!

How to Start Studying HTML

Uh oh!

Uh oh!

Here are some helpful study links to guide you in learning HTML:

Uh oh!

Uh oh!

Uh oh!

amazi2 Jun 23, 2025 Author

Uh oh!

amazi2 Jun 23, 2025 Author

Uh oh!

to

Uh oh!

Uh oh!

(OF COURSE YOU CAN JUST START BY PLAIN HTML, BUT STARTING LIKE THIS, IMO, IT'S THE BEST WAY)

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Replies: 23 comments 12 replies

shinybrightstar
Jan 30, 2025
Maintainer

amazi2
Jun 23, 2025
Author

amazi2
Jun 23, 2025
Author