Programowanie i informatyka
Html
Zgodnie z prośbami i obietnicą w opisie klubu, zamieszczam krótki opis języka HTML i pierwszą część kursu.
Na początek: Co to jest HTML?
Html - hypertext markup language - hipertekstowy język znaczników. Język wykorzystywany do tworzenia stron WWW. Pozwala za pomocą znaczników przekazać informacje do przeglądarki.
-------------------------------------------------------------------------------------------
1-sza częśc kursu:
Aby przekazać do przeglądarki informacje o tym gdzie jest początek i koniec dokumentu piszemy
<html>, a póżniej </html>.
Później należy stworzyć nagłówek, w którym będą przechowywane informacje o stronie. Robimy to za pomocą <head>
i </head>.
Właściwą, widoczną treść strony umieszczamy w części od <body>
do </body> Jeżeli chcemy dodać niewidoczną na stronie informację(komentarz), dzięki któremu łatwiej zorientować się w kodzie tworzy taki oto znacznik: <!---Tutaj treść--->.
-------------------------------------------------------------------------------------------
A w praktyce:
Uruchamiamy dowolny edytor tekstu, np. Notatnik i wklejamy do niego poniższy kod.
<html>
<head>
</head>
<body>
Już umiem HTML
</body>
</html>
Później zapisujemy plik jako index.html, otwieramy go i oglądamy wynik.
-------------------------------------------------------------------------------------------
Myślę, że wszystko jest zrozumiałe, więc teraz przyjrzymy się dokładniej sekcji <head>.
Pozwala ona na pokazanie informacji takich informacji jak imię i nazwisko autora, tytuł, język i kodowanie(kodowanie to sposób zapisywania wyjątkowych dla danego państwa znaków, jak ą,ę,ó itd.).
Autor:
<meta name="author" content="nazwisko autora"> - Jest to typowy znacznik należący do grupy <meta>. Nie posiada znacznika zamykającego. Uwaga!!! Po znacznikach meta piszemy name lub http-EQUIV, w zależności od tego jak jest poprawnie
Tytuł:
<title> tytuł </title> - Wyjątkowy znacznik, który może być tylko raz umieszczony w dokumencie. Wymaga znacznika zamykającego, inaczej cała dalsza zawartość strony zostanie potrakotwana jako tytuł ( a tego byśmy nie chcieli ) :0.
KODOWANIE:
<meta http-EQUIV="content-type" content="text/html; charset=iso-8859-2">- Jeden z najważnieszych znaczników w dokumencie, bez którego na stronie mogą pojawić się błędy.
Język:
<meta http-EQUIV="content-language" content="pl"> - Język strony umieszczamy w części content="...".
-------------------------------------------------------------------------------------------
Teraz nauczymy się formatować i nadawać wygląd tekstowi na stronie.
Jak wiemy widoczną treść dokumentu umieszczamy w znacznikach <body> i </body>. Teraz nauczymy się częściowo formatować tekst.
Aby pogrubić tekst używamy <b> i </b> (mniej poprawnie), lub języka CSS, o którym niedługo napiszę. Tekst pochylamy za pomocą <i> oraz </i> , lub CSS. Tekst zostaje podkreślony, kiedy napiszemy <u> oraz </u> , lub użyjemy CSS.
Kolor tekstu zmieniamy za pomocą znacznika <font color="kolor po angielsku"> i </font>, lub CSS. Co do rozmiaru, możemy połączyć go z kolorem( font size="..." ), lub użyć CSS.
W HTML istnieje jedno utrudnienie, które mówi, że aby przenieść tekst do następnej linii, używamy znacznika <br>.
Wiemy już dużo, więc powtórzmy operację z początku i stwórzmy taki plik:
<html>
<head>
<meta http-EQUIV="content-type" content="text/html; charset=iso-8859-2">
<meta http-EQUIV="content-language" content="pl">
<meta name="author" content="wasze imię">
<title>Tytuł waszej strony</title>
<body>
Oto zwykły tekst. <b>Teraz tekst jest gruby.</b> A teraz <u>podkreślony.</u> <i>Ten jest napisany kursywą</i>. <i><u><b>A tutaj jest wszystko naraz: !!!</b></u></i><br>
Ten tekst jest w następnej linii!!!
<font color="red" size="7">Ten tekst jest duży i kolorowy: !!!!!!!!!</font>
Gdy dodajemy wiele znaczników do jednego tekstu, musimy pamiętać o tym aby zamykać jest odwrotnie, niż się otwiera!!!.
To już cała pierwsza część. Później będę pisał o kolejnych znacznikach i innych językach programowania.
Wszystkie pomysły i błędy w notce proszę dodawać do dyskusji.
Na początek: Co to jest HTML?
Html - hypertext markup language - hipertekstowy język znaczników. Język wykorzystywany do tworzenia stron WWW. Pozwala za pomocą znaczników przekazać informacje do przeglądarki.
-------------------------------------------------------------------------------------------
1-sza częśc kursu:
Aby przekazać do przeglądarki informacje o tym gdzie jest początek i koniec dokumentu piszemy
<html>, a póżniej </html>.
Później należy stworzyć nagłówek, w którym będą przechowywane informacje o stronie. Robimy to za pomocą <head>
i </head>.
Właściwą, widoczną treść strony umieszczamy w części od <body>
do </body> Jeżeli chcemy dodać niewidoczną na stronie informację(komentarz), dzięki któremu łatwiej zorientować się w kodzie tworzy taki oto znacznik: <!---Tutaj treść--->.
-------------------------------------------------------------------------------------------
A w praktyce:
Uruchamiamy dowolny edytor tekstu, np. Notatnik i wklejamy do niego poniższy kod.
<html>
<head>
</head>
<body>
Już umiem HTML
</body>
</html>
Później zapisujemy plik jako index.html, otwieramy go i oglądamy wynik.
-------------------------------------------------------------------------------------------
Myślę, że wszystko jest zrozumiałe, więc teraz przyjrzymy się dokładniej sekcji <head>.
Pozwala ona na pokazanie informacji takich informacji jak imię i nazwisko autora, tytuł, język i kodowanie(kodowanie to sposób zapisywania wyjątkowych dla danego państwa znaków, jak ą,ę,ó itd.).
Autor:
<meta name="author" content="nazwisko autora"> - Jest to typowy znacznik należący do grupy <meta>. Nie posiada znacznika zamykającego. Uwaga!!! Po znacznikach meta piszemy name lub http-EQUIV, w zależności od tego jak jest poprawnie
Tytuł:
<title> tytuł </title> - Wyjątkowy znacznik, który może być tylko raz umieszczony w dokumencie. Wymaga znacznika zamykającego, inaczej cała dalsza zawartość strony zostanie potrakotwana jako tytuł ( a tego byśmy nie chcieli ) :0.
KODOWANIE:
<meta http-EQUIV="content-type" content="text/html; charset=iso-8859-2">- Jeden z najważnieszych znaczników w dokumencie, bez którego na stronie mogą pojawić się błędy.
Język:
<meta http-EQUIV="content-language" content="pl"> - Język strony umieszczamy w części content="...".
-------------------------------------------------------------------------------------------
Teraz nauczymy się formatować i nadawać wygląd tekstowi na stronie.
Jak wiemy widoczną treść dokumentu umieszczamy w znacznikach <body> i </body>. Teraz nauczymy się częściowo formatować tekst.
Aby pogrubić tekst używamy <b> i </b> (mniej poprawnie), lub języka CSS, o którym niedługo napiszę. Tekst pochylamy za pomocą <i> oraz </i> , lub CSS. Tekst zostaje podkreślony, kiedy napiszemy <u> oraz </u> , lub użyjemy CSS.
Kolor tekstu zmieniamy za pomocą znacznika <font color="kolor po angielsku"> i </font>, lub CSS. Co do rozmiaru, możemy połączyć go z kolorem( font size="..." ), lub użyć CSS.
W HTML istnieje jedno utrudnienie, które mówi, że aby przenieść tekst do następnej linii, używamy znacznika <br>.
Wiemy już dużo, więc powtórzmy operację z początku i stwórzmy taki plik:
<html>
<head>
<meta http-EQUIV="content-type" content="text/html; charset=iso-8859-2">
<meta http-EQUIV="content-language" content="pl">
<meta name="author" content="wasze imię">
<title>Tytuł waszej strony</title>
<body>
Oto zwykły tekst. <b>Teraz tekst jest gruby.</b> A teraz <u>podkreślony.</u> <i>Ten jest napisany kursywą</i>. <i><u><b>A tutaj jest wszystko naraz: !!!</b></u></i><br>
Ten tekst jest w następnej linii!!!
<font color="red" size="7">Ten tekst jest duży i kolorowy: !!!!!!!!!</font>
Gdy dodajemy wiele znaczników do jednego tekstu, musimy pamiętać o tym aby zamykać jest odwrotnie, niż się otwiera!!!.
To już cała pierwsza część. Później będę pisał o kolejnych znacznikach i innych językach programowania.
Wszystkie pomysły i błędy w notce proszę dodawać do dyskusji.
Aktywności
Porozmawiajmy
Brak wypowiedzi
O klubie
Zapraszamy wszystkich, których interesuje programowanie! Zarówno tych, którzy chcą się wymienić doświadczeniami, jak i tych, którzy chcą się się czegoś z tej dziedziny nauczyć.
Organizatorzy
Regulamin
Polityka Prywatności
Współpraca
Pobierz logotyp
Kontakt Pomoc
Copyright © 2012
Fundacja Uniwersytet Dzieci
Fundacja Uniwersytet Dzieci