Examples for Distributed Computing
HTML , the hyper text markup language, allows us to write documents which can contain structured text (headlines, paragraphs, tables), but also graphics, or videos, and - most importantly - can be linked to other HTML documents. Such links are the very basis for the WWW, they form the "web".
HTML alone is limited in several ways: First, there are not so many ways to create a visual appealing style for a web page. Yes, we can set table borders, images, fonts, bold/italic, etc., but that's pretty much it. Also, we would ideally like to separate the content of a page from the style and/or have multiple styles for a given page, maybe one for displaying on a screen and one for printing. Second, a HTML page is dead, it does perform no activity. But maybe we want some activity? Maybe we want to dynamically load some additional contents, maybe we want to have menus that fade in and out when the moves hovers over them.
We can solve the first shortcoming by using CSS. Stylesheets allow us to specify, for basically each HTML element, how it should be displayed. We can choose from a much richer pool of stylistic elements. And we can separate the style away from the page into a separate file. This way, all of the web pages of our web site can use the same style. If we change the style, it will automatically apply to the whole page. And we can have different styles for printing and displaying on a screen.
Just a plain HTML document with an image inside.
A really minimal example HTML document with a CSS style sheet.
pse: The Periodic System of Elements
This is actually quite an old example which I did, I believe, back in high school. It shows the periodic table of elements. The single elements are clickable. When you click them, a small window with detailed information opens.