Saif

Mindblown: a blog about philosophy.

  • Nested HTML Elements

    HTML elements can be nested (this means that elements can contain other elements). All HTML documents consist of nested HTML elements. The following example contains four HTML elements (<html>, <body>, <h1> and <p>): Example <!DOCTYPE html><html><body> <h1>My First Heading</h1><p>My first paragraph.</p> </body></html>

  • HTML Elements

    The HTML element is everything from the start tag to the end tag: <tagname>Content goes here…</tagname> Examples of some HTML elements: <h1>My First Heading</h1> <p>My first paragraph.</p> Start tag Element content End tag <h1> My First Heading </h1> <p> My first paragraph. </p> <br> none none

  • HTML Images

    HTML images are defined with the <img> tag. The source file (src), alternative text (alt), width, and height are provided as attributes: Example <img src=”w3schools.jpg” alt=”W3Schools.com” width=”104″ height=”142″>

  • HTML Links

    HTML links are defined with the <a> tag: Example <a href=”https://www.w3schools.com”>This is a link</a>

  • HTML Paragraphs

    HTML paragraphs are defined with the <p> tag: Example <p>This is a paragraph.</p><p>This is another paragraph.</p>

  • HTML Headings

    HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading:  Example <h1>This is heading 1</h1><h2>This is heading 2</h2><h3>This is heading 3</h3>

  • HTML Documents

    All HTML documents must start with a document type declaration: <!DOCTYPE html>. The HTML document itself begins with <html> and ends with </html>. The visible part of the HTML document is between <body> and </body>. Example <!DOCTYPE html><html><body> <h1>My First Heading</h1><p>My first paragraph.</p> </body></html> The <!DOCTYPE> Declaration The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly. It must only…

  • HTML History

    Since the early days of the World Wide Web, there have been many versions of HTML: Year Version 1989 Tim Berners-Lee invented www 1991 Tim Berners-Lee invented HTML 1993 Dave Raggett drafted HTML+ 1995 HTML Working Group defined HTML 2.0 1997 W3C Recommendation: HTML 3.2 1999 W3C Recommendation: HTML 4.01 2000 W3C Recommendation: XHTML 1.0…

  • HTML Page Structure

    Below is a visualization of an HTML page structure: <html> <head> <title>Page title</title> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>

  • Web Browsers

    The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly. A browser does not display the HTML tags, but uses them to determine how to display the document:

Got any book recommendations?

Get In Touch