1 / 7

TWORZENIE STRON INTERNETOWYCH Podstawy HTML

TWORZENIE STRON INTERNETOWYCH Podstawy HTML. CO TO JEST HTML. Hyper Text Markup Language – język znaczników hyper-tekstowych Jest to język znany przeglądarkom internetowym Służy do ułożenia tekstu i rysunków (zdjęć) na dysku komputera i dalej w sieci

jeanette-shaw
Download Presentation

TWORZENIE STRON INTERNETOWYCH Podstawy HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. TWORZENIE STRON INTERNETOWYCHPodstawy HTML

  2. CO TO JEST HTML • Hyper Text Markup Language – język znaczników hyper-tekstowych • Jest to język znany przeglądarkom internetowym • Służy do ułożenia tekstu i rysunków (zdjęć) na dysku komputera i dalej w sieci • Zapewnia łączenie stron między sobą via hyper-link (adresy w tekście) • Praktycznie strony się tworzy z pomocą np. Microsoft Dreamweaver, ale znajomość HTML jest konieczna, jak wiedza o pilotażu przy korzystaniu z autopilota

  3. PRZYKŁAD LISTU • Droga Przeglądarko ! • Pokaż, proszę, zdjęcie mojej salamandry w lewym górnym narożniku na różowym tle. Wytłuść jej nazwę Ernest the Salamander i zamieść poniżej zdjęcia. Po prawej stronie podaj wagę i wymiary Ernesta. Poniżej wszystkiego wstaw mój adres e-mail: ... • This is Ernest the Salamander, my pet and close friend. Ernest and I have been friends for quite some time. If you have a salamander, send me, please, e-mail at ...

  4. JĘZYK HTML • <head> nagłówek • <body> ciało, szkielet dokumentu • <title> tytuł dokumentu, wg którego jest on identyfikowany • <p> akapit (paragraph) • <b>, <i>, <u> wytłuszczenia (bold), kursywa (italic), podkreślenia (underline) • <a> tworzy hyper-link (drogę do połączenia) • <br> przerwa (break) • <ul>, <ol>, <li> lista nieuporządkowana, uporządkowana, element wewnątrz listy (list index) Wszystkie otwarcia muszą mieć zamknięcia <,</

  5. List w kodzie HTML • <html> • <head> • <title>Ernest the Salamander</title> • </head> • <body bgcolor=”pink”> (background color) • <table> (tablica) • <tr> (nowy wiersz tablicy) • <td> (nowa kolumna tablicy) • <p> (akapit – paragraph) • <img src=”Zdjęcie.jpg”> (zdjęcie – image) • <br> (break – odstęp) • <h2>Ernest the Salamander</h2> (tekst, h2 -wys. liter) • </p> • </td>

  6. List w kodzie – c.d. • <td> (nowa kolumna w tablicy) • <p> (akapit –paragraph) • <h3>Ernest’s Vitals</h3> • <ul> (unordered line) • <li>Height 0.375 in</li> (element listy) • <li>Weight 40 gr</li> (element listy) • <li>Sliminess 6.5</li> (element listy) • </ul> • </p> • </td> </tr> </table> <p> (nowy akapit - paragraph) There is Ernest the Salamander, my pet and ... e-mail at <a href=mailto:j.zuh@pr.pl>j.zuh@pr.pl</a> </p> </body> </html>

  7. ZDJĘCIE SALAMANDRY ERNEST • Ernest’s Vitals • Height 0.375 in • Weight 40 gr • Sliminess 6.5 Ernest the Salamander This is Ernest the Salamander, my pet and close friend. Ernest and I have been friends for quite some time. If you have a salamander, send me, please, e-mail at j.zuh@pr.pl LIST W KOMPUTERZE

More Related