Introduction to Web Development with HTML
What is web development?
Web development is the work done to create websites and web applications for use on the internet. These web applications can be created in a variety of languages, but the essentials for any website or web application usually includes a mix of:
- The Hypertext Markup Language (HTML), is a markup language used for marking up electronic documents for display in a web browser where the term markup refers to the data in the electronic document that is not typically displayed on the client web browser. HTML semantically describes the structure of a documents content, how the content is laid out on the page.
- Cascading Style Sheets (CSS) is a style sheet language commonly used for describing the presentation of a markup document, typically HTML, where the presentation is how the pages content looks and feels.
- JavaScript (JS), an implementation of the ECMAScript standard, is a general-purpose programming language often used for adding dynamic behaviour to a web page. JavaScript code is capable of running in a client-side browser (frontend) and in a separate engine such as Node.js to power server-side applications (backend).
The internet vs the web
The internet is an interconnected network of computers which communicate using the Internet protocol suite (TCP/IP). The web, formally the World Wide Web, is a software platform which runs on-top of the internet. Web applications communicate using the Hypertext Transfer Protocol (HTTP) using a request-response cycle.
Web standards and the semantic web
The World Wide Web was developed throughout the 1990s after Tim Berners-Lee, an English computer scientist, developed the foundational technologies on which the web is built at The European Organisation for Nuclear Research (CERN) in 1990:
- The HTTP protocol
- The HTML markup language
- A simple what-you-see-is-what-you-get (WYSIWYG) web-browser and web page editor, confusingly named WorldWideWeb but later renamed to Nexus - discontinued in 1994.
- The CERN httpd web server daemon used for processing requests and returning responses.
- The first website, still accessible today at: http://info.cern.ch/
Throughout the late 1990s and early 2000s, the web started to develop as other companies, research institutions and goverments sought to exchange information more efficiently around the globe. This lead to a situation known as the browser wars where a competition for dominance in the web browser market occurred. The problem was, no browser vendor yet adhered to any true technical standards - a set of established requirements or normalities for carrying out a repeatable technical task.
Tim Berners-Lee published the first HTML draft proposal in 1991, readable at: http://info.cern.ch/hypertext/WWW/MarkUp/Tags.html
During the browser wars, vendors competed to produce browsers with ever more features, but this also reduced the accessibility of the web to users. This posed a problem as more devices of varying screen sizes, hardware and software specifications started to connect to the web. Some of the first and most influential wars occurred between the NCSA Mosiac browser, developed in 1993 and later rebranded as Netscape Navigator, and Microsoft's Internet Explorer, developed in 1995. Needless to say, Internet Explorer eventually won this battle with Netscape being discontinued in 2008 - the original Mozilla Firefox web browser was based on the source-code of Netscape Navigator.
The browser wars continue in many forms, as new features are released and realised. As they are a long and complex topic, they won't be discussed further here, information can easily be found online surrounding them.
The browser wars kicked off a need for standards to be developed to ensure that a website written in HTML, CSS and JS could be displayed in not just one browser, but any browser. The major releases of HTML are listed in the following table:
HTML Version | Standard | Year |
---|---|---|
2.0 | RFC 1866: https://datatracker.ietf.org/doc/html/rfc1866 | 1995 - 1997 |
3.2 | W3C Recommendation | 1997 |
4.0 | W3C Recommendation | 1997 - 2000 |
5 | W3C Recommendation | 2012/2014 - 2017 |
Living standards | WHATWG: https://html.spec.whatwg.org/multipage/ | 2012 onwards |
- The IETF HTML Working Group published the HTML 2.0 specification as an RFC, Request-For-Change
- W3C, the World Wide Web Consortium, exclusively developed the HTML 3 specification
- The WHATWG, Web Hypertext Application Technology Working Group, are the current de-facto producers of HTML specifications - the current HTML standard is labelled a living standard which means that it evolves over time as the needs of the web change.