Witam będę na tej stronie zamieszczała w miarę systematycznie moje notatki na temat html-a.
Czyli znajdziecie tu to co jest potrzebne do stworzenia swojej pierwszej strony.
Jestem początkującym twórcą i tak naprawdę będę tu umieszczać to czego właśnie się nauczę i tak jak ja to rozumiem.
Uczymy się tu razem a nie ja was uczę!
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.
- Główka <head> i </head>
- Tytuł <title>i</title>
- Ciało <body> i </body>
<html>
<head>
<title>To jest moja pierwsza strona</title>
</head>
<body></body>
</html> 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> <p>witajcie na mojej pierwszej stronie</p>
</body>
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>
<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>
Brak komentarzy:
Prześlij komentarz