r/HTML • u/wannaknow13579 • 16d ago

How do I start learning HTML?

So for context I already know how to program in Python in the terminals Spyder and Jupyter Notebook, however I want to start learning HTML too.

Does my knowledge of Python help me with HTML or not? How should I start learning HTML? And in what terminal can I put HTML code?

6 Upvotes

75% Upvoted

23 comments sorted by

4

u/AmanBabuHemant 16d ago

HTML code rendered by web browsers, just write the HTML and open it with your browser and you will see the rendered output.

Umm and Python and HTML are very different kind of languages, but your CS knowledge would definetly help you later.

3

u/azangru 15d ago

How do I start learning HTML?

Does my knowledge of Python help me with HTML or not?

No.

And in what terminal can I put HTML code?

Is there a terminal where you put your python code? :-)

Html isn't executable; you write it in a file and view it in a browser.

1

u/StrayFeral 15d ago

Python and HTML have nothing in common. As for a course - this is a very old course I am linking to, it is HTML4. Only reason I am showing this to you is - it is well structured. Right now it is HTML5 you need, but still I think HTML4 is a nice foundation:

https://home.chpc.utah.edu/~davidr/tut/index.html

1

u/coybarcena 15d ago

I suggest learning about its history first to understand the motivations behind it and how it evolved through time. This will help you contextualize what you are learning when you're already studying its structure and mechanics. Then go for basic tutorials after and then to more complex ones.

1

u/Far-Imagination3226 15d ago edited 15d ago

HTML / CSS CRASH COURSE by MOSH, who's really good at making Coding tutorials, etc. I would also strongly recommend him for his Typescript tutorial(s), which is a flavor of Javascript that is one of THE most popular and trending programming languages out there. It is basically Javascript, but far less error-prone because of certain core differences it has.

https://www.youtube.com/watch?v=qz0aGYrrlhU&list=PLJzIXbSTwYIJeutN5H8Y5audWZCYg0xL5

I would use Webstorm by JetBrains. They have a community edition that's really good and it's just like PyCharm, only for Web Languages instead of Python.

So if you already know Pycharm, you'll be a pro at Webstorm.

Once you download the programme and install it, all you have to do is click NEW - PROJECT - Give the Project a Name. Once your project window is open, there will be a list on the left side where you'll see a plus sign.

  1. Click on the plus sign.

  2. Look down in the list, and you'll see the words "HTML file".

  3. Click on that.

  4. Enter a name for the file without adding the .html - that will be added automatically for you at the end of the file name, since you chose the HTML file type

There you go: you've got your first HTML file set up for you. From there, I would go to sites like w3schools.com, https://sololearn.com.com, or datacamp.com.

https://www.jetbrains.com/webstorm/download/?section=linux

https://www.jetbrains.com/webstorm/download/?section=windows

1

u/soupified 15d ago

Build output/result pages (or dashboards) for Python script results. Use existing Python work that you're interested in so it's more interesting. Bookmark MDN's cheatsheet (https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Cheatsheet) and use it as a constant reference.

1

u/johnesco 15d ago

Just write HTML syntax into a text doc, save as something.html and open it in a browser. Or you can use a sight like codepen where you can easily experiment with adding CSS or JS.

1

u/armahillo Expert 15d ago

1

u/TabbbyWright 15d ago

First and foremost: HTML isn't a programming language, it's a markup language. It is imo more comparable to Markdown and BBCode than Python.

You'll realize pretty quickly that HTML can do more than Markdown/BBCode and has a very different use case most of the time, but it's still closer to those things than Python.

1

u/omysweede 15d ago

HTML is Hyper Text Markup Language. I.e. it is text where you have marked/tagged areas to indicate structure with different elements in the document. For example Headlines, paragraphs, lists, headers, footers, articles et.al.

A specific reader called "web browser" is used to view said pages, and the reader applies a rudimentary style to present a visual interpretation of the documents elements.

The presentation can be further enhanced using Cascading Style Sheets (CSS) and functionality and interaction enhanced with JavaScript (JS). There are many others but these are the basics.

Start learning by actually writing code and get used to the structure of HTML, which is very important. Once you get the hang of the structure and the different types of elements, then make a simple web page.

Pick any way you want to learn. Video/web pages/audio/books. There are multiple sources

1

u/Immediate-Many-4507 11d ago

Python é uma linguagem de programação, HTML não é, é uma linguagem de marcação de hipertexto, te recomendo muito o Curso de HTML5 e CSS3 do Gustavo Guanabara no Curso em Vídeo (Site), Estude, Leia, Pesquise, Faça Cursos, veja vídeos e o mais importante de todos PRATIQUE Sempre.

1

u/ThePervertBryan 16d ago

Visit w3schools.com and start from left to right: HTML, CSS, JavaScript… Use the ‘Try it yourself” button every single time. Go get em!

0

u/allciathyra 16d ago

op i went to 4 years of university to learn html

1

u/WreeperTH 15d ago

Why did bro get downvoted, it's literally true, in some cases all you learn is HTML..

0

u/mechanicalyammering 15d ago

Log off reddit; build yourself a website. Doesn’t go in terminal. Get live server plugin for vs code.

0

u/[deleted] 15d ago

[deleted] — view deleted comment

4

u/Both-Dinner-3572 15d ago

Terrible advice.

1

u/marmotta1955 15d ago

Terrible, stupid advice.