Podstawy Informatyki PRZEMYSŁAW SOŁTAN email: [email protected]

07.09.2002

HTML 2

..ML - Markup Language SGML

HTML XML

XHTML

SGML (Standard Generalized Markup Language) HTML (HyperText Markup Language) XML (Extensible Markup Language) XHTML (Extensible HTML) 3

Budowa znaczników

... Treść

Znacznik końcowy

Nazwa atrybutu

Wartość

Znacznik początkowy

HTML nie wymusza zamykanie wartości ... atrybutów w cudzysłowy, czy w apostrofy, ale jest to wskazane. 4

Zagnieżdzanie znaczników ... ... • Zalecenie: Nie powinno się zamykać elementu zewnętrznego, dopóki nie zostanie zamknięty element wewnętrzny 5

Wielkość liter nazw znaczników ... ... • Zalecenie: Znacznik zamykający powinien mieć taką samą nazwę jak znacznik otwierający (z uwzględnieniem wielkości liter) 6

Znacznik otwierający i zamykający

Stosowanie tylko znaczników początkowych jest dopuszczalen, ale zostało zabronione w XML’u

• Walidacja dokumentów • Wzrost wydajności przetwarzania • Mniejszy silnik (engine) przeglądarek do obsługi XML (w porównaniu z HTML) 7

Dodawanie komentarzy • Brak możliwości zagnieżdżania komentarzy

8

HTML html

head

body

title

h1

b

Tytuł

Nagłówek

Tekst

Nagłówek

Tekst 9

HTML html

head

body

title

h1

b

Tytuł

Nagłówek

Tekst

Informacje o dokumencie

Widok dokumentu powiązany z treścią Dokument HTML 10

HTML - znacznik html

head

body

title

h1

Tytuł Informacje o dokumencie

font

b

Tekst

Color=„red”

Nagłówek Widok dokumentu powiązany z treścią Dokument HTML

11

HTML - znacznik
<nobr>

12

HTML - znacznik

13

HTML - znacznik <sub> <sup>

14

HTML - znacznik <pre>

15

HTML - znacznik

16

HTML - znacznik

---

17

HTML - znacznik

18

HTML - znacznik

#000000 – kolor czarny #FFFFFF- kolor biały

Nasycenie poszczególnych składowych kolorów RGB (zakres 0-255) ($00-$FF)

#FFFF80 19

HTML - znacznik

Naciśnięcie odnośnika powoduje otwarcie nowej strony w tym samym oknie Sprawdź działanie odnośników: Link Link 20

HTML - znacznik

http:// ftp:// mailto:

21

HTML - znacznik

Klawisz TAB można umożliwia przemieszczanie się pomiędzy poszczególnymi odnośnikami 22

HTML - znacznik

23

HTML - znacznik


24

HTML – znacznik

25

HTML – znacznik

26

HTML – znacznik

27

HTML – znacznik

28

HTML – znacznik

29

CSS - znacznik <style> html

style

head

body

title

h1

b

Tytuł

Nagłówek

Tekst

TYPE="text/css"



Widok dokumentu powiązany z treścią

Informacje o dokumencie + styl wewnątrz dokumentu Dokument HTML

30

CSS - znacznik <style>

31

CSS - znacznik html

link REL=STYLESHEET TYPE="text/css" HREF=”AdresPliku” TITLE=”NazwaStylu">

head

body

title

h1

b

Tytuł

Nagłówek

Tekst

H1 { color: red }

Widok dokumentu powiązany z treścią Informacje o dokumencie + link do pliku ze stylem dokumentu Dokument HTML

Dokument CSS

32

CSS - znacznik

33

---

Related Documents


Html
November 2019 38

Html
June 2020 22

Html
December 2019 41

Html
November 2019 39

Html
November 2019 35

Html
May 2020 27

Copyright © 2024 PDFCOKE.