pobierz plik

Transkrypt

pobierz plik

1
Podstawy HTML
<NAZWAZNACZNIKA>tekst</NAZWAZNACZNIKA>
<NAZWAZNACZNIKA ATRYBUT="wartość">tekst</NAZWAZNACZNIKA>
2. Struktura dokumentu
<HTML>
<HEAD>
...
</HEAD>
<BODY>
...
</BODY>
</HTML>
3. Nagłówek strony
<TITLE>Moja pierwsza strona</TITLE>
•
kodowanie znaków;
<META HTTP-EQUIV="content-type" CONTENT="text/html;
charset=iso-8859-2">
•
opis strony;
<html>
1. Składnia języka
<META NAME ="Description" CONTENT="treść opisująca stronę">
•
słowa kluczowe;
<META NAME="Keywords" CONTENT="jakieś wyrazy kluczowe">
•
autor strony;
<META NAME="Author" CONTENT="imię i nazwisko">
4. Formatowanie tekstu
4.1 Nagłówki
<H1>Nagłówek</H1>
4.2 Akapity
<P>...</P>
4.3 Listy
Listy numerowane
<P>Lista numerowana</P>
<OL>
<LI>Pierwszy element listy.
<LI>Drugi element listy.
<LI>Trzeci element listy.
</OL>
Andrzej Mazur – [email protected]
2
Listy wypunktowane
<P>Rodzaje list</P>
<UL>
<LI>lista numerowana
<LI>lista wypunktowana
<LI>lista definicji
</UL>
Listy zagnieŜdŜone
<P>Urządzenia peryferyjne</P>
<UL>
<LI>Monitor
<LI>Drukarka
<UL>
<LI>Atramentowa
<LI>Laserowa
<LI>Igłowa
<LI>Termiczna
</UL>
<LI>Klawiatura
<LI>Myszka
</UL>
<html>
Podstawy HTML
Urządzenia peryferyjne
4.4 Komentarze

4.5 Style znaków
Tabela 1 - Znaczniki formatowania logicznego
Znacznik
Znaczenie
<EM>...</EM>
Tekst wyświetlony najczęściej kursywą
<STRONG>...</STRONG> Tekst najczęściej pogrubiony
•
•
•
•
Monitor
Drukarka
o Atramentowa
o Laserowa
o Igłowa
o Termiczna
Klawiatura
Myszka
<CODE>...</CODE>
Tekst objęty taką parą znaczników to fragment kodu i powinien być
wyświetlony czcionką o stałej szerokości.
<SAMP>...</SAMP>
Tekst przykładowy, wyświetlony podobnie do <CODE>
<KBD>...</KBD>
Tekst powinien być wpisany przez uŜytkownika z klawiatury.
<VAR>...</VAR>
Nazwa zmiennej. Wyświetlany kursywą lub podkreślony.
<DFN>...</DFN>
Znacznik definicji. Oznacza słowo, które będzie lub zostało
zdefiniowane.
<CITE>...</CITE>
Oznaczanie krótkich cytatów.
źródło: materiały własne
3
Podstawy HTML
Znacznik
Znaczenie
<B>...</B>
Pogrubienie
<I>...</I>
Kursywa
<TT>...</TT>
Czcionka maszynowa
<U>...</U>
Podkreślenie (zarzucony w wersji 4.0)
<S>...</S>
Przekreślenie (zarzucony w wersji 4.0)
<BIG>...</BIG>
Czcionka większa od reszty tekstu
<SMAL>...</SMAL> Czcionka mniejsza od reszty tekstu
<SUB>...</SUB>
Indeks dolny
<SUP>...</SUP>
Indeks górny
źródło: materiały własne
4.6 Tekst preformatowany
<PRE>
Lp. Nazwisko
Imię
Kwota
-------------------------------------1. Abramowicz
Paweł
150,00 zł
2. Dominik
Agata
160,00 zł
3. Gaj
Marek
140,00 zł
4. Nowak
Maria
125,00 zł
5. Stefański
Adam
170,00 zł
</PRE>
4.7 Linie poziome
<HR>
4.8 Łamanie linii
<BR>
[...W malinowym chruśniaku, przed ciekawych wzrokiem
Zapodziani po głowy, przez długie godziny
Zrywaliśmy przybyłe tej nocy maliny.
Palce miałaś na oślep skrwawione ich sokiem.
Bąk złośnik huczał basem, jakby straszył kwiaty,
Rdzawe guzy na słońcu wygrzewał liść chory,
Złachmaniałych pajęczyn skrzyły się wisiory,
I szedł tyłem na grzbiecie jakiś Ŝuk kosmaty...]
B. Leśmian
<html>
Tabela 2 - Znaczniki formatowania fizycznego
4
Podstawy HTML
<ADDRESS>...</ADDRESS>
[email protected] Andrzej Mazur
Stowarzyszenie Komputer i Sprawy Szkoły - KISS
ul. Raciborska 3
40-074 Katowice
4.10 Cytaty
<BLOCKQUOTE>...</BLOCKQUOTE>
W twoje cudne...oczy...
W twoje cudne, cudne, cudne oczy
kiedy patrzy: wstrzymuje się słońce,
i dziwuje im się kwiat na łące
i czar idzie z niebieskich roztoczy
w twoje cudne, cudne, cudne oczy.[...]
Kazimierz Przerwa-Tetmajer
4.11 PołoŜenie tekstu na stronie
<html>
4.9 Adresy
<H1 ALIGN="center">KISS</H1>
<H3 ALIGN="center">Stowarzyszenie Komputer i Sprawy Szkoły</H3>
<P ALIGN="center">ul. Raciborska 3<BR>
40-074 Katowice</P>
<DIV ALIGN="left">
<H1>KISS</H1>
<H3>Stowarzyszenie Komputer i Sprawy Szkoły</H3>
<P>ul. Koszarowa 6a<BR>
40-158 Katowice</P>
</DIV>
4.12 Czcionki i jej rozmiar
<FONT face="Arial, Helvetica">
<FONT SIZE="7" FACE="Arial">Czcionka o rozmiarze 7</FONT>

pobierz plik

Transkrypt

Podobne dokumenty

Wniosek członkowski cz. I dane obowiązkowe

August Kiss

Jak poznawać to, co wydaje się być poznane? Dwie ważne prace o

Kurzętnik, 25

kiss interaction - polaczenie doskonalych cech

typografia

Marcin Aptekorz [0,0B]

Potrzebne polecenia

take five