Latest web development tutorials

HTML Quick List

HTML Quick List. Sie können es, drucken Sie für den täglichen Gebrauch vorzubereiten.


Die grundlegende HTML-Dokument

<! DOCTYPE html> <Html> <Head> <Titel> Dokumenttitel </ title> </ Head> <Body> sichtbaren Text ... </ body> </ Html>

Registerkarte Basis (Basis-Tags)

<H1> der größte Titel </ h1> <H2> ... </ H2> <H3> ... </ H3> <H4> ... </ h4> <H5> ... </ H5> <H6> kleinste Überschrift </ h6> <P> Das ist ein Absatz. </ P> <Br> (Zeilenvorschub) <hr> (horizontal) <! - Dies ist ein Kommentar ->

Textformatierung (Formatierung)

<B> fett gedruckten Text </ b> <Code> Computer - Code </ code> <Em> betonte Text </ em> <I> kursiver Text </ i> <Kbd> Tastatur </ kbd> <Pre> vorformatierte Text </ pre> <Small> kleiner Text </ small> <Strong> wichtigen Text </ strong> <Abbr> (Akronym) <Adresse> (Kontaktinformationen) <bdo> (Leserichtung) <blockquote> (aus einer anderen Quelle Referenzabschnitt) <cite> (Arbeitsname) <del> (gelöschten Text) <Ins > (Text einfügen) <sub> (Index Text) <sup> (hochgestellte Text)

Links (Links)

Gemeinsame Link: <a href = "http://www.example.com/"> Linktext </ a> Bildlink: <a href = "http://www.example.com/"> <img src = "URL" alt = "Ersatztext"> </ a> E - Mail - Link: <a href = "mailto: [email protected]"> E-Mail </ a> Lesezeichen speichern: <a id = "Tipps"> Tipps Abschnitt </ a> <A href = "#Tips"> Skip Tipps Abschnitt </ a>

Bilder (Bilder)

<img src = "URL" alt = "Text ersetzen" height = "42" width = "42">

Stil / Blocks (Styles / Sections)

<Style type = "text / css">
h1 {Color: red ;} p {Color: blue ;}
</ Style> <Div> Block-Level - Elemente im Dokument </ div> <Span> Dokument Inline - Elemente </ span>

Ungeordnete Liste

<Ul> <Li> Element </ li> <Li> Element </ li> </ Ul>

Sortierte Liste

<Ol> <Li> Die erste </ li> <Li> Zweiter Eintrag </ li> </ Ol>

Definitionsliste

<Dl> <Dt> Artikel 1 </ dt> <Dd> Element Beschreibung 1 </ dd> <Dt> Artikel 2 </ dt> <Dd> Beschreibung Punkt 2 </ dd> </ Dl>

Tabellen (Tabellen)

<Table border = "1"> <Tr> <Th> Tabellenkopf </ th> <Th> Tabellenkopf </ th> </ Tr> <Tr> <Td> Tabellendaten </ td> <Td> Tabellendaten </ td> </ Tr> </ Table>

Frame (Iframe)

<iframe src = "demo_iframe.htm"> </ iframe>

Formulare (Formulare)

<Form action = "demo_form.php" method = "post / get"> <Input type = "text" name = "E - Mail" size = "40" maxlength = "50"> <Input type = "password"> <Input type = "Checkbox" checked = "checked"> <Input type = "radio" checked = "checked"> <Input type = "submit" value = "Senden"> <Input type = "reset"> <Input type = "hidden"> <Auswahl> <Option> Apple - </ option> <Option selected = "selected"> Banane </ option> <Option> Cherry </ option> </ Select> <Textarea name = "Kommentar" rows = "60" cols = "20"> </ textarea> </ Form>

Entity (Entities)

& Lt; äquivalent zu <& gt; entspricht> & # 169; das entspricht ©