1 / 15

Podstawy HTML

Podstawy HTML. Co to jest HTML?. HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – dominujący język wykorzystywany do tworzenia stron internetowych. Struktura strony HTML. <HTML> <head> „głowa” nagłówek strony HTML, <METAznaczniki> </head> <body>

nerys
Download Presentation

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. Podstawy HTML

  2. Co to jest HTML? HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – dominujący język wykorzystywany do tworzenia stron internetowych.

  3. Struktura stronyHTML <HTML> <head> „głowa” nagłówek strony HTML, <METAznaczniki> </head> <body> „ciało” treść strony internetowej, <znaczniki>, =„atrybuty” </body> </HTML>

  4. METAznaczniki Znacznik <meta /> stanowi tzw. metainformację, pozwalającą określić pewne ogólne wiadomości, dotyczące dokumentu: sposób kodowania znaków opis zawartości strony jej autora czy język, w którym została napisana Metainformacje nie wpływają bezpośrednio na wygląd dokumentu, lecz cechy które podają, są równie ważne. Chociaż nie są one wymagane, warto je stosować, ponieważ może to np. pomóc w odszukaniu strony przez wyszukiwarki sieciowe

  5. Podstawowe METAznaczniki <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <meta name="Description" content="Tu wpisz opis zawartości strony" /> <meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" /> <title>Tu wpisz tytuł strony</title> </head>

  6. BODY „treść strony HTML” Treść strony „teks, grafika, animacje itp.” Znaczniki <formatują treść strony> <postać otwierająca> </postać zamykająca> Atrybuty parametry znaczników

  7. Podstawowe znaczniki <b>HELLO WORD</b> HELLO WORD <i>HELLO WORD</i> HELLO WORD <u>HELLO WORD</u> HELLO WORD <b><i><u>HELLO WORD</b></i></u> HELLO WORD

  8. Zmiana linijki? <br/> zmiana linijki (enter)

  9. Zmiana koloru tła <body bgcolor=„ang. nazwa koloru”> <body bgcolor=„red”> <body bgcolor=„blue”> <body bgcolor=„yellow”>

  10. Edycja parametrów tekstu Zmiana koloru czcionki <font color=„ang. nazwa koloru”>tekst</font> <font color=„red”>tekst</font> tekst Zmiana rozmiaru czcionki <font size=„rozmiar czcionki (1-7)”>tekst</font> <font size=„7”>tekst</font> tekst

  11. Edycja parametrów tekstu Zmiana stylu czcionki <font face=„nazwa czcionki”>tekst</font> <font face=„Monotype Corsiva”>tekst</font> tekst Wyśrodkowanie <center><font face=„7”>Monotype Corsiva</font> tekst

  12. Edycja parametrów tekstu Łączenie parametrów tekstu: <center><font size="5" color="red" face="Courie New"> <b><i><u> To jest jakiś tekst </u></i></b></font> Efekt: To jest jakiś tekst

  13. Wstawianie grafiki <img src="ścieżka dostępu„ <img src=„obrazek.jpg„

  14. Edycja parametrów tekstu Ruszający się tekst <marquee>Tu wpisz tekst</marquee> Określonego typu: <marquee behavior="typ">Tu wpisz tekst</marquee> gdzie jako "typ" należy wpisać: "scroll" - tekst przesuwa się od prawej do lewej "alternate" - tekst przesuwa się od prawej do lewej, a następnie "odbija się" i powraca "slide" - tekst przesunie się od prawej do lewej tylko raz, a później się zatrzyma i pozostanie nieruchomy

  15. Odsyłacze do podstrony: <a href="względna ścieżka dostępu">opis</a> do strony internetowej: <a href="http://adres strony">opis</a> do e-mail: <a href="mailto:adres e-mail">opis</a> odsyłacz obrazkowy <a href="adres"><img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" /></a>

More Related