HTML Handbuch
Übersetzt von
ScribdTranslationsHTML Handbuch
Übersetzt von
ScribdTranslationsHTML-BEFEHLE
(Prof. Ivaldi Giuliano)
TAG grundlegende
<HTML> </HTML> , Beginn und Ende des HTML-Dokuments
<HEAD> </HEAD> , Anfang und Ende der Überschrift
<TITLE> </TITLE> , Anfang und Ende des Titels auf der "Titelzeile" von Internet Explorer, nützlich um sich
„sichtbar“ für Suchmaschinen und muss daher in jedes HTML-Dokument eingefügt werden, das erstellt wird
<BODY> </BODY> , Anfang und Ende des Seitenkörpers
<!-- Kommentar --> , Code zum Hinzufügen eines Kommentars
Textformatierung
<H1> </H1> , Beginn und Ende der Überschrift Ebene 1 (bis zu Ebene 6 möglich)
<P> , Absatzbeginn mit einer Zeile Abstand
<P ALIGN="tipo"> , Absatzanfang mit Ausrichtungstyp (LINKS, MITTE, RECHTS)
<BR> , Anfang des Absatzes ohne Zeilenumbruch
<BR CLEAR=ALL> , Absatzunterbrechung
<PRE></PRE> , ermöglicht es, jeden eingegebenen Raum und jeden Zeilenumbruch in der Programmierung zu reproduzieren,
auch im Browserfenster
<B> </B> , Anfang und Ende fett
<I> </I> , Anfang und Ende kursiv
<U> </U> , Beginn und Ende der Unterstreichung
<CODE> </CODE> , Anfang und Ende des Zeichen einer Schreibmaschine
<CENTER> </CENTER> , Beginn und Ende zentrierte Ausrichtung
<SUP> </SUP> , Anfang und Ende der Anführungszeichen
<SUB> </SUB> , Anfang und Ende Fußnote
<STRIKE> </STRIKE> , Anfang und Ende des durchgestrichenen Textes
Oss :
• "/" zeigt das Ende eines Tags an
• Die leeren Zeilen im Notizblock werden vom Browser nicht angezeigt (um sie zu berücksichtigen, muss der <PRE>-Tag verwendet werden)
• Die Optionen (z. B. BGCOLOR) werden zu den Tags (z. B. BODY) hinzugefügt und ändern deren Effekt.
• Um Sonderzeichen hinzuzufügen, wird das Format : &#cod-ASCII verwendet.
• Bevor die Website geschlossen wird, fügen Sie das Datum, die Uhrzeit der letzten Aktualisierung sowie den Vor- und Nachnamen des Eigentümers der Website hinzu.
mit einer E-Mail-Adresse gegebenenfalls in Form eines Links
Personalverwaltung
<HR> , disegna una riga ed inserisce un’interruzione di pagina
BREITE="nummer" , larghezza ; formato numero : „num%“ im Verhältnis zum Fenster,
n° Pixel (max 550-600 Pixel)
AUSRICHTEN="typ" , Ausrichtung (Typ: LINKS, MITTE, RECHTS)
GRÖSSE="nummer" , Zeilenhöhe
COLOR=”#cod colore” , colorazione
Es.
<HR WIDTH="50%" ALIGN="left" SIZE="2" COLOR="blue">
fügt einen horizontalen Streifen mit einer Breite von "50%" der Fenstergröße hinzu und richtet ihn links mit Schriftgröße aus
“2” e lo colora di blu
1
Eigenschaft BODY
BGCOLOR="#cod colore" , colora lo sfondo con ”cod colore”
BACKGROUND=”percorso/nome immagine” , setze "Bildname" als Hintergrund
TEXT=”#cod colore” , färbe den gesamten Text der Seite mit "Farbcode"
LINK=”#cod colore” , link non evidenziato
ALINK=”#cod colore” , hervorgehobener Link
VLINK=”#cod colore” , besuchter Link
Es.
<BODY BGCOLOR="#0000FF"> , färbe den Hintergrund blau
<BODY BACKGROUND="images/[Link]"> , setze "[Link]" als Hintergrund
<BODY TEXT=”YELLOW”> , färbe den gesamten Text der Website gelb
<BODY BGCOLOR=”WHITE” LINK=”#0000FF” ALINK=”#FF0000” VLINK=”#00FFFF”>
colora di bianco lo sfondo e dà i colori ai Link normali , quelli evidenziati (Attivi) e quelli Visitati (i colori indicati sono
die Standardfarben Blau, Rot und Grün
Schriftart-Eigenschaft
COLOR=”#cod colore” , färbe den folgenden Text mit „#Farbcode“
SIZE=”n° dimensione” , ändere die Größe des folgenden Textes
FACE=”tipo font” , ändere die Schriftart des folgenden Textes
Typografie Schriftart Microsoft: Arial, sans-serif (sans-serif bedeutet „ohne Serife“)
Verdana,sans-serif
Trebuchet MS,sans-serif
Georgia, Serif (Serif bedeutet "mit Serifen")
(Wenn ich die Schriftarten in einem Dokument verwenden möchte, muss ich Stylesheets verwenden)
<KLEIN> </KLEIN> , Anfang und Ende von Kleinbuchstaben
Es.
<FONT COLOR="Gelb"> </FONT> , Beginn und Ende der Textfärbung mit Gelb
<FONT SIZE="6"> </FONT> , Anfang und Ende der Schriftgrößenänderung
<FONT FACE=”Georgia,serif” SIZE= ”5”> , lege die Schriftart und deren Größen fest
FARBCODE
Die Farben können durch ihren Code oder ihren Namen auf Englisch eingegeben werden.
WEISS SCHWARZ ROT GRÜN BLAU
#FFFFFF #000000 #FF0000 #00FF00 #0000FF
MAGENTA Cyan GELB AQUAMARINE DUNKELGRÜN
#FF00FF #00FFFF #FFFF00 #70DB93 #2F4F2F
HELLBLAU HELLGRÜN ORANGE ROSA SOMMERHIMMEL
#C0D9D9 #32CD32 #E47833 #BC8F8F #236B8E
TÜRQUOISE VIOLETT Distel Goldrute kastanienbraun
#ADEAEA #4F2F4F #D8BFD8 #DBDB70 #8E236B
LIGHTEST GREY LIGHTER GREY MEDIUM GREY DARKER GREY DARKEST GREY
#DDDDDD #A8A8A8 #545454 #454545 #333333
2
Befehle Listen
<UL> </UL> , Beginn und Ende der ungeordneten Liste
<OL> </OL> , Anfang und Ende der geordneten Liste
<MENU> </MENU> , Anfang und Ende einer Liste kurzer Punkte, die in der Regel nur eine Zeile einnimmt,
sehr kompakt angezeigt als in der Anweisung <UL>
<DIR> </DIR> , Anfang und Ende einer sehr kurzen Liste von Elementen, zum Beispiel Dateinamen,
möglicherweise in mehreren Spalten angezeigt
<LI> , identifiziere eine Stimme aus der Liste
<UL TYPE="punktliste"> , definiert den Typ der Aufzählungspunkt (Typen: QUADRAT, KREIS, DISK, der Standardwert ist)
die jedoch nicht Teil des offiziellen HTML-Standards sind
<OL TYPE="tipo ordinam. elenco" START="elemento di partenza">
def. il tipo di ordinamento dell’elenco (TYPE) e da quale elemento dell’ordinamento partire (START)
tipi ordinamento: “i” römische zahlen klein
“I” römische Ziffern Großbuchstaben
„a“ Buchstaben des Alphabets Kleinbuchstaben
„A“ Buchstaben des Alphabets in Großbuchstaben
„1“ Nummern (voreingestellt)
Man muss nur das Element eingeben, von dem man starten möchte.
<DL> </DL> , Beginn und Ende der Liste Typ Glossar
<DT> Termine <DD> Definizione , identifizieren Sie den Begriff und die Definition des Wortes
Es.
<P> Grundlegende Komponenten eines Computers
<OL TYPE="I">
<LI> CPU
<UL>
CU
ALU
</UL>
Zentraler Speicher
<UL>
RAM
<LI> ROM
</UL>
<LI> Eingabe-/Ausgabegeräte
<UL>
<LI>Eingabegeräte
<LI>Ausgabegeräte
<LI>Ein- und Ausgabegeräte
<UL>
<LI>Massenspeicher (Festplatte, Diskette, CD, DVD>
</UL>
</UL>
</OL>
<P> Glossario
<DL>
<DT>CPU <DD> Central Processing Unit
<DT>CU <DD> Control Unit
<DT>ALU <DD> Arithmetic Logic Unit
<!-- Kommentar : das Glossar geht weiter… -->
</DL>
3
Ankerbefehle bzw. die Links
<A HREF="[Link] Name Link </A>
Erstelle einen Link mit dem Namen „Nome Link“, der auf die im Tag enthaltene Adresse zeigt.
<A HREF="malto:indirizzo_e-mail"> indirizzo_e-mail </A>
Erstelle einen Link zur E-Mail-Adresse im Tag (wenn man darauf klickt, öffnet sich eine E-Mail mit
die bereits vorbereitete Zieladresse mit der im Tag angegebenen
<A HREF="percorso/nome_file.html"> Linkname </A>
Erstelle einen Link mit dem Namen „Nome Link“, der auf die HTML-Seite im Tag verweist.
<A HREF="percorso/nome_file_audio"> Linkname </A>
Erstelle einen Link mit dem Namen „Nome Link“, der auf die Audiodatei im Tag verweist.
Oss : wenn der Link intern auf derselben Seite ist, wird die Syntax wie folgt sein
<A HREF="#nome_ancora_da_raggiungere"> Linkname </A>
e dort, wo der Anker gesetzt werden soll, der nicht angezeigt wird, wird eingegeben
<A NAME="nome_ancora"></A>
wenn im Tag <A HREF…> das Attribut hinzugefügt wird -> TARGET=”nome_bersaglio”
Der "Inhalt", auf den der Link verweist, wird im Frame "name_ziel" geladen und nicht in dem, der den Link selbst enthält:
dies kann nützlich sein, wenn ein Menürahmen verwendet wird, der fix bleibt und der verbleibende Teil der Seite variiert wird (für
ich rahme den entsprechenden Absatz später ein)
Es.
<A HREF=“[Link] Virgil Suchmaschine </A>
Erstelle einen Link mit dem Namen „Virgilio Suchmaschine“, der auf die Adresse [Link]
<A HREF=”mailto: mariorossi@[Link]”> mariorossi@[Link] </A>
Erstellen Sie einen Link zur E-Mail-Adresse von Herrn Rossi (wenn man darauf klickt, öffnet sich eine E-Mail mit
die Zieladresse von Herrn Rossi
<A HREF="[Link]" TARGET="right"> Aktualisierungen </A>
In diesem Beispiel wird angenommen, dass zwei Frames erstellt wurden, einer mit dem Namen "links", in dem der Link eingefügt ist, und einer von
Name „right“, in dem der Inhalt von [Link] landen wird
<A HREF="[Link]"> Volare </A>, erstelle einen Link mit dem Namen „Volare“, der auf das Lied Volare verweist.
<A HREF="#sezione_lettura"> Link-Name </A>
...HTML-Code...
<A NAME="sezione_lettura"></A>
4
Eigenschaften IMG - Bildbefehle
<IMG>
SRC="pfad/bild_name" , gib an, welches Bild hochgeladen werden soll
ALT=”titolo immagine” , zeigt während des Ladevorgangs den Bildtitel an, nützlich auch für
Das Bild indizieren und es für Suchmaschinen "sichtbar" machen
BREITE="n° Pixel" , Bildbreite
HÖHE="n° Pixel" , Bildhöhe
HSPACE=”n° pixel” , horizontaler Raum um das Bild herum
VSPACE=”n° pixel” , vertikaler Raum um das Bild herum
AUSRICHTUNG="tipo" , allineamento (tipo: TOP, MIDDLE, BOTTOM, LEFT, RIGHT)
Oss:
• Internet Explorer: Die Eigenschaften des Bildes können durch einen Rechtsklick auf das Bild erhalten werden
Netscape : visualizza le dimensioni dell’immagine se si caricano nella finestra del browser.
Die Abmessungen in Pixel werden in der Menüleiste angezeigt
• <BR CLEAR=ALL> , Absatzunterbrechung (z. B. was folgt, ist unter dem Bild und nicht daneben positioniert)
Es.
<IMG SRC=”images/[Link]” ALIGN=”right” ALT=”Titolo dell’immagine”>
fügt das Bild „[Link]“ aus dem Ordner „images“ ein und richtet es rechts neben den folgenden Text aus, indem es einführt
Während der Ladephase des Bildes eine kurze Beschreibung
Kartierte Bilder
Es sind Links, die durch grafische Bilder dargestellt werden, und sie sind eine nützliche Ergänzung zu einfachen Textlinks, die dennoch hilfreich sind, um sich zu orientieren.
"sichtbar" für Suchmaschinen.
Um sie zu erstellen, folgen Sie den folgenden Schritten:
- Bauen Sie mit einem Grafikprogramm (z. B. Paint) die Bild-Link-Leiste und notieren Sie sich die Koordinaten in Pixel, die bereitgestellt werden.
vom Programm selbst, der Winkel oben links und unten rechts von jedem in die gerade eingefügten Bild
realisiert, das bei den Koordinaten 0,0 beginnen muss
- Fügen Sie auf der Seite/Datei html, in der Sie die Linkleiste erstellen möchten, den folgenden html-Code hinzu:
sofort nach <TITLE> einfügen
<MAP NAME="barra">
<AREA SHAPE=”RECT” COORDS="49,15,179,130" HREF="[Link]">
<BEREICH FORM="RECHTECK" KOORDS="211,15,345,130" HREF="[Link]">
<BEREICH FORM=”RECHTECK” KOORDS="380,15,510,130" HREF="[Link]">
<BEREICH FORM="RECHTECK" KOORDS="544,15,676,130" HREF="[Link]">
…andere Koordinaten und andere Verbindungen…
</KARTE>
dort, wo die Leiste auf der Seite eingefügt werden soll, einfügen
<IMG SRC="images\link_mappati.jpg" ALIGN="CENTER" WIDTH="722" HEIGHT="120" USEMAP="#barra">
Oss : - Die Koordinaten von COORDS sind Beispiele wie die HTML-Dateien von HREF, der Name und der Pfad der Leiste.
„images\link_mappati.jpg“ und alle Werte der anderen Attribute.
- Der in USEMAP angegebene Name muss mit dem Namen übereinstimmen, der der Leiste in <MAP NAME> zugewiesen ist, dem ein „#“ vorangestellt wird.
- die anderen Formoptionen neben rechteck sind kreis und polygon
- Indem Sie vor den Koordinaten die Option ALT="Name" hinzufügen, geben Sie dem Bild einen Namen, der angezeigt wird, wenn man mit der Maus darüber fährt.
mit der Maus
5
Eigenschaft STYLE - Die Stylesheets
Sie dienen dazu, die Stile zu definieren (wie die von Word)
<STIL TYPE="text/css">
<!-
.nome_stile { proprietà1: modifica proprietà1; proprietà2: modifica proprietà2;…}
->
</STIL>
Es.
<STYLE TYPE="text/css">
<!-
.Zeichen {Schriftart: Arial; Hintergrund: hellgelb; Farbe: dunkelgrün; Schriftgröße: 14 px; Textausrichtung: zentriert; Rand-
left: 5em }
->
</STIL>
Oss :
• Die vorherigen Befehle sollten in den Header (HEAD) eingefügt werden
• Zwischen dem name_style und der geschweiften Klammer ist eine Tabulator erforderlich
• Die im Befehl eingegebenen Eigenschaften sind ein Beispiel
• Die erste und die letzte Zeile dienen dazu, den Befehl vor älteren Webbrowsern zu verbergen.
• Um den definierten Stil aufzurufen:<P KLASS="nome_stile"> , Es. <P CLASS="carattere">
In einer Tabelle wird auf die Tags <TR> und <TD> verwiesen.
Wenn man einen Stil nur in einem bestimmten Zusammenhang verwenden muss (z. B. innerhalb eines Satzes), kann man den folgenden Befehl verwenden:
<SPAN STYLE="proprietà da modificare: modifica"> Text zu ändern </SPAN>
Es.
<SPAN STYLE="background: lightblue"> Text zum Ändern </SPAN>
6
Eigenschaften TABELLE - Tabellenbefehle
<TABLE> </TABLE> , Beginn und Ende der Tabellenverwaltung
BGCOLOR="#cod farbe" definiert die Hintergrundfarbe der Tabelle
BORDER=”numero” , definiert die Größe des Tabellenrandes, „0“ um zu machen das
unsichtbare Tabelle
BREITE="nummer" definiert die Breite der Tabelle
formato numero : „num%“ im Verhältnis zum Fenster oder
n° Pixel (max 550-600 Pixel)
Das zweite Format ermöglicht die Festlegung der Abmessungen.
HEIGHT=”numero” , gibt die Höhe an, in der das Tischchen platziert wird
VALIGN="tipo" , vertikale Ausrichtung (Typen: OBEN, MITTE, UNTEN)
AUSRICHTUNG="tipo" , horizontale Ausrichtung (Typen: LINKS, RECHTS, ZENTRAL)
CELLPADDING="n° Pixel" , gib den Abstand der Inhalte von den Rändern an
CELLEABSTAND="n° Pixel" gibt den Abstand an, der zwischen den Rändern der Zellen sein muss
COLSPAN=”numero” , permette di creare celle che occupano più colonne
ROWSPAN="nummer" , ermöglicht das Erstellen von Zellen, die mehrere Zeilen einnehmen
<TR> , Zeilenformatierung (Tabellenzeile)
<TD> , Zellformatierung (Tabellendaten)
Es.
• <TABELLE BREITE=„50%“ HÖHE=„100“ BORDER=„2“ BGCOLOR=„gelb“>
<TR VALIGN="center" ALIGN="center">
<TD><FONT SIZE="4" FACE="Georgia,serif" COLOR="blue"> Testo Tabelle </FONT></TD>
</TR>
</TABELLE>
Erstellen Sie eine Tabelle mit einer Breite von "50%" der Fenstergröße, einer Höhe von "100", einem Rand von "2" und einer Hintergrundfarbe von "gelb", dann
Formatiere die Zeilen und deren Ausrichtung mit <TR> und formatiere schließlich die Zellen mit dem <TD>-Tag, wobei die Schriftart eingestellt wird.
a “Georgia,serif” di dimensioni “4” e colore “blue”
• <TABELLE BORDER="2" BREITE="100%" ZELLENABSTAND="5" ZELLENABSTAND="10" HINTERGRUNDFARBE="#CCEEDD">
<TR>
<TD VALIGN="MIDDLE" ALIGN="CENTER"><FONT SIZE="4"> Text Zelle 1, Zeile 1 </FONT></TD>
<TD VALIGN="BODEN" ALIGN="RECHTS" WIDTH="150" ROWSPAN="2">
<FONT SIZE="4"> Testzelle 2, Zeile 1 </FONT></TD>
</TR>
<TR>
<TD HEIGHT="100" VALIGN="MIDDLE" ALIGN="FULL"><FONT SIZE="4">Text Zelle 1, Zeile 2</FONT></TD>
</TR>
<TR>
<TD COLSPAN= "2" BGCOLOR="#FFFFBB"> Text Zelle 1, Zeile 3 </FONT></TD>
</TR>
</TABELLE>
Verfügbare Eigenschaften <TABELLE> <ZUGE> <TD>
BGCOLOR Ja Ja Ja
GRANZE Ja Nein Nein
WIDTH Ja Nein Ja
HEIGHT Ja Ja Ja
VALIGN Nein Ja Ja
AUSRICHTEN Nein Ja Ja
ZELLENABSTAND Ja Nein Nein
CELLSPACING Ja Nein Nein
COLSPAN Nein Nein Ja
REIHENÜBERGREIFEND
Nein Ja Nein
7
Eigenschaften FRAME
Ich-Rahmen benötigen eine dedizierte Datei (z.B. [Link])
<FRAMESET REIHEN=”n° Pixel, *, *,… , gibt die Größe des Rahmens in Pixeln in der Höhe an und teilt dann die
restlicher Teil der Seite in so viele gleiche Teile aufteilen, wie es Sterne gibt.
<FRAMESET COLS="n° Pixel, *, *,…" , gibt die Größe des Rahmens in Pixeln in der Breite an und dann teilt sie
den verbleibenden Teil der Seite in so viele gleich große Teile, wie es Sterne gibt
</FRAMESET> , wird am Ende der Definition des Rahmens eingefügt
<RAHMEN> , Tag, um die folgenden Eigenschaften einzuschließen
SRC="nome_pagina.html" , gebe an, welche HTML-Seite den Frame enthalten soll
NAME=”nome_frame” , nützlich, falls es erforderlich ist, die Rahmen zu verbinden
MARGINWIDTH=”n° pixel” , Abstand der vertikalen Kante vom Text
MARGINHEIGHT=”n° pixel” , horizontale Randabstand vom Text
SCROLLING=”AUTO” , definiert, ob Scrollleisten hinzugefügt werden sollen
(solo AUTO,JA,NEIN)
KEIN GRÖSSENÄNDERUNGEN , um zu verhindern, dass der Benutzer die Größe des Rahmens ändert
FRAMEBORDER=”numero” , gibt die Größe des Rahmensaums an ("0", kein Rahmen)
BORDERCOLOR=”#cod colore” , gibt der möglichen Kante des Rahmens Farbe
<NOFRAMES> </NOFRAMES> , Anfang und Ende des Befehls zur Verwaltung von Browsern, die keinen Frame unterstützen.
(Inhalt im Frameset) nützlich, um sich für Suchmaschinen "sichtbar" zu machen
eine vollständige Beschreibung der Website und eine Liste der Links der
su Hauptseiten
TARGET=”nome_bersaglio” , dieses Attribut, das bereits im Abschnitt "Link" gesehen wurde, ermöglicht die Auswahl des
Frame (-> "nome_bersaglio") des Ziel einer bestimmten Verbindung
<BASE TARGET="nome_frame"> , eingefügt im Abschnitt <HEAD> erstellt ein vordefiniertes Ziel,
„nome_frame“, für alle Links auf der HTML-Seite ohne
Doverla mehr spezifisch für jede Verbindung angeben, es sei denn, die Links sind nicht.
Debbano auf ein anderes Frame als das Standard-Frame abzielen
TARGET=”_top” , um in alle Links einzufügen, die von der Seite ausgehen, wenn man das Frameset entfernen möchte
Oss :
• Das FRAMESET-Tag muss eine Anzahl von FRAME-Tags enthalten, die der Anzahl der definierten Frames entspricht.
• Wenn ich Frames innerhalb von Frames definieren möchte, muss ich das TAG FRAME durch ein anderes TAG FRAMESET ersetzen, das ausgestattet ist mit
Ihre Rückkehr von Tag FRAME
• Natürlich funktioniert die SRC-Eigenschaft nur, wenn die unter "nome_pagina" angegebenen Dateien existieren.
Es.
<HTML>
<HEAD><TITLE>Prova comandi frame</TITLE></HEAD>
<FRAMESET COLS="200, *">
<FRAME SRC="[Link]" NAME="left" SCROLLING="AUTO" NORESIZE FRAMEBORDER="1">
<FRAME SRC="[Link]" NAME="right" SCROLLING="AUTO" NORESIZE FRAMEBORDER="1">
</FRAMESET>
</HTML>
8
Eigenschaft FORM
<FORM> </FORM> , Anfang und Ende der Verwaltungsform
ACTION=”mailto: indirizzo_e-mail” , weist den Browser an, an welche Adresse das Formular gesendet werden soll
METHOD=”POST” , weise den Browser an, das Formular per E-Mail zu senden
<INPUT> , fügt Objekte (Textfelder, Schaltflächen, …) ins Formular ein
TYPE=”text” , fügt ein Textfeld ein
TYPE=”password” Textfeld für Passwörter (mit Sternchen)
TYPE=”radio” , fügt einen Radio-Button (Kasten mit Punkt) ein
TYPE="checkbox" , fügt ein Kontrollkästchen (Checkbox) hinzu
TYPE=”submit” , fügt einen Einfüge-Button hinzu
TYPE=”reset” , fügt einen Zurücksetzen-Button ein
NAME=”nome” , Name des Textfeldes
GRÖSSE="num_caratteri" , dimensioniere die Breite des Feldes in Zeichenanzahl
VALUE=… , Rückgabewert des im Formular ausgewählten Objekts
ÜBERPRÜFT , per standard ausgewähltes Radio-Button und Checkbox
<SELECT NAME="nome"> , Dropdown-Menüverwaltung
<OPTION VALUE="1°nome">1°testo da inserire</OPTION>
<OPTION VALUE=”2°nome” SELECTED>2°testo da inserire</OPTION>
……
</AUSWÄHLEN>
<TEXTAREA> </TEXTAREA> , erstelle ein Scrolltextfeld (z.B. Kommentare)
NAME=”nome” , Textfeldname
ROWS=”n° righe” definiert die Anzahl der Zeilen
COLS=”n° colonne” , definiert die Anzahl der Spalten
UMHÜLLEN , aktiviere den automatischen Zeilenumbruch
Es.
<FORM ACTION="[Link]
<PRE>
Nome : <INPUT TYPE=”text” NAME=”nome”>
Sex : Männlich <INPUT TYPE="radio" NAME="sesso" VALUE="maschio">
Weiblich<INPUT TYPE="radio" NAME="sesso" VALUE="weiblich">
Email : <INPUT TYPE=”text” NAME=”email”>
Commenti : <TEXTAREA NAME=”commenti”></TESTAREA>
</PRE>
</FORM>
Da osservare che le etichette delle caselle di testo Nome,Email e Commenti compariranno, grazie al comando <PRE>, pari
Erscheinungen auf der im Browser angezeigten Seite
9
I-Tags META, oder wie man sich für Suchmaschinen sichtbar macht
Neben den genannten Tipps kann man auch META-Tags verwenden, um sich für Suchmaschinen sichtbar zu machen. Zuerst muss entschieden werden, welche
Es sind die Schlüsselwörter der Webseite und versuchen, deren Verwendung im Internet über eine der dafür vorgesehenen Seiten zu überprüfen (z. B.
[Link]). Nachdem entschieden wurde, welche Schlüsselwörter verwendet werden sollen, werden sie über das META-Tag in die Website eingefügt, das
traskribiert auf der Indexseite sofort nach <TITLE> auf die folgende Weise :
<META NAME = "keywords" CONTENT="Fügen Sie hier die Schlüsselwörter, durch Kommas getrennt, ein">
Außerdem wird ein zweites META-Tag mit der kurzen Beschreibung der Website eingefügt (max. 200 Zeichen).
<META NAME = "description" CONTENT = "Kurze Beschreibung max 200 Zeichen">
Questo lavoro può essere ripetuto per tutte le pagine del sito, con parole chiave e descrizioni diverse
Erfahrene Benutzer: Einige einfache und nützliche JAVASCRIPT-Befehle
Was ist Javascript?
JavaScript bietet eine Möglichkeit, das Design und die Funktionalität von Webseiten weiter zu verbessern.
Zunächst muss man darauf achten, Java, eine Programmiersprache, nicht mit JavaScript, einer Sprache von
Scripting; viel zu oft werden die beiden Begriffe tatsächlich austauschbar benutzt. Java wurde von Sun Microsystems entwickelt als
plattformunabhängige Programmiersprache für Computer zur Erstellung kleiner Anwendungen oder "Applets", die
Sie könnten sowohl Teil einer Webseite sein als auch ein einzelnes Desktop-Programm. Java-Applets sind wie kleine Programme
unabhängig, die man verwenden kann, ohne sie zu sehen oder sich um sie zu kümmern.
Ursprünglich "LiveScript" genannt, wurde JavaScript von NetScape als etwas ganz anderes entwickelt.
umbenannt aufgrund der strukturellen Ähnlichkeiten mit der Programmiersprache Java. Um JavaScript zu erstellen, musst du nur tippen
Deine Befehle, die in deinem HTML eingegeben sind, und der Browser folgt den Befehlen, während er versucht, die Webseite zu formatieren.
Einfache Befehle
• Ein Warnfenster über einen Link anzeigen
<a href="#dummy_anchor" onClick=alert('Testo dell\’ alert')">testo del link</a>
• Ändern Sie die Nachricht, die mit einem Link in der Statusleiste angezeigt wird
<a href="[Link]" onMouseOver="[Link]='test der Nachricht
testo del link
oss : Die beiden Ereignisse onClick und onMouseOver können in einem HREF-Tag in einer Kaskade eingefügt werden.
#dummy_anchor Es ist ein fiktiver Anker, der sofort über der betreffenden HTML-Zeile eingefügt werden muss.
um zu vermeiden, dass der Browser auf eine unerwünschte Seite springt
• Ein Bild in einem anderen Fenster öffnen
<a href="#dummy_anchor" onClick="[Link]('nome_file_img.est', 'nome_finestra', 'toolbar=no,
directories=no, location=no, status=no, menubar=no, resizable=no, scrollbars=no,
width=dimXXpixel, height=dimYYpixel,
mia immagine
oss : toolbar=yes/no zeige die Schaltflächen des Browsers (vorwärts, rückwärts, Startseite, drucken usw.)
Adresse zeige das Feld an, das die URL für das aktuelle Fenster anzeigt
Verzeichnisse zeige die Verzeichnis-Schaltflächen anderer Webbrowser an
status Blenden Sie die Symbolleiste des Browsers unten ein
menubar Blenden Sie die Menüleiste des Webbrowsers ein
veränderbar ermöglicht es den Benutzern, die Größe des Fensters zu ändern
Scrollleisten bietet Bildlaufleisten, wenn der Inhalt breiter als das Fenster ist
width=XX Geben Sie die Breite des Fensters in Pixel an
height=YY Geben Sie die Höhe des Fensters an, wenn es geöffnet wird, in Pixeln
screenX,screenY,left e top fissano l’angolo in alto a sinistra della finestra
screenX,screenY funzionano solo per browser NetScape versione 4.0
left e top funktionieren nur für den Internet Explorer Browser Version 4.0
10