[Guide]Mein HTML/CSS Guide by tem

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • [Guide]Mein HTML/CSS Guide by tem

      [FONT="Arial Black"][SIZE="2"][COLOR="Purple"]H[FONT="Arial Black"]i wollte mal'n bisschen über Html zeigen.

      Bild Material könnt ihr auch downloaden.^^
      [B][COLOR="Red"]Bild Material[/COLOR]


      XD Virustest bei bildern^^
      [COLOR="Blue"]XD Virustest bei bildern^^ [/COLOR]

      Überschriften

      Nun hat man eine schöne Seite doch alles ist gleich groß. Wie langweilig! Wie wärs mit ein paar Überschriften? [/COLOR][/SIZE][/B][/FONT]

      Quellcode

      1. <h1> Überschrift 1</h1>
      2. <h2> Überschrift 2</h2>
      3. <h3> Überschrift 3</h3>
      4. <h4> Überschrift 4</h4>
      5. <h5> Überschrift 5</h5>
      6. <h6> Überschrift 6</h6>


      [SIZE="1"][COLOR="Purple"][FONT="Arial Black"]Die h1 Unterschrift ist die großte also z.B. als überschrift für webseiten gedacht. Die anderen werden immer kleiner und können z.B. für Unterüberschriften verwendet werden. Natürlich entscheidest du wie du sie verwendest ;)[/FONT].[/COLOR][/SIZE]
      ----------------------------------------------------------------------

      [SIZE="3"][COLOR="Olive"]Listen[/COLOR][/SIZE]
      [SIZE="2"][COLOR="Olive"]So die Überschriften hab hier ja schon. Jetzt ein bisschen Ordnung bringen mit ein Paar Listen.[/COLOR][/SIZE]

      symbol listen

      Quellcode

      1. <ul>
      2. <li>Zwischen dem "ul","/ul" Tag kann eine Liste erstellt werden.</li>
      3. <li>"li" erzeugt eine Listenspalte/li>
      4. </ul>


      [COLOR="Olive"][SIZE="3"][FONT="Arial Black"]Dier gefallen die symbole nicht? Dann ändere sie doch einfach mit CSS.[/FONT][/SIZE][/COLOR]

      [SIZE="3"][COLOR="Red"]Style 1[/COLOR][/SIZE]

      Quellcode

      1. <ul style="list-style-type: [COLOR="Red"]circle[/COLOR];">
      2. <li>Zwischen dem "ul","/ul" Tag kann eine Liste erstellt werden.</li>
      3. <li>"li" erzeugt eine Listenspalte/li>
      4. </ul>




      [SIZE="3"][COLOR="Red"]Style 2[/COLOR][/SIZE]

      Quellcode

      1. <ul style="list-style-type: [COLOR="Red"]square[/COLOR];">
      2. <li>Zwischen dem "ul","/ul" Tag kann eine Liste erstellt werden.</li>
      3. <li>"li" erzeugt eine Listenspalte/li>
      4. </ul>



      [COLOR="Red"][SIZE="3"]Style 3[/SIZE][/COLOR]

      Quellcode

      1. <ul style="list-style-type: [COLOR="Red"]disc[/COLOR];">
      2. <li>Zwischen dem "ul","/ul" Tag kann eine Liste erstellt werden.</li>
      3. <li>"li" erzeugt eine Listenspalte/li>
      4. </ul>

      [SIZE="3"][COLOR="SandyBrown"]
      nummerische listen[/COLOR][/SIZE]
      [SIZE="3"][COLOR="Orange"]
      Eigentlich fast das gleiche Prinzip nur<ol> statt <ul>.[/COLOR][/SIZE]

      Quellcode

      1. <ol style="list-style-type: [COLOR="Red"]decimal[/COLOR];">
      2. <li>Zwischen dem "ol","/ol" Tag kann eine Liste erstellt werden.</li>
      3. <li>"li" erzeugt eine Listenspalte/li>
      4. </ol>


      [SIZE="2"][COLOR="Orange"]Diese codes kannst du bei statt "decimal" eintragen.[/COLOR][/SIZE]

      Quellcode

      1. decimal

      Quellcode

      1. decimal-leading-zero

      Quellcode

      1. lower-alpha

      Quellcode

      1. upper-alpha

      Quellcode

      1. lower-roman

      Quellcode

      1. upper-roman

      Quellcode

      1. lower-greek

      Quellcode

      1. hebrew

      Quellcode

      1. armenian

      Quellcode

      1. georgian


      [SIZE="3"][COLOR="RoyalBlue"]Erklärungs Listen^^[/COLOR][/SIZE]

      Quellcode

      1. <dl>
      2. <dt>
      3. Die Sprache Englisch
      4. </dt>
      5. <dd>
      6. Erklärung: Englisch ist die Weltsprache. Sie wird von den meisten Menschen gesprochen
      7. </dd>
      8. </dl>


      [COLOR="RoyalBlue"]So siehts dann aus[/COLOR]
      -------------------------------------------------------------------
      Zitate

      [COLOR="Plum"][SIZE="4"]Ihr findet gut was ein anderer geschrieben hat? Dann Zetirt doch einfach den Beitrag von ihm.:blank:^^[/SIZE][/COLOR]

      Quellcode

      1. <p> Zitat von Anybody </p>
      2. <blockquote cite="Anybody"><p>Godlikerz das beste Forum.</p></blockquote>



      [COLOR="Plum"][SIZE="4"]Das "cite" steht für den Autor. Denn sieht man wenn man rechstklich auf das Zitat macht und Seiten infos anzeigen klickt.[/SIZE][/COLOR]
      ----------------------------------------------------------------------

      Code

      [SIZE="2"][COLOR="DarkOrange"]Jetzt wollt ihr euren besuchern eurer Webseite mal einen Code Vorstellen z.B. einen html code. Ihr seid Ratlos wie ihr das macht? Schaut her![/COLOR][/SIZE]

      Quellcode

      1. <pre>
      2. <code>
      3. Hier kannst du einen code eingeben.
      4. Durch das <pre>
      5. bleibt
      6. die Einrückung erhalten.
      7. </code>
      8. </pre>


      [COLOR="DarkOrange"][SIZE="4"]Natürlich kannst du auch hier z.B. die schriftart der codes mit CSS ändern.[/SIZE][/COLOR]
      ------------------------------------------------------------------------

      [FELD="Schlusswort"]
      Dieser Guide ist 100% von mir geschrieben.
      Nütliche Informations Quellen waren
      [COLOR="Magenta"]video2brain[/COLOR] und css4you.de/.[/FONT]
      [COLOR="RoyalBlue"][SIZE="4"]Made by Temo (Gebt Mir doch pls ein thx/Karma wenn ihr denn Guide mögt pls.:thumbsup:)[/SIZE][/COLOR][/FELD]
    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )

    • Picdos;53151 schrieb:

      guter guide

      jedoch standart.....
      trotzdem wird er für Anfänger bestimmt
      hilfreich sein!

      MFG


      Ich bin mir mal sowas von sicher das du weder Ahnung von Coding noch den Post
      gelesen hast. Das ist eine Sammlung von nutzlosen CSS Atributen und kein Einsteiger
      Tutorial.

      Thread ausgraben ftw, aber nicht wenn er über 5 monate alt ist.