Język HTML i podstawy CSS
|
|
|
- Daniel Roman Brzeziński
- 9 lat temu
- Przeglądów:
Transkrypt
1 Notatki do wykładu Język HTML i podstawy CSS dr Jacek Tarasiuk WFiIS, AGH wersja 2006 Spis treści Język HTML...1 Rodzaje dokumentów HTML...1 Budowa dokumentu HTML...1 Zestawienie znaczników...2 Szkielet Strony...2 Znaczniki Sekcji HEAD...2 Formatowanie Tekstu...2 Czcionki i Kroje Pisma...3 Listy...4 Tabele...5 Grafika i multimedia...6 Odnośniki...6 Ramki...7 Program ezhtml Ekran roboczy programu...8 Menu programu...8 Kilka porad praktycznych...8 Dodatek A...9
2 Uznanie autorstwa-użycie niekomercyjne 2.0 Polska
3 HTML i podstawy CSS JĘZYK HTML Tu w przyszłości będzie kilka słów o HTMLu. Rodzaje dokumentów HTML O typie dokumentu decyduje jego prolog. Jest to pierwsza linijka tekstu w dokumencie HTML. W zależności od rodzaju dokumentu może mieć ona jedną z poniższych postaci: Dokument w standardzie HTML 4.01 w wersji STRICT <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " Dokument w standardzie HTML 4.01 w wersji TRANSITIONAL <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " Dokument w standardzie HTML 4.01 w wersji FRAMESET <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " Istnieją również inne rodzaje dokumentów. Są to na przykład dokumenty zgodne ze starszymi wersjami specyfikacji HTML lub dokumenty zgodne ze specyfikacją XHTML. Te pierwsze w zasadzie są już bezużyteczne, te drugie nie wchodzą w zakres kursu. Budowa dokumentu HTML Dokument HTML jest plikiem tekstowym. Można go stworzyć w dowolnym edytorze tekstu. Cała treść dokumentu ujęta jest w znaczniki. Każdy obszar dokumentu rozpoczyna się znacznikiem postaci <nazwa znacznika>, a kończy znacznikiem zamykającym postaci </nazwa znacznika>. Należy pamiętać aby zawsze znaczniki zamykać w odwrotnej kolejności niż się je otwiera. Na przykład następująca sekwencja jest prawidłowa: <a><b></b><c></c></a>, a taka sekwencja: <a><b><c></b></c></a> jest nieprawidłowa. Znaczniki można pisać małymi i dużymi literami (osobiście zalecam używanie małych liter). Minimalny dokument HTML ma postać: <html> <head> sekcja nagłówkowa </head> <body> ciało dokumentu </body> </html> W sekcji nagłówkowej znajdą się informacje nie wyświetlane na stronie skierowane do przeglądarek internetowych, wyszukiwarek alby tych, którzy będą oglądali kod naszej strony. Ciało dokumentu Jacek Tarasiuk
4 Notatki do wykładu zawiera wszystkie treści, które mają zostać wyświetlone. Dla wygody w kodzie strony można wykonywać wcięcia. Nie mają one wpływu na sposób wyświetlania strony. Zestawienie znaczników Szkielet Strony html Rozpoczyna dokument html. head body bgcolor background text link alink vlink Rozpoczyna nagłówek dokumentu. Typowe informacje umieszczane w nagłówku opisano w Dodatku A. Rozpoczyna sekcję treści dokumentu. Kolor tła. Obrazek umieszczony w tle. Kolor tekstu. Kolor odnośników. Kolor aktywnego odnośnika. Kolor użytego odnośnika. Znaczniki Sekcji HEAD title meta Tytuł strony. Informacje nagłówkowe (patrz Dodatek B). link styli. rel Odnośnik do zewnętrznego pliku najczęsciej zawierającego ikonę lub arkusz shortcut icon np: <link rel="shortcut icon" href="favicon.ico"> stylesheet np: <link rel="stylesheet" type="text/css" href="styles.css" /> base Adres bazowy serwisu. Formatowanie Tekstu p Otwiera paragraf. h1-h6 Definiuje nagłówek 1,..., 6 poziomu. br clear Przełamuje linię. Umieszcza elementy sąsiadujące poniżej linii przełamania. hr noshade size Wstawia poziomą kreskę odzielającą paragrafy. Bez cienia. Grubość linii. 2 Materiał publikowany na licencji Creative Commons
5 HTML i podstawy CSS Szerokość linii. pre Blok preformatowany. Szerokość bloku wyrażona w znakach. blockquote cite Wstawia blok cytatu. Źródło cytatu. q cite Cytat w obrębie linii. Źródło cytatu. address Formatowanie danych adresowych. center Centruje blok na stronie. div Definiuje blok w dokumencie. span Definiuje blok w linii tekstu. fieldset Tworzy obramowanie wokół grupy elementów. top, bottom, left, right legend Dodje tytuł do obramowania stworzonego przy użyciu fieldset. bdo dir Określa kierunek pisania tekstu. rtl lub ltr <!-- --> Komentarz. Czcionki i Kroje Pisma b Pogrubienie. i Pochylenie (italic). u Podkreślenie. tt Czcionka zbliżona do maszynowej (maszyna do pisania). strike Tekst przekreślony. sub Indeks dolny. sup Indeks górny. Jacek Tarasiuk
6 Notatki do wykładu big Zwiększenie rozmiaru czcionki. small cite Zmniejszenie rozmiaru czcionki. Czcionka tekstu cytowanego. dfn Czcionka tekstu definicji. del ins Tekst usunięty. Tekst wstawiony. acronym strong em code Akronim np. <acronym title="platforma Obywatelska">PO</acronym> Tekst silnie wyróżniony. Tekst wyróżniony. Linie kodu programu. kbd samp var font color face size basefont color face size Tekst wprowadzony z klawiatury. Tekst będący przykładem czegoś, próbką. Zmienne. Definiuje rodzaj czcionki. kolor rodzaj rozmiar Czcionka bazowa. kolor rodzaj rozmiar ul Listy compact type Lista nieuporządkowana. Zmniejsza odstępy między liniami. disc, round, circle, square li value type Element listy. Numer w liście numerowanej. disc, round, circle, square 4 Materiał publikowany na licencji Creative Commons
7 HTML i podstawy CSS ol compact type start Lista numerowana. Zmniejsza odstępy między liniami. Liczby arabskie, liczby rzymskie, litery. Liczba określająca początek numeracji. menu Lista zwierająca elementy menu. dir Lista katalogowa o elementach nie dłuższych niż 20 znaków. dl dt Lista definicyjna. Hasło listy definicyjnej. dd Objaśnienie definicji. Tabele table bgcolor border cellpadding cellspacing frame rules tbody v Tworzy w dokumencie tabelę. left, center, right Kolor tła. Grubość obramowania. Odległość obramowania od zawartości komórki. Odległość pomiędzy komórkami. above, below, hsides Sposób grupowania komórek. Szerokość tabeli. Przewijana część dużej tabeli. top, bottom, middle, baseline td bgcolor colspan height nowrap rowspan v Definiuje komórkę w tabeli. Kolor tła. Liczba połączonych komórek w poziomie. Wysokość komórki. Zakaz łamania wiersza w komórce. Liczba połączonych komórek w pionie. top, bottom, middle, baseline Szerokość komórki. th bgcolor colspan height nowrap rowspan v Definiuje komórke nagłówka w tabeli. Kolor tła. Liczba połączonych komórek w poziomie. Wysokość komórki. Zakaz łamania wiersza w komórce. Liczba połączonych komórek w pionie. top, bottom, middle, baseline Szerokość komórki. tr bgcolor Definiuje wiersz w tabeli. Kolor tła. Jacek Tarasiuk
8 Notatki do wykładu v top, bottom, middle, baseline caption Wstawia podpis tabeli. left, center, right thead Definiuje nagłówek tabeli. v top, bottom, middle, baseline tfoot v Definiuje stopkę w tabeli. top, bottom, middle, baseline Grafika i multimedia img alt src border height hspace ismap usemap vspace Wstawia do dokumentu obrazek. Alternatywny tekst dla obrazka. Adres wskazujący na obrazek. top, bottom, left, right Grubość obramowania. Wysokość obrazka. Odstęp w poziomie od tekstu. Podział obrazka na fragmenty będące odsyłaczami. Adres mapy odsyłaczy nałożonej na obrazek. Odstęp w pionie od tekstu. Szerokość obrazka. object archive border classid codebase codetype data declare height hspace name standby type usemap vspace param name type value valuetype Wstawia do dokumentu obiekt określonego typu. top, bottom, left, right Lista ładowanych zasobów Grubość ramki wokół obiektu Klasa obiektu Adres bazowy serwisu. Typ obiektu Dane obiektu Deklaracja obiektu Wysokość obiektu. Odstęp w pionie od tekstu. Nazwa obiektu. Tekst wyświetlany podczas ładowania. Typ danych. Mapa elementu. Odstęp w poziomie od tekstu. Szerokość obiektu. Określa parametry wstawianego obiektu. Nazwa parametru. Typ danych. Wartość. Typ wartości. a Odnośniki href Odnośnik wskazujący inne miejsce w: dokumencie, na stronie, w Internecie. Adres dokumentu. 6 Materiał publikowany na licencji Creative Commons
9 HTML i podstawy CSS name target Nazwa etykiety. _blank, _self, _top, _parent area href alt shape coords map id name Obszar mapy będący odnośnikiem. Adres bazowy. Tekst alternatywny. rect, circle, poly Współrzędne obszaru. Mapa będąca zbiorem odnośników. Identyfikator mapy. Nazwa mapy. Ramki frame Utworzenie ramki. frameborder Z ramką (1) lub bez ramki (0). marginheight Margines ramki w pionie. margin Margines ramki w poziomie. name Nazwa ramki. noresize Zakaz zmiany rozmiarów ramki. scrolling yes, no, auto src Adres dokumentu wstawianego w ramkę. frameset cols rows Definiuje szkielet ramek. Liczba ramek w pionie. Liczba ramek w poziomie. iframe top, bottom, left, right frameborder Z ramką (1) lub bez ramki (0). height Wysokość ramki. marginheight Margines ramki w pionie. margin Margines ramki w poziomie. name Nazwa ramki. scrolling yes, no, auto src Adres dokumentu wstawianego w ramkę. Szerokość ramki. noframes Tekst wyświetlany w przeglądarkach nieobsługujących ramek. Jacek Tarasiuk
10 Notatki do wykładu PROGRAM EZHTML 2 asdasd asdasd Ekran roboczy programu sdafsdfds dsfsdfsdf Menu programu dfsdfsdf dfsdfds Kilka porad praktycznych fsdfsdf dssdf 8 Materiał publikowany na licencji Creative Commons
11 HTML i podstawy CSS DODATEK A sdfsdf sdfsdf <meta http-equiv="content-type" content="text/html; charset=iso "> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name ="description" content="jakaś tam treść"> <meta name="keywords" content="jakieś wyrazy kluczowe"> <meta http-equiv="content-language" content="pl"> <meta name="author" content="imię i nazwisko"> <meta name="generator" content="nazwa edytora"> <meta http-equiv="expires" content="data i czas"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="refresh" content="x"> <meta http-equiv="refresh" content="x; URL= <meta http-equiv="creation-date" content="tue, 04 Dec :29:02 GMT"> <meta name="robots" content="dyrektywa"> dyrektywa: index, noindex, follow, nofollow Jacek Tarasiuk
HTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
Hyper Text Markup Language
Podstawy projektowania dokumentów WWW Język znaczników HTML Hyper Text Markup Language Język słuŝący do zapisu dokumentów WWW. Opisuje wygląd dokumentu i definiuje łączniki hipertekstowe, pozwalające na
Atrybuty znaczników HTML
Atrybuty znaczników HTML Atrybut Zastosowanie Opis Abbr Td, Th Skrót dla komórki nagłówkowej tabeli Accept Form, input Lista typów MIME dla wysyłanego pliku Accept-charset Form Lista obsługiwanych znaków
Programowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.
Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 26 lutego 2006 roku Czas trwania zajęć: 90 minut, przedmiot: TI Temat lekcji: Tworzenie strony internetowej
HTML podstawowe polecenia Szkielet dokumentu: HTML cd. Ramki, tabelki
HTML cd. Ramki, tabelki Ramki Umożliwiają wyświetlanie kilku niezależnych dokumentów w tym samym oknie w układzie pionowym, poziomym lub mieszanym. Wady: kłopotliwe drukowanie, konieczność zapanowania
Wprowadzenie 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
Ję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)
Odsyłacze. Style nagłówkowe
Odsyłacze ... polecenie odsyłcza do dokumentu wskazywanego przez url. Dodatkowym parametrem jest opcja TARGET="...", która wskazuje na miejsce otwarcia wskazywanego dokumentu, a jej parametrami
Podstawy (X)HTML i CSS
Inżynierskie podejście do budowania stron WWW momat@man.poznan.pl 2005-04-11 1 Hyper Text Markup Language Standardy W3C Przegląd znaczników Przegląd znaczników XHTML 2 Cascading Style Sheets Łączenie z
Najprostszy dokument HTML. <html> <body> Dowolny tekst. </body> </html>
HTML - podstawy HTML = Hyper Text Markup Language Plik HTML plik tekstowy zawierający elementy HTML definiowane przez znaczniki HTML Znaczniki HTML odpowiadają za interpretację informacji zawartych w pliku
TWORZENIE 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
Wykł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
zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >
tytuł dokumentu treść dokumentu
Struktura 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
Strony 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ę
Tworzenie Stron Internetowych. odcinek 5
Tworzenie Stron Internetowych odcinek 5 Nagłówek zawiera podstawowe informacje o dokumencie, takie jak: tytuł strony (obowiązkowy) metainformacje/metadane (obowiązkowa deklaracja
przygotował: mgr Szymon Szewczyk PODSTAWY
S t r o n a 1 PODSTAWY Każdy dokument musi być w całości zawarty między znacznikami - i (większość znaczników musi być odwołana ). Dokument HTML a składa się z dwóch części: - głowy
Tworzenie 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.
Tworzenie stron internetowych w kodzie HTML Cz 5
Tworzenie stron internetowych w kodzie HTML Cz 5 5. Tabele 5.1. Struktura tabeli 5.1.1 Odcięcia Microsoft Internet Explorer 7.0 niepoprawnie interpretuje białe znaki w komórkach tabeli w przypadku tworzenia
Zaawansowana 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
Przedmiot: 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
Podstawowe 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
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH. PODSTAWY JĘZYKA HTML (HyperText Markup Language)
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH PODSTAWY JĘZYKA HTML (HyperText Markup Language) 1. STRUKTURA DOKUMENTU HTML Dokument HTML jest zwykłym nie skonwertowanym tekstem, z tak zwanymi znacznikami
HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego.
HTML HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego. Dokument HTML to plik tekstowy, z ewentualnymi załącznikami, w którym znajduje się tekstowa treść przeplatana z rozkazami
Witryna internetowa. Należy unikać w nazwach plików używania polskich znaków.
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
Podstawy HTML. Tworzenie stron internetowych. Tomasz Piłka. Ucz się, jak gdybyś miał żyć wiecznie, żyj jak gdybyś miał umrzeć jutro
Tworzenie stron internetowych Ucz się, jak gdybyś miał żyć wiecznie, żyj jak gdybyś miał umrzeć jutro Św. Izydor z Sewilli Podstawy HTML Tomasz Piłka HTML historycznie HTML (Hypertext Markup Language)
Wykład 2 TINT. XHTML tabele i ramki. Zofia Kruczkiewicz
Wykład 2 TINT XHTML tabele i ramki Zofia Kruczkiewicz 1. Tabele 1.1. Przykład tabeli zawierającej kalendarz na miesiąc marzec ... definiuje tabelę Atrybuty: border ="" obramowanie tabeli,
Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2
Young Programmer: HTML+PHP Dr inż. Małgorzata Janik, Zajęcia #2 Ramowy program warsztatów Zajęcia 1: Zajęcia wprowadzające, HTML Zajęcia 2: Style CSS (tabele i kaskadowe arkusze stylów) Zajęcia 3: Podstawy
XHTML Budowa strony WWW
XHTML Budowa strony WWW Wydział Fizyki Politechnika Warszawska 2019 dr inż. Marzena Sala-Tefelska Założenie strony www na serwerze student 1. Tworzymy główny plik o nazwie index.html (plik tekstowy). UWAGA!:
Oczywiś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
Za pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco:
1 1. Ramki Najbardziej elastycznym sposobem budowania stron jest uŝycie ramek. Ułatwiają one nawigowanie w wielostronicowych dokumentach HTML, poprzez podział ekranu na kilka obszarów. KaŜdy z nich zawiera
Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM
Język (X)HTML Podstawowe znaczniki i parametry Szablon dokumentu (X)HTML
Wykład 2 Tabele i ramki 1. Tabele 1.1. Podstawy budowy tabel na stronach WWW
Wykład 2 Tabele i ramki 1. Tabele 1.1. Podstawy budowy tabel na stronach WWW Rys.1. Przykład prostej tabeli zawierającej kalendarz na miesiąc marzec ... definiuje tabelę Atrybuty: border
Witryny i aplikacje internetowe
Test z przedmiotu Witryny i aplikacje internetowe Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch
Wprowadzenie do HTML
Wprowadzenie do HTML Podstawowe elementy języka Nguyen Hung Son Wydział MIM Uniwersytetu Warszawskiego Warszawa 10.02.2001 p.1/22 Historia HTML HTML - (HyperText Markup Language) jest językiem przeznaczonym
e r T i H M r e n L T n
s e r T t w o i H M r e o T n w z n L Podstawy 1. Nawigacja na stronie jest niezwykle istotna, powinna być możliwie jak najprostsza. Pamiętajmy, że im mniej kroków do celu tym lepiej. 2. Projekt graficzny
Akademia Techniczno-Humanistyczna w Bielsku-Białej
Akademia Techniczno-Humanistyczna w Bielsku-Białej Wydział Budowy Maszyn i Informatyki Laboratorium z sieci komputerowych Ćwiczenie numer: 8 Temat ćwiczenia: Tworzenie stron WWW (HTML, skrypty CSS). 1.
Języki programowania wysokiego poziomu. HTML cz.1.
Języki programowania wysokiego poziomu HTML cz.1. Struktura dokumentu html Dokument HTML ma postać:
Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>
Tabele Autorem niniejszego skryptu jest dr inż. Robert Kolud Tabele w HTML to nie tylko praktyczny sposób na przedstawianie zestawień informacji. Znacznie częściej jednak tabele są wygodnym narzędziem
uż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
Tworzenie stron internetowych w kodzie HTML Cz 7
Tworzenie stron internetowych w kodzie HTML Cz 7 7. Ramki 7.1. Wstęp Przykład: Oto przykładowy wygląd strony startowej ramek: PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">
Wybrane znaczniki HTML
Wybrane znaczniki HTML Struktura dokumentu HTML informacje o dokumencie i plikach zewnętrznych zawartość wyświetlana w przeglądarce wraz z tagami formatującymi
Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.
JĘZYK - HTML Hipertekst - możliwośd przechodzenia między różnymi fragmentami tego samego lub różnych dokumentów, które zostały ze sobą powiązane. Jest systemem odnośników (tzw. Skrótów), działających na
PROGRAMOWANIE. 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
Format 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
Informatyka i Ekonometria Informatyka ekonomiczna Ćwiczenia Usługi sieciowe. Tworzenie serwisów internetowych.
Kierunek: Przedmiot: Forma zajęć: Temat: Informatyka i Ekonometria Informatyka ekonomiczna Ćwiczenia Usługi sieciowe. Tworzenie serwisów internetowych. KORZYSTANIE Z USŁUG SIECIOWYCH Przesyłanie plików
Podstawy 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
Tworzenie stron internetowych RAMKI
Tworzenie stron internetowych RAMKI RAMKI Ramka to zdefiniowana część okna przeglądarki, której to części przypisano właściwości takie jak całemu oknu. ramka może być przewijana niezależnie od pozostałej
Znaczniki języka HTML
www.math.uni.lodz.pl/ radmat Elementy inline ... Elementy inline ... ... Elementy inline ... ... ... Elementy inline
Kurs HTML 4.01 TI 312[01]
![Kurs HTML 4.01 TI 312[01]](/thumbs/24/2176096.jpg "Kurs 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
Programowanie 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
Wprowadzenie do HTML, CSS, JavaScript, PHP. Kurs 18.11 2008 22 12. 2008
Wprowadzenie do HTML, CSS, JavaScript, PHP Kurs 18.11 2008 22 12. 2008 Narzędzia do tworzenia i utrzymania dokumentów web owych Edytory HTML Server WWW i baz danych Przeglądarka internetowa kompilator
Można też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable
W zadaniach można używać programu Notepad++ (jest wygodny, ponieważ m.in. koloruje składnię i uzupełnia funkcje) albo też jakiegoś innego edytora zainstalowanego w systemie (np. notatnika). Najnowszą,
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE 1. TABELE 1.1. Definicja tabeli Definicja tabeli musi być umieszczona między znacznikami. W ich ramach umieszczane są definicje rzędów
XHTML - 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).
Można też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable
W zadaniach można używać programu Notepad++ (jest wygodny, ponieważ m.in. koloruje składnię i uzupełnia funkcje) albo też jakiegoś innego edytora zainstalowanego w systemie (np. notatnika). Najnowszą,
HTML 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:
ABC 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
Tutorial. HTML Rozdział: Ramki
Autor: Mateusz Wojtyna Opis ogólny Tutorial HTML Rozdział: Ramki Ramki są bardzo pomocnym narzędziem przy tworzeniu strony internetowej jeżeli na przykład chcemy stworzyć sobie menu wszystkich podstron
Elementy podstawowe. Dodatek: Elementy języków HTML i XHTML. Dodał Administrator piątek, 23 lipiec :15. Element. Przykład. Opis. <?xml?
Elementy podstawowe Element Przykład Określa, że plik HTML jest złożony zgodnie z regułami języka XML (a więc jest plikiem XHTML). Jednocześnie wstępnie ok
HTML/XHTML. dr Beata Kuźmińska-Sołśnia
HTML/XHTML dr Beata Kuźmińska-Sołśnia HTML (ang. Hypertext Markup Language) hipertekstowy język znaczników HTML pozwala na formatowanie tekstu, kreślenie linii, dołączanie grafiki, dźwięków i filmów wideo
HTML informacje podstawowe
HTML informacje podstawowe HTML to język hipertekstowego znakowania (Hypertext Markup Language), który stanowi ustanowioną przez konsorcjum World Wide Web Consortium (W3C) specyfikację nakreślającą postać
Laboratorium 1: Szablon strony w HTML5
Laboratorium 1: Szablon strony w HTML5 Czas realizacji: 2 godziny Kurs: WYK01_HTML.pdf, WYK02_CSS.pdf Pliki:, Edytor: http://www.sublimetext.com/ stabilna wersja 2 (portable) Ćwiczenie 1. Szablon strony
HTML kurs podstawowy. nagłówek, linia pozioma, obraz, img, ramka, div, tabela, tabel, lista
HTML kurs podstawowy Wykład: język znaczników, atrybuty, XML, XHTML, rodzaje znaczników, wybór edytora, struktura dokumentu, head, title, body, kodowanie, utf-8, iso-8859-2, meta, link, akapit, font, color,
Specyfikacja techniczna dot. mailingów HTML
Specyfikacja techniczna dot. mailingów HTML Informacje wstępne Wszystkie składniki mailingu (pliki graficzne, teksty, pliki HTML) muszą być przekazane do melog.com dwa dni albo maksymalnie dzień wcześniej
Tekst humanistyczny. Tekst naukowy na stronie www
Tekst naukowy na stronie www W tej lekcji zostaną pokazane przykłady wprowadzania tekstu naukowego na stronę www. Ta umiejętność jest bardzo przydatna dla każdego nauczyciela, który zechce publikować na
za 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
..:: Kurs języka XHTML ::..
..:: Kurs języka XHTML ::.. Wstęp Co to jest XHTML? XHTML (extensible HyperText Markup Language) to język hipertekstowy używany do tworzenia dokumentów czyli stron internetowych. Polecenia tekstowe (znaczniki
Tabela z komórkami nagłówkowymi (wyróżnionymi)
Tabela z komórkami nagłówkowymi (wyróżnionymi) Nagłówek poziomy ... ... Nagłówek pionowy ... ... Tytuł tabeli tytuł tabeli... gdzie
Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW)
Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW) Określa pojęcia dotyczące prezentacji. Projektuje i wykonuje prezentację multimedialną
Konspekt do lekcji elementy informatyki dla klasy 4e Liceum Ogólnokształccego
mgr Tomasz Grbski Konspekt do lekcji elementy informatyki dla klasy 4e Liceum Ogólnokształccego Temat lekcji: Podstawy jzyka HTML. Czas trwania: 45 minut Cel ogólny: poznanie budowy i najwaniejszych polece
Edukacja 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
2 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
Tworzenie Stron Internetowych. odcinek 5
Tworzenie Stron Internetowych odcinek 5 Nagłówek zawiera podstawowe informacje o dokumencie, takie jak: tytuł strony (obowiązkowy) metainformacje/metadane (obowiązkowa deklaracja
Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).
Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06 Moduł 4. Style Zajęcia poświęcone będą kaskadowym arkuszom stylów (por. slajdy 18.-27. z wykładu 2.) Wiele uwagi poświęcaliśmy do tej pory planowaniu szkieletu
I. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Ćwiczenie 2 Tekst podstawowe znaczniki.
Ćwiczenie 2 Tekst podstawowe znaczniki. Ćwiczenie 2 poświęcone jest formatowaniu tekstu za pomocą znaczników. AŜeby uzyskać poŝądany wygląd tekstu musimy posłuŝyć się określonymi znacznikami. Ćwiczenie
Systemy internetowe HTML
Systemy internetowe HTML West Pomeranian University of Technology, Szczecin; Faculty of Computer Science Kwestie organizacyjne Obecność na wykładach nieobowiązkowa Obecność na laboratoriach obowiązkowa
Jacek Wiślicki Systemy Multimedialne, wykład 0
Spis treści 1. Co to jest HTML?..2 2. Struktura strony i znaczniki..2 3. Podstawowe elementy. 3 3.1. Nagłówki..3 3.2. Akapity..3 3.3. Komentarze.3 3.3. Listy 3 3.3.1. Listy numerowane. 3 3.3.2. Listy wypunktowane
HTML ciąg dalszy. Listy, formularze
HTML ciąg dalszy Listy, formularze Listy Służą do prezentacji treści w postaci wypunktowania: numerowanego nienumerowanego definicji Możliwe jest zagnieżdżanie list zarówno tego samego, jak i różnych typów
Justyna 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
Podstawy 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.
TECHNOLOGIE SIECI WEB
TECHNOLOGIE SIECI WEB Prowadzący: dr inż. Jan Prokop, e-mail: jprokop@prz.edu.pl, Politechnika Rzeszowska, Wydział Elektrotechniki i Informatyki LABORATORIUM ĆWICZENIE nr 1 Temat: Język (X)HTML - Layout
Technologie Informacyjne
Technologie Informacyjne Wykªad 6 Paweª Witkowski MIM UW Wiosna 2013 P. Witkowski (MIM UW) Technologie Informacyjne Wiosna 2013 1 / 18 HTML HyperText Markup Language J zyk oparty na znacznikach Opisuje
I. 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:
HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych
HTML HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie sposobu wizualnej prezentacji dokumentu w przeglądarce
HTML. Barbara Kołodziejczak
HTML HTML (ang. Hyper Text Markup Language, pl. hipertekstowy język znaczników), to język składający się ze znaczników (ang. tags) oraz reguł ich poprawnego stosowania (gramatyki, syntaktyki), stosowany
Nazwa implementacji: CSS i box model. Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie.
Nazwa implementacji: CSS i box model Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie. Wprowadzenie CSS (kaskadowe arkusze stylów, ang. Cascading
Cel 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
Pierwsza strona internetowa
HTML i CSS Pierwsza strona internetowa Rozpoczynając pracę na swoim komputerze powinieneś posiadać: dowolny edytor tekstowy (np. Notatnik), dostęp do Internetu, Microsoft Visual Studio. Podstawy formatowania
Elementarz HTML i CSS
Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych 1 Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych Treść, korekta, skład i oprawa graficzna
HTML jak zrobić prostą stronę www
HTML jak zrobić prostą stronę www Z tej prezentacji dowiemy się: - co to jest HTML - jak znając podstawy HTML'a zrobić prostą stronę Co to jest HTML? HTML = HyperText Markup Language, czyli język znaczników
HTML KROK PO KROKU WSTĘP 2 EDYTOWANIE TEKSTU 4 HIPERLINKI 5 TABELE 7 MULTIMEDIA 8
HTML KROK PO KROKU WSTĘP 2 EDYTOWANIE TEKSTU 4 HIPERLINKI 5 TABELE 7 MULTIMEDIA 8 WSTĘP Ten kurs dedykuje zarówno dla osób zupełnie "zielonych, jeśli chodzi, o html'a które chcą tą wiedze zdobyć jak i
Język HTML. Zasady nazywania i zapisywania plików: Struktura dokumentu: HyperText Markup Language, czyli język hipertekstowy.
Język HTML Zasady nazywania i zapisywania plików: Nazwa pliku nie powinna zawierać znaków specjalnych typu: - polskie litery (tzw. ogonki): ĘęÓ󥹌śŁłŻżŹźĆćŃń - puste znaki (spacja) zastępujemy je innymi
www.fwrl.pl/szkolenie
STRONA www.fwrl.pl/szkolenie MS WORD HTML HTML i dostarczają informację dla silnika przeglądarki o tym jak ma być zbudowana i wyświetlona strona HTML HTML HTML (warstwa logiczna co i gdzie ma być) (wastwa