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>