{"id":4654,"date":"2021-05-03T00:00:00","date_gmt":"2021-05-02T22:00:00","guid":{"rendered":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/uncategorized\/what-is-html-a-beginners-guide\/"},"modified":"2023-05-10T19:44:39","modified_gmt":"2023-05-10T17:44:39","slug":"what-is-html-a-beginners-guide","status":"publish","type":"post","link":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/what-is-html-a-beginners-guide\/","title":{"rendered":"What is HTML? A Beginner\u2019s Guide"},"content":{"rendered":"

Essentially, HTML is a basic programming language used for creating websites. If you\u2019re considering a career in web design or development, knowing this language is an absolute must\u2014<\/em>but even in other professions, like digital marketing,<\/strong> a bit of HTML can come in handy.<\/p>\n

Once you\u2019ve got the hang of it, writing and working with HTML is a breeze. If you\u2019ve never touched it, however, it can seem like one of the internet\u2019s biggest mysteries.<\/p>\n

In this post, we\u2019ll provide the ultimate introduction to basic HTML.<\/p>\n

Before we start, don\u2019t panic.<\/strong>\u00a0This guide is aimed at anyone and everyone\u2014<\/em>no tech knowledge required!<\/p>\n

Ready to get started with HTML? Let\u2019s go.<\/p>\n

    \n
  1. What does HTML mean?<\/a><\/li>\n
  2. How does HTML work?<\/a><\/li>\n
  3. Writing HTML: The basics<\/a><\/li>\n
  4. Learning HTML: What next?<\/a><\/li>\n<\/ol>\n

    \"A<\/h3>\n

    1. What does HTML mean?<\/h2>\n

    HTML stands for Hypertext Markup Language\u2014<\/em>and, as previously mentioned, it\u2019s a computer language used for the creation of websites. HTML describes how a document should be displayed by an internet browser. It was created by physicist Tim Berners-Lee in the late 1990s and, like all programming languages, has been continuously revised and updated over the years.<\/p>\n

    Hypertext<\/strong><\/p>\n

    This is basically text that contains links to other texts. You can click on these links to jump to other pages or sections of text.<\/p>\n

    Markup<\/strong><\/p>\n

    This part refers to HTML tags and the text inside them. We\u2019ll talk more about tags later.<\/p>\n

    Language<\/strong><\/p>\n

    Finally, HTML is a language<\/strong>\u2014<\/em>pretty self-explanatory, right?<\/p>\n

    2. How does HTML work?<\/h2>\n

    Quite simply, HTML works by telling the internet browser how to display the page.<\/p>\n

    First, the author uses a basic text editor<\/strong> on the computer (such as TextEdit for Mac) to create their HTML document. The author then fills their HTML document with a series of HTML elements, using HTML tags.<\/p>\n

    What are HTML tags?<\/h3>\n

    Essentially, HTML tags are markers which tell the browser how the enclosed text should be displayed. Here’s a simple example:<\/p>\n

    <b>This text should be bold.<\/b><\/code><\/p>\n

    In this case, <b><\/code> and <\/b><\/code> are the HTML tags. They are marking the enclosed text as \u201cbold\u201d\u2014<\/em>hence, the \u201cmarkup\u201d element of HTML. We\u2019ll explain how to actually write tags in the next section.<\/p>\n

    Once the document is complete, the author saves it as a html file and opens it in their internet browser. The browser then reads the file and follows the instructions to render the page in a certain way\u2014<\/em>as provided by the HTML tags.<\/p>\n

    So, when you use the \u201cbold\u201d tags, you\u2019re essentially telling the browser to display this sentence in bold: <b>This text should be bold.<\/b><\/code><\/p>\n

    When the browser reads this, it knows to display the sentence as described: This text should be bold.<\/strong><\/p>\n

    Of course, the HTML tags themselves are not displayed in the browser (unless you make a mistake writing them!).<\/p>\n

    3. Writing HTML: The basics<\/h2>\n

    Tags<\/h3>\n

    HTML tags are written inside angle brackets, and tend to come in pairs\u2014<\/em>so, they consist of both an opening and a closing tag.<\/p>\n

    For example, the <p><\/code>\u00a0tag is used to indicate a new paragraph. The opening tag is written as follows: <p><\/code>. After this tag, you write your paragraph. To finish, add your closing tag, which is the same as the opening tag but with a forward slash. In this case, it would be: <\/p><\/code>.<\/p>\n

    A pair of tags with text enclosed is known as an element. Here are some examples of common HTML elements and their corresponding tags:<\/p>\n

    <h1>This is a heading<\/h1><\/code><\/p>\n

    <p>This is a paragraph<\/p><\/code><\/p>\n

    <b>This is a bold sentence<\/b><\/code><\/p>\n

    <i>This is an italic sentence<\/i><\/code><\/p>\n

    Most HTML tags follow this open-and-closing pattern, but there are also some tags which only need an opening tag to be valid. These are known as singleton tags<\/strong>, and include things like <br><\/code> to indicate a line break, and <img><\/code> for including an image. The browser will understand and act on these tags without the need for a closing tag.<\/p>\n