CBWE: HTML, CSS, etc.
Basic HTML knowledge
Also available in presentation mode…
HTML
- HTML - language to describe web pages, defined at http://www.w3.org/TR/html401/
- Consists of tags of the form <TAG> ... </TAG>
- Tags can have attributes <TAG foo="value">
- Structure: <!DOCTYPE ...><html><head>...</head><body>...</body></html>
- Important tags: <h1>, <h2>, ..., <p>, <ol>, <ul>, <li>, <dl>, <dt>, <dd>, <a>, <table>, <pre>, <img>
Websites at RISC
- http://www.risc.jku.at/people/ppaule
- http://www.risc.jku.at/people/hemmecke (redirected, because index.html contains the following line)
<meta http-equiv="refresh" content="0; URL=https://portal.risc.jku.at/Members/hemmecke">
- files are in /home/www/people/ACCOUNTNAME and must be readable by the webserver (unix group: www-data)
usechmod a+r FILE.html
in order to make the file readable for all - The RISC portal: https://portal.risc.jku.at
- The DK website: https://www.dk-compmath.jku.at/
Simple HTML editing (seamonkey/iceape)
- http://www.risc.jku.at/people/hemmecke/mytest/mytest.html (on a RISC machine)
- file:///home/www/people/hemmecke/mytest.html
CSS - Styling your HTML site
- CSS - a language to define appearance of web pages, define at http://www.w3.org/Style/CSS/
- Example in mystyle.css:
h2 {color: red;}
- Use in of mytest.html:
<link rel="stylesheet" href="mystyle.css">
Additional Links
- http://slides.html5rocks.com/#landing-slide
- http://html5doctor.com/
- http://www.w3schools.com/
- http://selfhtml.org/ (in German)