czwartek, 18 września 2014

HTML - WPROWADZENIE


1 . Czym zajmuje się organizacja W3C? Jaki jest adres jej strony WWW? Krótki opis.
2. Czym jest HTML i XHTML (krótki opis)
3.  Jak przykładowo powinny wyglądać ramy każdego dokumentu w formacie HTML? Wstaw przykładowy kod (chodzi o sekcję html, head, body.
4.  Co to są znaczniki HTML? Przykłady znaczników HTML (minimum 5)
5.  W jaki sposób przenieść tekst do następnej linijki w dokumencie HTML? Wstaw przykładowy kod.
6. W jaki sposób pogrubić (wytłuścić) tekst na stronie WWW? Wstaw przykładowy kod.
7.  W jaki sposób zmienić kolor tła oraz kolor tekstu na stronie WWW? Wstaw przykładowy kod.
8. Jak wstawić link (odsyłacz, hiperłącze, odnośnik hipertekstowy) na stronie WWW? Wstaw przykładowy kod.
9.  W jaki sposób wstawić obrazek (grafikę, zdjęcie) na stronę WWW? Wstaw przykładowy kod.

1) Czym zajmuje się organizacja W3C?
Konsorcjum zajmuje się przede wszystkim dbaniem o prawidłowy rozwój sieci. Opracowuje standardy tworzenia protokołów http, standardy tworzenia stron w języku HTML, XHTML, standardy CSS, XML, DOM oraz wiele innych.
2) Czym jest HTML i XHTML?
HTML- Jest to swoisty język programowania, który służy do “opisu stron”. “Opis stron” to reguły określania wyglądu tekstu (wielkość, czcionka, pogrubienie, kursywa itd.). Najważniejszą cechą HTML jest to, że jest on kompatybilny z każdym systemem operacyjnym (Windows, MacOS, OS/2, rożne odmiany Unixa, itd.). Choć HTML jest językiem programowania, to jest on o niebo łatwiejszy od TurboPascala, czy C++ i można go opanować w kilka dni.
XHTML- to język hipertekstowy używany do tworzenia dokumentów czyli stron internetowych. Polecenia tekstowe (znaczniki i atrybuty) pozwalają na realizację tzw. linków (odsyłaczy), wyświetlanie różnych czcionek, grafiki i innych elementów.
XHTML= HTML+XML
3) Jak przykładowo powinny wyglądać ramy każdego dokumentu w formacie HTML?
Stronę WWW tworzy się podobnie jak zwykły dokument tekstowy: po otwarciu edytora HTML, należy wybrać opcję z menu: Plik/Nowy (lub File/New). Teraz można już zacząć pisanie strony. Jednak ponieważ dokument HTML nie jest całkowicie zwykłym plikiem tekstowym (zawiera hipertekst, osadzone obrazki i musi być poprawnie wyświetlany w różnych systemach operacyjnych na całym świecie), dlatego wymyślono specjalny szablon dokumentu HTML, który powinien być przestrzegany.
Oto jak przykładowo powinny wyglądać ramy każdego dokumentu w formacie HTML (istnieją również inne podobne szablony):
<!DOCTYPE html
PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml&#8221; xml:lang=”pl” lang=”pl”>
<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>
<body>
Tu wpisuje się treść strony
</body>
</html>
4)Co to są znaczniki HTML? Przykłady znaczników HTML
Znaczniki stanowią podstawowy komponent języka HTML. Charakteryzują je dwie cechy: atrybuty i zawartość. Każdy atrybut i zawartość musi spełniać określone wymagania, aby dokument został poprawnie zwalidowany pod kątem zgodności ze standardem. Znacznik zwykle rozpoczyna się znacznikiem otwierającym (np. <nazwa-znacznika>), a kończy znacznikiem zamykającym (np. </nazwa-znacznika>). Atrybuty elementu są zawarte w znaczniku otwierającym (po nazwie znacznika), natomiast zawartość umieszczana jest pomiędzy znacznikiem otwierającym i zamykającym. (np. <nazwa-znacznika atrybut="wartość">zawartość</nazwa-znacznika>). Niektóre elementy, np. <br><hr> nie posiadają zawartości, a także znacznika zamykającego.
<b> </b>  – czcionka pogrubiona
<cite> </cite> – odwołanie do źródła
<ins> </ins> – nowe opracowanie tematu
<p style=”color: blue; “>Tekst w kolorze niebieskim.</p> – tekst w kolorze niebieskim
<p style=”font-size: large; “>Tekst o wielkości large</p> – tekst o wielkości large
<html></html> -znacznik dokumentu, między nimi jest umieszczona cała treść dokumentu HTML
<head></head> -Sekcja HEAD zawiera podstawowe informacje o dokumencie.
<body></body> -Sekcja BODY zawiera konkretną treść dokumentu: znaczniki i tekst strony WWW
<title></title> -tekst zawarty między tymi znacznikami jest tytułem strony
<meta></meta> -Szczegółowo opisuje zawartość dokumentu
5) W jaki sposób przenieść tekst do następnej linijki w dokumencie HTML?
Aby przenieść tekst do następnej linijki w dokumencie html należy użyć komendy: <br>
Tu wpisz dowolny tekst<br>
6) W jaki sposób pogrubić (wytłuścić) tekst na stronie WWW?
Aby pogrubić (wytłuścić) tekst na stronie WWW należy użyć komendy:  <b>, </b>
<b>Tu wpisz dowolny tekst</b>
7) W jaki sposób zmienić kolor tła oraz kolor tekstu na stronie WWW?
Aby zmienić kolor tła oraz kolor tekstu na stronie WWW należy użyć komendy:
<body bgcolor=”kolor tła” text=”kolor tekstu“>
Tu wpisać właściwą treść strony
</body>
8) Jak wstawić link (odsyłacz, hiperłącze, odnośnik hipertekstowy) na stronie WWW?
Należy wpisać komendę:
<a href=”adres internetowy“>opis odsyłacza</a> -odsyłacz internetowy
<a href=”malito:adres poczty e-mail>opis odsyłacza</a> -odsyłacz pocztowy
9) W jaki sposób wstawić obrazek (grafikę, zdjęcie) na stronę WWW?
Należy wpisać komendę:
<img src=”Tu podaj względną ścieżkę dostępu do obrazka” alt=”Tu podaj tekst alternatywny” />
 

Brak komentarzy:

Prześlij komentarz