O HTML. R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski
|
|
- Anna Marszałek
- 8 lat temu
- Przeglądów:
Transkrypt
1 O HTML R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski
2 HTML! HTML jest skrótem od Hyper Text Markup Language. Jest to kolejny język opisu strony dotyczący dokumentów tekstowych. Pojęcie opis strony wywodzi się z tradycyjnej typografii i oznacza reguły ustalania wyglądu tekstu: wielkość nagłówków, typy czcionek, marginesy, interlinie.! HTML został zdefiniowany w SGML - Standard Generalized Markup Language. Przy pomocy SGML można tworzyć tzw. DTD (Document Type Definition).! Język HTML został opracowany specjalnie dla publikowania dokumentów WWW 2
3 Dokumenty HTML (1)! Dokumenty HTML można przygotowywać za pomocą zwykłego edytora tekstowego. Jest to jednak żmudne zajęcie, ponieważ trzeba znać polecenia i wpisywać je ręcznie.! Zadanie ułatwiają specjalistyczne edytory HTML.! Oferta obejmuje zarówno proste edytory oferujące jedynie wybrane polecenia HTML jak i edytory z cechami prawdziwego WYSIWYG (What You See Is What You Get). 3
4 Dokumenty HTML (2)! Dostępne są także programy dokonujące konwersji (przekształcające tekst z formatu edytora do formatu HTML).! Po co więc uczyć się języka HTML?! edytory stanowią jedynie pomoc przy wpisywaniu! wbudowane w edytory możliwości pozostają w tyle za możliwościami przeglądarek! Odtwarzaniem dokumentów HTML zajmują się przeglądarki. 4
5 Dokumenty HTML (3)! Kod źródłowy dokumentu HTML składa się ze zwykłego tekstu ASCII jaki można wczytać i obrabiać w dowolnym edytorze.! Wyróżnienie wybranego urywka tekstu odbywa się za pomocą ściśle określonych kodów ujętych w nawiasy klamrowe zwanych znacznikami (tags).! Większość z nich służy do zaznaczania obszarów tekstu. Obszar ten rozciąga się od znacznika otwierającego poprzez właściwy tekst aż do odpowiadającego mu znacznika zamykającego. 5
6 Dokumenty HTML (4)! Znacznik zamykający różni się od otwierającego jedynie ukośną kreską postawioną przed nazwą: <H1> nagłówek pierwszego poziomu (header) </H1>! Para składająca się ze znacznika otwierającego i zamykającego nazywana jest również blokiem (container). Niektóre znaczniki występują pojedynczo -nie wymagają zamknięcia! 6
7 Szkielet dokumentu! Niektóre znaczniki są obowiązkowe, gdyż tworzą niejako szkielet każdego dokumentu HTML.! cały dokument zawarty jest pomiędzy znacznikami <HTML> </HTML>! poza tym w każdym dokumencie występuje obszar nagłówka, który oznaczony jest przez <HEAD> i może zawierać metainformacje! wewnątrz tego obszaru za pomocą <TITLE> nadaje się tytuł! właściwa zawartość dokumentu jest pomiędzy znacznikami <BODY> 7
8 Najprostsza strona! Najprostsza i kompletna definicja strony HTML to: <HTML> <HEAD> <TITLE>...</TITLE> </HEAD> <BODY>... </BODY> </HTML> 8
9 Formatowanie (1)! HTML jest językiem bezformatowym, co oznacza, że ignorowane są przejścia do nowego wiersza i wielokrotne spacje spacje, zaś wymaganą strukturę nadajemy dokumentowi za pomocą kilku specjalnych znaczników:! akapit <P> (paragraph)! przejście do nowego wiersza <BR>! tekst wstępnie sformatowany <PRE>! pozioma linia <HR> 9
10 Formatowanie (2)! Akapitów nie wolno zagnieżdżać, dopuszczalne jest więc opuszczanie znaczników zamykających </P>. Przeglądarka automatycznie zamyka poprzedni akapit, gdy rozpoczyna nowy.! Odradza się używania tego typu uproszczeń, ze względu na to, że w pewnych wypadkach mogą wystąpić efekty uboczne. 10
11 Formatowanie (3)! Atrybuty pisma takich jak rodzaj i wielkość czcionki określa się w dokumentach HTML pośrednio poprzez określenie funkcji danego fragmentu tekstu w dokumencie.! Do wyróżniania całych akapitów służą:! <H1> do <H6> dla nagłówków rozmaitych poziomów! <BLOCKQUOTE> dla cytatów! <ADDRESS> dla adresów mailowych 11
12 Formatowanie (4)! Do bezpośredniego wyróżniania znacznikiem typu czcionki przewidziane są:! <I> pismo pochyłe, kursywa! <B> pismo pogrubione,! <U> pismo podkreślone! <TT> pismo maszynowe! <SUP> i <SUB> superscript i subscript 12
13 Wyliczenia (1)! Do bezpośredniego wyróżniania znacznikiem typu czcionki przewidziane są:! <I> pismo pochyłe, kursywa! <B> pismo pogrubione,! <U> pismo podkreślone! <TT> pismo maszynowe! <SUP> i <SUB> superscript i subscript 13
14 Wyliczenia (2)! Przeglądarka automatycznie dodaje przed pozycją listy wcięcie i stawia przed nią znak wyliczenia (bullet).! Przed każdą zagnieżdżoną listą przeglądarka dodaje kolejne wcięcie.! W listach uporządkowanych kolejne pozycje są automatycznie numerowane. 14
15 Odsyłacze hipertekstowe (1)! Odsyłacze hipertekstowe (hyperlinks) tworzy się za pomocą znacznika <A> (anchor -kotwica).! Stanowią one prosty i skuteczny element interaktywny.! Dzięki odsyłaczom hipertekstowym można wykonywać skoki do innych miejsc tekstu w danym pliku, innych dokumentów znajdujących się na dowolnym serwerze WWW a nawet ściągać (download) pliki. 15
16 Odsyłacze hipertekstowe (2)! W przypadku dłuższych dokumentów celowe jest przedstawienie na początku ich struktury i poprowadzenie do każdego z takich punktów odsyłacza.! W tym celu należy:! zaznaczyć miejsca tekstu, do których ma nastąpić przeskok (cel skoku definiowany jest parametrem NAME)! potrzebny jest także rozkaz skoku definiowany parametrem HREF (hypertext reference) 16
17 Odsyłacze hipertekstowe (3)! Przypisując parametrowi NAME pewną wartość definiujemy zakotwiczenie, do którego będzie się można odwoływać, jeśli tę samą wartość nadamy parametrowi HREF w etykiecie skoku. <A HREF= gajowy >Burzliwy życiorys Gajowego</A>... <A NAME= gajowy ></A> <H1>Narodziny Gajowego </H1> 17
18 Odsyłacze hipertekstowe (4)! Przy użyciu parametru HREF można podawać nie tylko zakotwiczenia w aktywnym dokumencie.! Można podawać również nazwy plików innych stron HTML (podkatalogi nie są oddzielone od siebie backslashem lecz zwykłym ukośnikiem. <A HREF= WROGOWIE.HTM >Wrogowie </A> <A HREF=../INNI/PRZYJ.HTM >Przyjaciele</A> <A HREF= >DiDa</A> 18
19 URL (1)! Głównym zadaniem przeglądarek jest udostępnianie zasobów znajdujących się na dowolnym podłączonym do Internetu serwerze w jakimkolwiek punkcie świata.! Do jednoznacznej identyfikacji takiego określonego obiektu służy tzw. URL (Uniform Resource Locator - jednolity lokalizator zasobów). 19
20 URL (2)! Kompletny URL obiektu składa się z następujących informacji:! protokół transmisji ( ftp:, news:, gopher:, telnet:)! nazwa serwera: port! ścieżka dostępu! nazwa pliku! W przeciwieństwie do konwencji DOS owych nazwy plików w innych systemach rozróżniają małe i duże litery (case-sensitive) 20
21 Grafika (1)! Z pomocą znacznika <IMG> możemy wbudowywać obrazy bezpośrednio w strukturę stronicy HTML.! Obrazy choć wpasowują się idealnie w dokument HTML nie stanowią integralnej części strony ale istnieją na serwerze WWW jako oddzielne pliki w formacie GIF lub JPEG. 21
22 Grafika (2)! Nazwy obrazów, które mają być przetransmitowane i wyświetlone podawane są za pośrednictwem parametru SRC znacznika IMG (względna nazwa pliku odnosi się do katalogu, w którym znajduje się aktualna strona HTML) <IMG SRC=../INNI/GAJOWY.GIF >! Znacznik IMG jest w obrębie dokumentu traktowany podobnie jak element tekstowy (nie generuje przejścia do nowej linii bądź zmiany akapitu). 22
23 Tabele (1)! Tabele są znakomitym instrumentem do formatowania wyglądu ekranu. Do ich definicji służą znaczniki <TABLE>, <TR>, <TD> i <TH>.! Całość definicji tabeli zawarta jest między znacznikami <TABLE>...</TABLE>. Jeśli chcemy, by komórki tabeli były obramowane dodajemy parametr <BORDER>.! Znacznik <TR> definiuje wiersz tabeli (table row)! Komórkę tabeli definiuje <TD> (table data)! Specjalny rodzaj komórek definiuje <TH> (table header) - komórki te są drukowane czcionką pogrubioną. 23
24 Tabele (2)! Jeśli nie zadeklarowano inaczej szerokość kolumny określana jest automatycznie i dostosowuje się do najszerszej wartości w kolumnie.! Jeśli szerokość okna przeglądarki nie wystarcza dla całej tabeli zawartość najszerszych komórek jest umieszczana w kilku wierszach. 24
Dokument hipertekstowy
Dokument hipertekstowy Laboratorium 2 Podstawy HTML mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Cel poznanie podstawowych elementów HTML stworzenie strony ćwiczenie zadanie domowe Konstrukcja
Bardziej szczegółowoPo zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych
rk Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych pojęć, prawdopodobnie zastanawiasz się, kiedy zaczniesz
Bardziej szczegółowoABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści
ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop. 2012 Spis treści Wstęp 9 1 HTML 5 i XHTML w pytaniach i odpowiedziach 13 Co to jest HTML 5? 13 Co to jest XHTML? 15 Czy strony utworzone w HTML
Bardziej szczegółowoTest z przedmiotu. Witryny i aplikacje internetowe
Test z przedmiotu Witryny i aplikacje internetowe Tylko jedna odpowiedź jest poprawna!!! Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch
Bardziej szczegółowoWprowadzenie do języka HTML
Radosław Rudnicki (joix@mat.umk.pl) 05.09.2009 r. Wprowadzenie do języka HTML Do tworzenia stron internetowych wystarczy użyd zwykłego Notatnika oferowanego przez system Windows, czy dowolny inny system
Bardziej szczegółowoFormat HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty
Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language
Bardziej szczegółowoHTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl
HTML 1 Gimnazjum nr 1 w Barcinie UWAGA: UTWÓRZ FOLDER HTML, a w nim HTML-1 dla pierwszego ćwiczenia. Imię_ nazwisko_html-1.html z dysku J: w folderze HTML 1. Tło strony - Jednolity kolor:
Bardziej szczegółowoCopyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne
Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo
Bardziej szczegółowoPodstawowe znaczniki języka HTML.
Podstawowe znaczniki języka HTML. Struktura dokumentu. Sposób użycia i dokumentu. Między nimi umieszczana jest cała treść dokumentu. Sposób użycia Sekcja HEAD zawiera podstawowe
Bardziej szczegółowoHTML5 i CSS. Deklaracja <!DOCTYPE> musi być na początki dokumentu napisanego w HTML5 przed tagiem <html>.
Dokumenty HTML5 Każda przeglądarka dostępna na rynku obsługuje HTML5 w różnym stopniu. Możesz sprawdzić swoją testerem dostępnym pod adresem (http://html5test.com). HTML5 wprowadza cały zestaw zupełnie
Bardziej szczegółowo2 Podstawy tworzenia stron internetowych
2 Podstawy tworzenia stron internetowych 2.1. HTML5 i struktura dokumentu Podstawą działania wszystkich stron internetowych jest język HTML (Hypertext Markup Language) hipertekstowy język znaczników. Dokument
Bardziej szczegółowoECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0
ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 Przeznaczenie Sylabusa Dokument ten zawiera szczegółowy Sylabus dla modułu ECDL/ICDL Web Editing. Sylabus opisuje zakres wiedzy i umiejętności, jakie
Bardziej szczegółowoWstęp. Język HTML jest uniwersalnym jezykiem wykorzystywanym przy
HTML Wstęp Język HTML jest uniwersalnym jezykiem wykorzystywanym przy tworzeniu stron internetowych, rozpoznawanym przez wszystkie przeglądarki internetowe niezależnie od producenta. Składa on się z elementów
Bardziej szczegółowoSzczegółowy opis języka HTML5 znajdziemy w specyfikacji, która jest dostępna pod adresem
HTML (ang. Hyper Text Markup Language) jest to język znaczników używany do tworzenia stron internetowych. Obecnie stosowane są dwie wersje tego języka: HTML 4.01, która obowiązuje już od dawna, oraz HTML5,
Bardziej szczegółowoHTML. Jolanta Bachan. Oprogramowanie użytkowe 2008-02-26
HTML Oprogramowanie użytkowe 2008-02-26 Organisation My email address: jolabachan@gmail.com My website: bachan.speechlabs.pl Student list A student is allowed to miss two classes Classes on Tuesdays, 18.40-20.10
Bardziej szczegółowoPrzedmiot: Grafika komputerowa i projektowanie stron WWW
KARKONOSKA PAŃSTWOWA SZKOŁA WYŻSZA Kierunek: Dziennikarstwo i komunikacja społeczna Przedmiot: Grafika komputerowa i projektowanie stron WWW 1 opracował: dr inż. Jerzy Januszewicz HTML (HyperText Markup
Bardziej szczegółowoProgramowanie w Internecie
Programowanie w Internecie Paweł Kasprowski pawel@kasprowski.pl Aplikacja internetowa Definicja: Aplikacja uruchamiana na serwerze WWW komunikująca się z użytkownikiem za pomocą przeglądarki internetowej
Bardziej szczegółowoProjektowanie aplikacji internetowych - ćwiczenie nr 1 I
ET stopień - semestr 1. CEL ĆWCZENA Celem ćwiczenia jest zapoznanie się ze składnią języka HTML i w oparciu o te wiadomości wykonanie prostej witryny internetowej składającej się z zestawu stron w języku
Bardziej szczegółowoURL: http://www.ecdl.pl
Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: Copyright wersji polskiej: The European Computer Driving Licence Foundation Ltd. Polskie Towarzystwo
Bardziej szczegółowoużywane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów
opracowanie I. K. używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów ISO-8859-2 - norma międzynarodowa określająca sposób kodowania
Bardziej szczegółowoProgramowanie CGI. Jolanta Bachan 2008-06-05 Informatyka
Jolanta Bachan Informatyka Sprawy organizacyjne Zaliczenie otrzymają osoby, które do 9. czerwca do godziny 0:00, czyli do 8. czerwca do godziny 24:00 prześlą mi: adres do strony internetowej z wbudowanym
Bardziej szczegółowoOdnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych
odnośniki Część 3 Odnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych dokumentów niezależnie od ich umiejscowienia
Bardziej szczegółowoStruktura języka HTML ZNACZNIKI. Oto bardzo prosta strona WWW wyświetlona w przeglądarce: A tak wygląda kod źródłowy takiej strony:
Struktura języka HTML ZNACZNIKI Oto bardzo prosta strona WWW wyświetlona w przeglądarce: Rysunek 1: Przykładowa strona wyświetlona w przeglądarce A tak wygląda kod źródłowy takiej strony: Rysunek 2: Kod
Bardziej szczegółowoProgramowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
Bardziej szczegółowo[HTML I XHTML ĆWICZENIE 0] dr Artur Bartoszewski
I. Znaczniki Jeśli wyświetlisz kod źródłowy strony WWW, zobaczysz, że zawiera on szereg poleceń języka HTML umieszczonych w nawiasach kątowych. Twory te noszą nazwę znaczników. Znaczniki informują przeglądarkę,
Bardziej szczegółowoTechnologie Informacyjne lista nr 5.
dr inż. Roman Ptak roman.ptak.staff.iiar.pwr.wroc.pl Technologie Informacyjne lista nr 5. Ver. 2.0 Zadanie. Proszę w arkuszu kalkulacyjnym zredagować dokumenty według poniższych poleceń z zadań 1 5. Kolejne
Bardziej szczegółowoTworzenie stron internetowych w oparciu o język HTML
Ćwiczenie 1 Temat: Tworzenie stron internetowych w oparciu o język HTML Cel ćwiczenia: Celem ćwiczenia jest zapoznanie studenta z technologią tworzenia stron internetowych z wykorzystaniem języka HTML.
Bardziej szczegółowoExtensible Markup Language (XML) Wrocław, Java - technologie zaawansowane
Extensible Markup Language (XML) Wrocław, 15.03.2019 - Java - technologie zaawansowane Wprowadzenie XML jest językiem znaczników (ang. markup language) używanym do definiowania zbioru zasad rozmieszczenia
Bardziej szczegółowoXHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.
XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. Reformuje on znane zasady języka HTML 4 w taki sposób, aby były zgodne z XML (HTML przetłumaczony na XML).
Bardziej szczegółowo<html> </html> <body> </body> <p> [</p>] <br> <html> <head> </head> <body> </body> </html> Materiały dydaktyczne 1/5
PODSTAWOWE INFORMACJE HTML (HyperText Mark-up Language) język programowanie, który pozwala na publikowanie treści w sieci WWW. Nie jest to klasyczny język liniowy (w HTML mamy dostęp w każdym miejscu do
Bardziej szczegółowoECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0
ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0 Przeznaczenie sylabusa Dokument ten zawiera szczegółowy sylabus dla modułu ECDL/ICDL Przetwarzanie tekstów. Sylabus opisuje zakres wiedzy i
Bardziej szczegółowoKurs HTML 4.01 TI 312[01]
TI 312[01] Spis treści 1. Wiadomości ogólne... 3 2. Wersje języka HTML... 3 3. Minimalna struktura dokumentu... 3 4. Deklaracje DOCTYPE... 3 5. Lista znaczników, atrybutów i zdarzeń... 4 5.1 Lista atrybutów
Bardziej szczegółowoCel ogólny lekcji: Wprowadzenie do tworzenia stron WWW w języku HTML. Wprowadzenie pojęć: strona WWW, język HTML, dokument HTML.
Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 23 lutego 2006 roku Czas trwania zajęć: 45 minut, przedmiot: TI Temat lekcji: Pierwsze kroki w języku
Bardziej szczegółowoZaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik
Zaawansowana Pracownia Komputerowa - Ćwiczenia Krzysztof Miernik HTML - Podstawowe Informacje HTML to hipertekstowy język znaczników (ang. HyperText Markup Language) służacy do tworzenia stron internetowych
Bardziej szczegółowoWITRYNY I APLIKACJE INTERNETOWE
WITRYNY I APLIKACJE INTERNETOWE TECHNIKUM INFORMATYCZNE wg programu 351203 KLASA II 3 godz. tygodniowo 90 godziny Liczba godzin w cyklu kształcenia 180 rok szkolny 2013/2014 Sylwia Płonka 2. W 1980 fizyk
Bardziej szczegółowoWYKŁAD 1 METAJĘZYK SGML CZĘŚĆ 1
WYKŁAD 1 METAJĘZYK SGML CZĘŚĆ 1 SGML (Standard Generalized Markup Language) Standardowy uogólniony język znaczników służący do ujednolicania struktury i formatu różnego typu informacji (danych). Twórcy
Bardziej szczegółowoĆwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp
Barbara Łukawska, Adam Krechowicz, Tomasz Michno Ćwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp Najprostszym sposobem utworzenia strony internetowej jest użycie języka HTML.
Bardziej szczegółowoKATEGORIA OBSZAR WIEDZY
Moduł 3 - Przetwarzanie tekstów - od kandydata wymaga się zaprezentowania umiejętności wykorzystywania programu do edycji tekstu. Kandydat powinien wykonać zadania o charakterze podstawowym związane z
Bardziej szczegółowoCSS. Kaskadowe Arkusze Stylów
CSS Kaskadowe Arkusze Stylów CSS CSS = Cascading Style Sheets Style określają sposób wyświetlania zawartości elementów HTML Arkusz stylów jest zbiorem takich reguł Pojawiły się w HTML 4.0 by rozwiązać
Bardziej szczegółowoHTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
Bardziej szczegółowoROZDZIAŁ 3 TWORZENIE STRONY INTERNETOWEJ Z WYKORZYSTANIEM JĘZYKA HTML
ROZDZIAŁ 3 TWORZENIE STRONY INTERNETOWEJ Z WYKORZYSTANIEM JĘZYKA HTML TEMAT 3.1 WPROWADZENIE DO ZNACZNIKÓW JĘZYKA HTML LEKCJA 23 1 9 9 10 15.5. HTML język WWW Protokoły TCP/IP zapewniają działanie sieci
Bardziej szczegółowoJęzyki programowania wysokiego poziomu. HTML cz.2.
Języki programowania wysokiego poziomu HTML cz.2. Model pudełkowy HTML Elementy blokowe w tym table oraz div są wyświetlane według tzw. modelu pudełkowego: Zawartość Odstęp (padding) Obramowanie (border)
Bardziej szczegółowoI. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Bardziej szczegółowoza pomocą: definiujemy:
HTML CSS za pomocą: języka HTML arkusza CSS definiujemy: szkielet strony wygląd strony Struktura dokumentu html - znaczniki Znaczniki wyznaczają rodzaj zawartości. element strony
Bardziej szczegółowoRys.2.1. Trzy warstwy stanowiące podstawę popularnego podejścia w zakresie budowy stron internetowych [2]
1. CEL ĆWICZENIA Celem ćwiczenia jest przedstawienie możliwości wykorzystania języka JavaScript do tworzenia interaktywnych aplikacji działających po stronie klienta. 2. MATERIAŁ NAUCZANIA JavaScript tak
Bardziej szczegółowo1. Przypisy, indeks i spisy.
1. Przypisy, indeks i spisy. (Wstaw Odwołanie Przypis dolny - ) (Wstaw Odwołanie Indeks i spisy - ) Przypisy dolne i końcowe w drukowanych dokumentach umożliwiają umieszczanie w dokumencie objaśnień, komentarzy
Bardziej szczegółowoStrony WWW - podstawy języka HTML
Strony WWW - podstawy języka HTML Jacek Krzaczkowski 2004 r. HTML (Hyper Text Markup Language) jest językiem opisu dokumentu używanym do tworzenia stron WWW. Znaczniki języka HTML informują przeglądarkę
Bardziej szczegółowoKadry Optivum, Płace Optivum
Kadry Optivum, Płace Optivum Jak seryjnie przygotować wykazy absencji pracowników? W celu przygotowania pism zawierających wykazy nieobecności pracowników skorzystamy z mechanizmu Nowe wydruki seryjne.
Bardziej szczegółowoTWORZENIE STRON WWW. Zasady opisu stron w języku HTML:
TWORZENIE STRON WWW Strony WWW definiowane są za pomocą języków opisu stron. Najpopularniejszym językiem tego typu jest język HTML (Hyper Text Markup Language). Zasady opisu stron w języku HTML: - opis
Bardziej szczegółowoRola języka XML narzędziem
Wprowadzenie do XML dr inż. Adam Iwaniak Szkolenie w Luboradzy, ZCPWZ, 12-13.02.2009r. Rola języka XML narzędziem Pierwszą rewolucją internetową było dostarczenie ludziom informacji. Znajdujemy się teraz
Bardziej szczegółowoJustyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie
Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie Scenariusz lekcji informatyki klasa II gimnazjum Temat : Strona WWW pierwsze
Bardziej szczegółowoWorld Wide Web? rkijanka
World Wide Web? rkijanka World Wide Web? globalny, interaktywny, dynamiczny, wieloplatformowy, rozproszony, graficzny, hipertekstowy - system informacyjny, działający na bazie Internetu. 1.Sieć WWW jest
Bardziej szczegółowo1. Zaczynamy! (9) 2. Edycja dokumentów (33)
1. Zaczynamy! (9) Uruchamiamy program Word i co z tego wynika... (10) o Obszar roboczy, czyli miejsce do pracy (12) Otwieranie dokumentów w programie Word (14) o Tworzenie nowego dokumentu (14) o Otwieranie
Bardziej szczegółowoĆWICZENIA Z JĘZYKA HTML. 1. Znaczniki. 2. Struktura dokumentu HTML. 3. Tworzymy stronę WWW Podróże po stolicach Europy
Informatyka - podstawowe tematy WSzPWN - Język HTML, podstawy str. 1 ĆWICZENIA Z JĘZYKA HTML Struktura dokumentu, znaczniki, tabele, hiperłacza Być może trudno w to uwierzyć, jednak strony WWW są tekstem
Bardziej szczegółowoĆw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML
Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML Zad.1 Zapoznaj się z poniŝszymi artykułami dotyczącymi projektowania stron WWW:. http://galeria.muzykaduszy.pl/zasady.php
Bardziej szczegółowo1.Formatowanie tekstu z użyciem stylów
1.Formatowanie tekstu z użyciem stylów Co to jest styl? Styl jest ciągiem znaków formatujących, które mogą być stosowane do tekstu w dokumencie w celu szybkiej zmiany jego wyglądu. Stosując styl, stosuje
Bardziej szczegółowoWSKAZÓWKI WYDAWNICZE DLA AUTORÓW
Załącznik nr 2 do Regulaminu Wydawnictwa WSKAZÓWKI WYDAWNICZE DLA AUTORÓW 1) Komitet Redakcyjny nie przyjmuje prac (wydawnictwo zwarte lub artykuł), które zostały już opublikowane lub też zostały złożone
Bardziej szczegółowoJęzyk HTML. Elementy projektowania stron WWW. Część 2. Idea języków znakowania. Znakowanie znaczeniowe i typograficzne. dr inŝ.
Język HTML Elementy projektowania stron WWW Część 2 dr inŝ. Tomasz Traczyk Języki znakowania Znakowanie znaczeniowe i typograficzne Budowa dokumentu HTML Przegląd znaczników HTML Arkusze stylistyczne Narzędzia
Bardziej szczegółowoECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 6.0
ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 6.0 Przeznaczenie sylabusa Dokument ten zawiera szczegółowy sylabus dla modułu ECDL/ICDL Przetwarzanie tekstów. Sylabus opisuje zakres wiedzy i
Bardziej szczegółowoOczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>
Język html to język znaczników inaczej tagów, czyli słów lub skrótów pochodzących z języka angielskiego ujętych w nawiasy ostrokątne , np.. . W większości przypadków spotykamy znaczniki początku (inaczej
Bardziej szczegółowoŹródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385.
Źródła CSS: http://www.csszengarden.com/ XHTML: http://www.xhtml.org/ XML: http://www.w3.org/xml/ PHP: http://www.php.net/ JavaScript: http://devedgetemp.mozilla.org/library/manuals/2000/javas cript/1.5/reference/
Bardziej szczegółowoLaboratorium 1 (ZIP): Style
Wojciech Myszka Laboratorium 1 (ZIP): Style Spis treści 1. Wstęp............................................. 1 1.1. Cel laboratorium.................................... 1 1.2. Wymagania.......................................
Bardziej szczegółowoMATERIAŁY SZKOLENIOWE WORD PODSTAWOWY
MATERIAŁY SZKOLENIOWE WORD PODSTAWOWY 2013 Klawiatura narzędzie do wpisywania tekstu. 1. Wielkie litery piszemy z wciśniętym klawiszem SHIFT albo z włączonym klawiszem CAPSLOCK. 2. Litery typowe dla języka
Bardziej szczegółowoHTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
Bardziej szczegółowoHTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści
HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop. 2017 Spis treści O autorach 11 Wprowadzenie 13 CZĘŚĆ I ROZPOCZĘCIE PRACY Lekcja 1. Co oznacza publikowanie treści w sieci
Bardziej szczegółowoSylabus Moduł 2: Przetwarzanie tekstów
Sylabus Moduł 2: Przetwarzanie tekstów Niniejsze opracowanie przeznaczone jest dla osób zamierzających zdać egzamin ECDL (European Computer Driving Licence) na poziomie podstawowym. Publikacja zawiera
Bardziej szczegółowoAKADEMIA im. JANA DŁUGOSZA w CZĘSTOCHOWIE
AKADEMIA im. JANA DŁUGOSZA w CZĘSTOCHOWIE Wydział Matematyczno-Przyrodniczy Kierunek: nazwa kierunku Specjalność: nazwa specjalności JAN KOWALSKI Nr albumu:. TYTUŁ PRACY Praca przygotowana w nazwa zakładu/katedry
Bardziej szczegółowoZadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki
Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki Edytory tekstu oferują wiele możliwości dostosowania układu (kompozycji) strony w celu uwypuklenia
Bardziej szczegółowoProgramowanie internetowe
Programowanie internetowe Wykład 1 HTML mgr inż. Michał Wojtera email: mwojtera@dmcs.pl Plan wykładu Organizacja zajęć Zakres przedmiotu Literatura Zawartość wykładu Wprowadzenie AMP / LAMP Podstawy HTML
Bardziej szczegółowoPodstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski
Podstawy HTML i CSS Grzegorz Arkit Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski 13 października 2016 G. Arkit (WMIiE) Podstawy HTML i CSS 13 października 2016 1 / 20 Informacja
Bardziej szczegółowoFormularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej
Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej stosuje się język PHP lub JSP)
Bardziej szczegółowoZadanie 1. Stosowanie stylów
Zadanie 1. Stosowanie stylów Styl to zestaw elementów formatowania określających wygląd: tekstu atrybuty czcionki (tzw. styl znaku), akapitów np. wyrównanie tekstu, odstępy między wierszami, wcięcia, a
Bardziej szczegółowoPodręcznik edycji tekstu dla inteligentnych
Podręcznik edycji tekstu dla inteligentnych Spis treści Ogólne zasady edycji tekstu...3 Struktura dokumentu tekstowego...3 Strona...3 Akapit...3 Znak...3 Znaki niedrukowane...4 Twarda spacja, miękki i
Bardziej szczegółowoWstęp do HTML. Najstarszym i najprostszym pierwowzorem hipertekstu są powszechnie znane odnośniki encyklopedyczne:
Wstęp do HTML Internet - sieć sieci, ogólnoświatowa intersieć, która łączy komputery z innymi komputerami poprzez protokoły z rodziny TCP/IP. Sieć WWW - zbiór serwerów WWW, który stanowi podzbiór całego
Bardziej szczegółowoPrzewodnik początkującego w HTML'u
Przewodnik początkującego w HTML'u Objaśnienie znaczników Element jest fundamentalnym komponentem struktury tekstu dokumentu. Niektóre przykłady elementów to nagłówki, tablice, paragrafy i listy. Myśl
Bardziej szczegółowoWymagania edukacyjne z informatyki dla klasy szóstej szkoły podstawowej.
Wymagania edukacyjne z informatyki dla klasy szóstej szkoły podstawowej. Dział Zagadnienia Wymagania podstawowe Wymagania ponadpodstawowe Arkusz kalkulacyjny (Microsoft Excel i OpenOffice) Uruchomienie
Bardziej szczegółowoPodstawy tworzenia stron internetowych
Podstawy tworzenia stron internetowych HTML Wstęp Do edycji stron HTML (Hyper Text Markup Language) można wykorzystać dowolny edytor tekstowy (np. Notatnik) umożliwiający edycję zwykłych plików tekstowych.
Bardziej szczegółowoOdsyłacze (hiperłącza)
Odsyłacze (hiperłącza) Charakterystyczną cechą Internetu jest obecność na stronach hipertekstowych odsyłaczy do innych stron, które znajdują się w światowej sieci. W gruncie rzeczy czytelnik dokumentu
Bardziej szczegółowoI.Wojnicki, PHP. Smarty. Igor Wojnicki. Katedra Informatyki Stosowanej Akademia Górniczo-Hutnicza w Krakowie. 28 marca 2014
Igor Wojnicki (AGH, KIS) Smarty 28 marca 2014 1 / 33 Smarty Igor Wojnicki Katedra Informatyki Stosowanej Akademia Górniczo-Hutnicza w Krakowie 28 marca 2014 $Id: smarty.tex,v 1.2 2013/06/22 22:09:45 wojnicki
Bardziej szczegółowoWykład 1: HTML (XHTML) Michał Drabik
Wykład 1: HTML (XHTML) Michał Drabik 1 Czyli to wszystko co trzeba wiedzieć aby zacząć tworzyć strony internetowe. 2 HTML 4 HTML = HyperText Markup Language Hipertekstowy język znaczników umożliwiający
Bardziej szczegółowoHistoria kodowania i format plików XML. Jolanta Bachan
Historia kodowania i format plików XML Jolanta Bachan Co to jest format? Format to, w ogólnym znaczeniu, reguły określające strukturę fizyczną, sposób rozmieszczenia, zapisu informacji danego typu. Inaczej:
Bardziej szczegółowoI. Formatowanie tekstu i wygląd strony
I. Formatowanie tekstu i wygląd strony Akapit: ... aby wyrównać tekst do lewego marginesu aby wyrównać tekst do prawego marginesu:
Bardziej szczegółowoEdukacja na odległość
Ćwiczenie 2. Edukacja na odległość Obsługa konta WWW na serwerze Linuksowym Tworzenie portalu edukacyjnego o określonej, wybranej przez studenta tematyce naukowej. Cel ćwiczenia: Projektowanie strony czołowej
Bardziej szczegółowoJęzyki programowania wysokiego poziomu WWW
Języki programowania wysokiego poziomu WWW Zawartość Protokół HTTP Języki HTML i XHTML Struktura dokumentu html: DTD i rodzaje html; xhtml Nagłówek html - kodowanie znaków, język Ciało html Sposób formatowania
Bardziej szczegółowoJęzyk (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM
Język (X)HTML Podstawowe znaczniki i parametry Szablon dokumentu (X)HTML
Bardziej szczegółowoCo to jest html? I.Struktura strony:
Co to jest html? Jak tworzyć strony internetowe? Jest ich przecież w Internecie tysiące, a może nawet miliony. Jednak jedne strony bardziej nam się podobają, inne mniej. Z czego to wynika? Atrakcyjność
Bardziej szczegółowoMS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30
MS Word 2010 Długi dokument Praca z długim dokumentem Kinga Sorkowska 2011-12-30 Dodawanie strony tytułowej 1 W programie Microsoft Word udostępniono wygodną galerię wstępnie zdefiniowanych stron tytułowych.
Bardziej szczegółowoProste kody html do szybkiego stosowania.
Proste kody html do szybkiego stosowania. Często, w trakcie pracy z blogiem czy portalem zachodzi potrzeba umieszczenia grafiki, linku zaszytego w grafice czy innych podobnych. Szczególnie w widgetach
Bardziej szczegółowoMultimedia. Plan wykładu/ów. Wstęp do HTML a. zastosowanie HTML a do tworzenia multimediów. podstawy HTML a Flash style JavaScript warstwy Java
Multimedia Wstęp do HTML a mgr inż. Piotr Odya piotrod@sound.eti.pg.gda.pl Plan wykładu/ów zastosowanie HTML a do tworzenia multimediów podstawy HTML a Flash style JavaScript warstwy Java 1 Trochę teorii
Bardziej szczegółowoWYMAGANIA EDUKACYJNE. Witryny i Aplikacje Internetowe klasa I
WYMAGANIA EDUKACYJNE Witryny i Aplikacje Internetowe klasa I Dopuszczający definiuje pojęcia: witryna, portal, wortal, struktura witryny internetowej; opisuje rodzaje grafiki statycznej wymienia i charakteryzuje
Bardziej szczegółowoĆwiczenia nr 2. Edycja tekstu (Microsoft Word)
Dostosowywanie paska zadań Ćwiczenia nr 2 Edycja tekstu (Microsoft Word) Domyślnie program Word proponuje paski narzędzi Standardowy oraz Formatowanie z zestawem opcji widocznym poniżej: Można jednak zmodyfikować
Bardziej szczegółowoProgramy dedykowane do edycji stron internetowych dzielą się na dwa rodzaje:
HTML - język www. 1. HTML i XHTML HTML (Hypertext Markup Language - hipertekstowy język znaczników) to język opisu stron internetowych, przeznaczony do tworzenia dokumentów tekstowych w formacie zrozumiałym
Bardziej szczegółowo29. Poprawność składniowa i strukturalna dokumentu XML
29. i strukturalna dokumentu XML 13 października 2015 1 2 Poprawny składniowo dokument XML powinien być tworzony zgodnie z poniżej przedstawionymi zasadami. Deklaracja XML Powinien zawierać deklarację
Bardziej szczegółowoWymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203)
Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Technikum - kl. 3 Td, semestr 5 i 6 Ocena niedostateczna dopuszczająca Wymagania edukacyjne wobec ucznia: Uczeń nie
Bardziej szczegółowoFormatowanie c.d. Wyświetlanie formatowania
Formatowanie c.d. Wyświetlanie formatowania Dzięki tej funkcji można łatwo sprawdzić, w jaki sposób został sformatowany dowolny fragment tekstu. Aby jej użyć, wybierz polecenie naciśnij Shift+F1. Na prawo
Bardziej szczegółowoPROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński
PROGRAMOWANIE HTML W składni języka HTML wykorzystuje się charakterystyczne znaczniki. Każdy z nich zaczyna się i kończy ostrokątnym nawiasem a pomiędzy nimi znajduje się wyrażenie html. Rozróżniamy znaczniki
Bardziej szczegółowo1. Narzędzia główne: WORD 2010 INTERFEJS UŻYTKOWNIKA. wycinamy tekst, grafikę
1. Narzędzia główne: wycinamy tekst, grafikę stosowanie formatowania tekstu i niektórych podstawowych elementów graficznych umieszczane są wszystkie kopiowane i wycinane pliki wklejenie zawartości schowka
Bardziej szczegółowoInternet to sieć komputerowa o zasięgu globalnym łącząca ze sobą setki tysięcy małych i dużych sieci lokalnych oraz pojedyncze komputery.
1. Internet W latach sześćdziesiątych ubiegłego stulecia rozpoczęto prace nad zbudowaniem sieci komputerowej, która mogła by zapewnić komunikację między komputerami pracującymi w różnych sieciach lokalnych
Bardziej szczegółowo