Web Pages & HTML

Web pages are displayed on computer screens.    Browsers (like Chrome or Firefox) read HTML files  and then use what’s in them to create a web page.   

When creating web pages it is useful to think about the difference between the “contents” and the “appearance” of the page:

The contents of the web page.

·        The text on the page  -  what letters words and numbers will appear on the page

·        The graphics on the page – pictures, drawings, photos, graphic designs

·        Links ( things to click on) to  videos,  to sound (voice, music, recordings), to other web pages.

The appearance & layout of the page

·        How big will the text be and how will appear (font choice, font size, font color) & where on the page will text appear.     Big font,    different font,   colored font

·        Graphics:   How big will each graphic be and where will it be located on the page

·        Links:    Where will they appear?  Will they be text (like “click here”) or a small graphic (like a button) 

HTML  is a language consisting of tags ( enclosed in pointy-brackets like <body>… </body>  or <br>)  that tell a browser where and how to display the page contents (text, graphics, links).   HTML stands for “Hypertext Markup Language”.    The idea is that you take a document  and mark it up (by inserting tags) to tell the browser how to display the contents.

Web page developers use a number of other languages in a web page.  Among these are CSS (Cascading Style Sheets),  JavaScript (a programming language  that can make web pages interact with a user and perform some tasks) and PHP   ( a programming language that allows web pages to run computer programs on remote web servers).  

All web page developers must learn quite a bit about how to use HTML tags and CSS.   More complex web pages require using JavaScript and/or PHP.

You can create and view a web page on a home computer.  If you want the web page to be viewed by internet users in other locations ( such as other houses, towns, or countries), then the page has to be stored on a web server.   “Client” machines (like your home computer) use a browser (like Chrome or Firefox) to view web pages stored on web servers.   Many “clients” can view the same web page at the same time.   

A client machine uses a browser to download an HTML file from a web server.   The browser connects to the server over the internet and requests a particular HTML file.  The server then sends that HTML file over the internet to the browser program on the client machine.    The browser does the work of interpreting the HTML file and displaying its contents appropriately on the local client screen.