HTML
11
HTML Einführung
-
Upload
ulric-boyd -
Category
Documents
-
view
19 -
download
0
description
HTML. Einführung. Was ist HTML?. HTML ist eine "Seitenbeschreibungssprache" HTML besteht aus "tags" Überschrift Absatz Sonderzeichen müssen umgewandelt werden. aus ü wird ü aus Ä wird Ä. Grundaufbau. < html > < head > < title> SEITENTITEL - PowerPoint PPT Presentation
Transcript of HTML
HTML
Einführung
Was ist HTML?
• HTML ist eine "Seitenbeschreibungssprache"• HTML besteht aus "tags"
– <h1>Überschrift</h1>– <p>Absatz</p>
• Sonderzeichen müssen umgewandelt werden.– aus ü wird ü– aus Ä wird Ä
Grundaufbau
<html> <head> <title>SEITENTITEL</title> </head> <body> INHALT DER SEITE </body></html>
Wichtige "tags" - Überschrift
<h1>Überschrift 1</h1><h2>Überschrift 2</h2><h3>Überschrift 3</h3>
...<h6>Überschrift 6</h6>
Wichtige "tags" - Absatz
<p>Hier steht ein Absatz.</p>
<p>Hier steht ein Absatz<br />
mit Zeilenumbruch.</p>
Wichtige "tags" - Links
<a href="ZIEL">TEXT</a>
• href bedeutet "Hyperlink Reference"– index.html– http://www.igs-list.de
<a href=http://www.igs-list.de>meine Schule</a>
Wichtige "tags" - Bild
<img src="QUELLE" />
• src ist die Adresse (Quelle) des Bildes– fussball.jpg– http://www.igs-list.de/assets/templates/igs/
images/logo.gif
<img src="fussball.jpg" width="80" height="80" border="0" />
Wichtige "tags" - Tabelle
<table>
<tr>
<td>Zeile 1, Zelle 1</td>
<td>Zeile 1, Zelle 2</td>
</tr>
</table>
Zeile 1, Zelle 1 Zeile 1, Zelle 2
Strukturen
Flache Struktur
hierarchische Struktur
Programme zur WebentwicklungKostenlose Tools• Notepad++ (Texteditor)• Nvue (WYSIWYG-Editor)• GIMP (Bildbearbeitung) http://portableapps.com/de
Professionelle Tools• Dreamweaver (WYSIWYG-Editor)• Eclipse (Programmier-IDE)• PhotoShop (Bildbearbeitung)
Download
http://www.igs-list.de/netkom/downloads
![Η γλʚσσα HTML - sch.gr1epal-trikal.tri.sch.gr/static/html/HTML.pdfημειώσεις HTML / JavaScript Μαρολαʗάκης Μάριος [1] Η γλʚσσα HTML HTML είναι](https://static.fdocument.pub/doc/165x107/5f0298e87e708231d4050e7a/-ff-html-schgr1epal-f-html-javascript-oe.jpg)
