Strony

poniedziałek, 13 lutego 2012

Śmierć z kosą
Wykonanie: Photoshop, tablet bamboo wacoma,
Oryginalny rozmiar: 2048 x 1152px

niedziela, 12 lutego 2012

Lekcja 2

Lekcja 2

Jak umieścić treść na stronie?

Aby umieścić tekst np "witajcie na mojej pierwszej stronie" należy wpisać go w sekcji "ciała" po między znacznikami <p></p>. Znacznik "p" oznacza paragraf.

A tak powinno to wyglądać w całości:
<html>
   <head>
     <title>To jest moja pierwsza strona</title>
   </head>
   <body>
     <p>witajcie na mojej pierwszej stronie</p>
   </body>
</html>                
Zapisz i otwórz w przeglądarce:)

Jak edytować treść?

Znaczniki które zmieniają wygląd tekstu:
- <b>i</b> tekst będzie pogrubiony
- <i>i</i> tekst będzie pochylony
- <small>i</small> tekst będzie zmniejszony

Aby umieścić nagłówek wpisujemy znacznik od "h1"do "h6" gdzie "h1" jest największy, a "h6" najmniejszy.
- <h1> i </h1>....< h6> i </h6>
Jeśli chcesz zakończyć linie w konkretnym miejscy musisz wpisać:
- <br /> jest to znacznik który wymusi koniec linii 


A to przykład:
<html>
  <head>
   <title>niewidoczny tytuł mojej strony</title>
  </head>
  <body>
   <h1>nagłówek</h1>
    <p>treść na mojej stronie</p>
   <h2>nagłówek</h2>
    <p><b><i>ten tekst powinien być pogrubiony i pochylony</i></b></p>
    <p>tekst w jednej linijce<br  /> tekst w drugiej linijce</p>
</body>
</html>

Tworzenie listy:

Znaczniki do tworzenia linii to "ul" i "ol".
- <ul>i</ul> lista nieuporządkowana
- <ol>i</ol> lista uporządkowana
- <li>i</li> to treść listy

Przykład:
<html>
  <head>
   <title>niewidoczny tytuł mojej strony</title>
  </head>
  <body>
   <ul>
      <li> 1 element na liście </li>
      <li> 2 element na liście </li>
  </ul>
  <ol>
      <li> 1 element na liście</li>
      <li> 2 element na liście</li>
  </ol>
</body>
</html>

Lekcja 1

Lekcja 1

Co jest potrzebne do nauki HTML-a?
  • Przeglądarka internetowa np: Firefox
  • Edytor tekstu np: Notatnik
Jak zacząć?
  • otwórz Notatnik i stwórz nowy dokument
  • Zapisz go jako plik HTML i zaznacz w części "Zapisz jaki typ" wszystkie pliki.
  • i można zaczynać:)
Jak to się pisze?

Aby komputer Cię zrozumiał musisz się nauczyć jego języka, czyli w tym wypadku HTML-a.

Jak to wygląda? 
  • Zaczynasz od znacznika otwierającego <html>, a kończysz na znaczniku zamykającym </html>. Po między tymi znacznikami będzie się znajdowała treść twojej strony.
  Następną rzeczą potrzebną w twoim dokumencie jest "główka", która dostarcza informacji o dokumencie, "tytuł", oraz "ciało", które jest zawartością dokumentu.
  • Główka <head> i </head>
  • Tytuł <title>i</title>
  • Ciało <body> i </body> 
 A tak powinno się zapisać w dokumencie:

<html>
   <head>
     <title>To jest moja pierwsza strona</title>
   </head>
<body></body>
</html>