html

HTML

  • keine Programmiersprache
  • HyperText Markup Language

Elemente

html Element

Block/inline

  • Block-Elemente beginnen eine neue Zeile
  • Inline-Elemente formatieren meist Text
<em>HTL<strong>St.</strong>Pölten</em>
<p>Abteilung</p><p>Informatik</p><p>2XHIF</p>

HTLSt.Pölten
Abteilung
Informatik
2XHIF

Leere Elemente

  • besitzen kein closing-Tag
  • fügen meist Content ein
logo htl stp

Attribute

attribute

<tag attr1="val1" attr2="val2 val3" attr3='val4'>content</tag>
<a title="HTL St. Pölten"
    href="https://www.htlstp.ac.at/" 
    target="_blank">HTL</a>

HTL

Hello World

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Tooltiptext, Bookmarktext</title>
  </head>
  <body>
    <p>Hello World</p>
  </body>
</html>

<head>

<title>/<hx>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>
  <body>
    <h1>Heading</h1>
    <h2>Subheading</h2>
  </body>
</html>

<meta>

<head>
    <meta charset="UTF-8">
    <meta name="author" content="Christoph Schreiber">
    <meta name="description" 
        content="Diese Slides sollen 
                 den Unterricht vereinfachen.">
</head>
charset
definiert den verwendeten Zeichensatz
description
dient der Search Engine Optimization (SEO)

Icon

<head>
    <link rel="shortcut icon" 
        href="my-image.png" 
        type="image/x-icon">
</head>
  • Icon für Browsertab/Bookmarks

CSS/JavaScript