Całość notatek w wersji PDF dostępna TUTAJ.

Transkrypt

Całość notatek w wersji PDF dostępna TUTAJ.
Język HTML (skrót):
Strona HTML składa się z tekstu interpretowanego przez przeglądarkę oraz znaczników (pisanych wielkimi lub małymi
literami) umożliwiających formatowanie tego tekstu:
Wyświetlany tekst znajduje się pomiędzy znacznikami <body> a </body>
<b> Tekst pogrubiony </b>, <i> tekst pochylony </i>, <u> tekst podkreślony </u>, <blink> tekst migoczący</blink>,
<s> tekst przekreślony </s>, <EM> tekst wyróżniony </EM>, <STRONG> tekst mocno wyróżniony </STRONG>,
<SUP> indeks górny </SUP>, <SUB> indeks dolny </SUB>,
praktycznie wszystkie znaczniki możemy łączyć:
<u><b><i> tekst pozmieniany </i></b></u> aby przejść w html’u do nowej linii używamy <br>
Paragrafy: <p align="left"> treść paragrafu do sformatowania</p> dozwolone opcje align=[left, right ,center, justify]
Nagłówki <hN> treśc nagłówka </hN> dozwolone wartosci N- 1..6 np. <h4></h4> pozwalaja na ustalanie domyślnych
nagłówków
Czcionki <FONT SIZE="N" COLOR="kolor" FACE="rodzaj"> tekst napisany daną czcionką </FONT> poszczegóne
parametry w definicji oznaczają N- rozmiar czcionki 1..7, COLOR kolor czcionki (nazwa np. RED albo numerem
oznaczającym konkretny kolor),
FACE- nazwę czcionki (np. "Courier New") uwaga jeżeli dana osoba nie posiada wybranej czcionki w systemie zostanie ona
u niej wyświetlona czcionką domyślną (np. Times New Roman)
Obrazki <img src="ścierzka do pliku " width="X" height="Y" border="A"> X–szerokość Y wysokość A- Obramowanie
Szerokość i wysokość pozwalają na przeskalowanie obrazka ale uwaga nie zmienia to jego rozmiaru miniatury wykonujemy
inaczej.
Odnośniki: do etykiet :<A HREF=" ścieżka dostępu# nazwa_etykiety">Opis_etykiety</A> spowoduje przeniesienie na
stronę ścieżka dostępu do etykiety o nazwie nazwa_etykiety a odnośnik będzie miał nazwę Opis_etykiety. Etykieta musi być
zdefiniowana poprzez podanie <A NAME=" nazwa_etykiety "> Opis_etykiety</A> nazawa musi być identyczna jak nazwa
którą potem wykorzystujemy w HREF wliczając w to wielkość liter.
stron, <A HREF="http://adres strony"> opis </A> adres musi zawierać http:// inaczej zostanie błędnie zinterpretowany.
pod stron <A TARGET="_blank" HREF="./adres">opis</A> opcja target pozwala na zdefiniowanie w którym oknie ma
nastąpić otwarcie strony do HREF przypisana jest względna ścieżka do strony którą zamierzamy otworzyć. Opis – to opis.
adresów mailowych. <A HREF="mailto:pierwszy adres e-mail;drugi adres e-mail;trzeci adres e-mail?subject=tytuł
listu&cc=adres e-mail gdzie wysłać kopię&bcc=adres e-mail gdzie wysłać ukrytą kopię&body=tutaj wpisz treść
listu">opis</A>
mailto: - adresy gdzie będzie wysłana wiadomość, subject:- temat listu, cc - adresy gdzie będzie wysłana kopia wiadomość
bcc: - adresy gdzie będzie wysłana ukryta kopia wiadomość body – domyślna treść wiadomości. Uwaga istnieje
niebezpieczeństwo złego zakodowania polskich znaków. Wszystkie parametry można oczywiście zmieniać już po otwarciu
programu pocztowego.
Tabele <TABLE><TR> <TD>komórka1</TD> <TD>komórka2</TD></TR>
<TR><TD>komórka3</TD> <TD>komórka4</TD></TR></TABLE>
<TR> oznacza nowy wiersz <TD > poszczególne komórki (we wszystkich wierszach musi być jednakowa ilość komórek),
aby otrzymać wiersz z mniejszą ilością komórek niż w innych wierszach stosujemy: <TD COLSPAN="2">, analogicznie
robimy z komórkami w wierszu ROWSPAN="2" dodatkowo definiując tabele możemy ustalić parametry każdej komórki
np.:
<TD BGCOLOR="#6090C0" WIDTH="150" HEIGHT="70" ALIGN="left" VALIGN="top">
BGCOLOR – kolor tła komórki, WIDTH – szerokość komórki, HEIGHT –wysokość komórki Align – położenie poziome
tekstu, VALIGN – (pionowe).
Obramowanie i marginesy komórek <TABLE BORDER= 10 CELLSPACING="12"> BORDER- obramowanie
CELLSPACING – margines.
Komórki Nagłówkowe <TH> nagłówek </TH> jako komórka nagłówkowa może zostać zdefiniowana dowolna komórka w
tabeli i obowiązują ją te same metody edycji.
Parametry tabeli możemy też ustalać globalnie dla całej tabeli np: <TABLE WIDTH="50" HEIGHT="150"
ALIGN="center" >.
Tło obrazkowe można użyć dla całej tabeli np.: <TABLE BACKGROUND="ścieżka dostępu">...</TABLE> albo dla
pojedynczej komórki <TD BACKGROUND="ścieżka dostępu">...</TD>
Blokada zawijania wierszy jest osiągana w tabelach poprzez wykorzystanie <TD NOWRAP>...</TD> dzięki czemu
możemy w komórkach umieszczać długie wiersze.
Łączenie całych wierszy uzyskujemy inaczej niż łączenie komórek stosując
<TABLE> <TBODY>
<TR>...</TR>
</TBODY>
</TABLE>
parametr ten również może posiadać modyfikatory koloru i tła np.: BGCOLOR="kolor"
Łączenie całych kolumn
<TABLE> <COLGROUP SPAN="x">
<TR>...</TR> </TABLE>
Multimedia – <EMBED SRC="ścieżka dostępu do pliku"> osadza plik multimedialny (film lub audio) aby plik udało się
odtworzyć przeglądarka musi posiadać odpowiedni plugin.
Ramki - <FRAMESET COLS="180,*" BORDER="0" FRAMEBORDER="0" FRAMESPACING="0">
<FRAME NAME="spis" NORESIZE FRAMEBORDER="0" SRC="./spis.html">
<FRAME NAME="strona" NORESIZE FRAMEBORDER="0" SRC="./w1.html">
<NOFRAMES><A HREF="./spis.html">Kurs </A></NOFRAMES>
</FRAMESET> FRAMESET – definiuje strukturę ramek, FRAME definiuje konkretna ramkę. Bardzo ważny jest parametr
NAME – określa nazwę ramki pomocą przy późniejszym wczytywaniu do ramki stron. Odbywa się to w następujący sposób:
<A TARGET="strona" HREF="./home.html">Strona główna</A><BR> parametr TARGET – określa ramkę docelową do
której należy wgrać stronę
Przewijanie fragmentu strony <marquee bgcolor="#00000fff" scrollamount="1" scrolldelay="1" loop="1"></marquee>