Blog Details

  • Home
  • What’s HTML and how does it work? | Web Demystified, Episode 1

What’s HTML and how does it work? | Web Demystified, Episode 1

4 January 2022 0 Comments

Hello! Welcome to a brand-new chapter of Web Demystified. I’m Jeremie and today we’re gonna talk about HTML HT…

What? Basically, HTML is a descriptive lingo that allows us to tell a web browser how to handle text content. It doesn’t make any sense, does it? Nope! Okay, we’d better get into some details.

HTML is the oldest usage of the web. Even though it took a few years to be formally defined, the very first web page created by Tim Berners-Lee was already employing a proto HTML. and if you’re inquisitive about it that sheet is still online If you are interested in the history of HTML, Wikipedia is definitely your friend. Now, we’re gonna focus on the technical back of things. HTML is an acronym standing for HyperText Markup Language, It is quite self-descriptive, but that requires a little explanation.

Let’s start with that markup language thing.

It precisely signifies HTML plies a structure to annotate some plain text with labels. Those tags lend semantic appraise to any verse that will be used by the browser to understand how to handle that verse. Yeah, yeah, penalty. How does it search?

An HTML tag is a small string of text made up of a duo of angle brackets bordering its epithet, on which you can specify further related information using attributes. By enclosing some verse with an open tag and a closing call you are creating what we call an HTML element. And we’ve created a clause![ whoosh cat] Once you have created HTML parts, you just have to nest them in order to create an HTML document.

Here is the basic structure of such a document Hey, slow down!

Where are all those labels coming from? And what the heck is that DOCTYPE thing at the top? All very good questions. First, a rapid word about that DOCTYPE line. That route is a hint that tells web browsers that your HTML document is a fully-fledged modern HTML document.

If you omit it, browsers will consider your paper like all those documents that have been created in the early days of the web before HTML was standardized. For downwards conformity to those used aged papers, they have a special display mode announced: “The Quirks mode” This display mode is … well.

.. quaint! To make it short, every browser has a different caprices mode for historical reasons. Meaning you can face different actions from one browser to the other … yes, more than usual.

So unless you are looking for trouble or know exactly what you doing, you are able to shun that showing mode.

In clear: really said DOCTYPE line to your certificate and don’t worry too much about it. If you are not afraid of headaches, you can read more in now Okay, let’s come more practical: what elements can you use to create your own HTML documents? HTML follow rules defined by the HTML Specification. Which is maintained by the World Wide Web Consortium, a.k.a W3C an organization that would definitely have its own video. That specification defines all the expected actions of an HTML document, which includes more than a hundred factors with all their affiliated nesting constraints. That’s a lot! If you want to explore all those many calls and their individual demeanour, I caution you NOT to get into the HTML specification!

It’s long, it’s full of boring items … It’s not fledgling friendly, It’s not even web make friendly. To be honest, “it’s not” friendly even for the very authors.

It’s a highly technical document obliged for browser makers.

Instead, I suggest you take a look at the MDN Web Documentation it will provide you with an ended, yet easily understandable, documentation of all HTML labels. As a quick outline, there are calls for many things: Document sectioning Document metadata Block text semantics Inline text semantics Idol & Multimedia Embedded content Scripting Forms Data counters and many more! Yes, that’s a lot, but you clearly don’t have to remember everything. I don’t! To be fair, one of the cool things about HTML, it’s how resilient it is.

It only means that even if you do offset mistakes, it is okay. Browsers will do their best to expose something no matter what. So, I suggested that at this station you should just fiddle with HTML and have fun with it. Wow, hold on a second. What about that Hypertext thing you mentioned earlier?

Yeah! Right. Hypertext is just a fancy word to be mentioned that an HTML document can create a link to another HTML document.

Such a link can be simply triggered either by tick, by strike, or by using a keyboard to move to that other document. That clangs fairly every day these days but in 1990, that was kind of revolutionary to be able to move from one document to the next without having to type its address.

To start such associations, HTML provides the “a” element You can be utilized it like this, and it is likely to be rendered like that. Note the blue colour and the underline which are the default look and feel for joins Now, if you click on it your browser will laden the document available at the address provided by the HREF attribute.

And that’s all the knowledge you need to know to start understanding HTML. Okay, let’s recap. HTML is a markup language that allows structuring a text in order to better to make it understandable by web browsers.

That HTML markup is made use of aspects assembled by labels put around textbooks. All legitimate HTML constituents and their nesting guidelines are defined in a specification maintained by the W3C. Yes, it’s that simple! Frankly, HTML alone is a bit dull. We clearly need something else to make it pretty.

You know what, next up we’ll talk about CSS. Thank you all for watching this video. if you want to learn more and start fiddling with HTML I must hint you have a look at the learn area of MDN In the meantime, if you enjoyed this escapade, do not hesitate to like it and to share it with your friends. Spreading knowledge will definitely fill up your karma container. To continue the discussion, feel free to comment down below or connect me and all my fellow members on Twitter.

And finally … Long live the open entanglement, see you next time !.

Read More: Small Business Website Design Best Small Business Website Design Must Watch