URZ Workshop „Creating websites with TUCAL“
HTML

HTML

Syntax

  • Content/text is given a structure by markup
  • Markup is done by HTML elements and is marked by a pair of tags, i. e. by a start tag and an end tag (<p>...</p>)
  • Elements can also be nested according to certain rules
  • Some empty elements, such as line breaks (<br>) or images (<img>), do not need an end tag
  • On TU websites only the <body> and there explicitly only the <main> content area is important for authors for editing, everything else is generated by the TUCAL system

Basic structure of a TU website (strongly simplified) 

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <title>HTML basic framework | TU Chemnitz</title>
</head>
<body class="class-tuc">
    <header>
        <h2>Navigation</h2>
        <nav>
            <ul>
                <li><a href="/" title="Homepage">TU Chemnitz</a></li>
                <li><a href="/verwaltung/" title="Verwaltung">Central Administration</a></li>
            </ul>
        </nav>
    </header>
    <div id="tucal-content">
        <main class="page-content">
            <h1>Heading of the content</h1>
            <p>Content ...</p>
            <p>Only this area is important for authors!</p>
        </main>
    </div>
</html>
continue

Implementation in TUCAL

continue