Języki programowania - HTML i CSS

Czym jest HTML

Języki, w których nie da się realizować obliczeń, w tym języki znaczników, nie są uznawane za języki programowania. Zatem HMTL nie jest językiem programowania. Czym więc jest HTML ?
HTML - (HyperText Markup Language) to hipertekstowy język znaczników. Jest on powszechnie wykorzystywany do tworzenia dokumentów hipertekstowych tj. takich, które są ze sobą powiązane hiperłączami. Przy pomocy HTML tworzona jest struktura dokumentu złożona z elementów (liniowych, blokowych). Dokument hipertekstowy, oprócz tekstu, zawiera także znaczniki, które ten tekst opisują, np. określają rolę, znaczenie lub formatowanie danego tekstu w dokumencie.

Jak stworzyć stronę w HTML?

Jak stowrzyć swoją pierwszą stronę w HTML? To bardzo proste,wystarczy że utworzysz nowy notatnik i zaczniesz w nim pisać. Najlepiej jednak zacząć swoją naukę z HTML przy pomocy jednego z edytorów które możemy znaleźć w internecie, np. Bluefish,Notepad++,itp. Pewnie zapytacie się który z edytorów będzie najlepszy? To zależy od upodobania. Dlaczego łatwiej jest uczyć się HTML za pomocą edytora?

Każdy dobry edytor HTML posiada:

Kolorowanie Składni - oznacza to, że jeśli wpiszemy poprawny znacznik, jego składnia przyjmie określony kolor. Dzięki temu od razu zobaczysz wszystkie błędy. Między innymi kolorowaniem składni różnią się edytory od notatnika,dlatego lepiej zacząć naukę przy pomocy edytorów.
Automatyczne zamykanie znaczników - polega na automatycznym dopisaniu przez program odpowiedniego znacznika zamykającego, zaraz po tym jak wpiszemy znacznik otwierający.


Jeżeli wiemy już jaki edytor wybrać to wystarczy go uruchomić i pora napisać pierwszą stronę. Najprostsza strona w HTML w edytorze będzie miała postać: 

						<!DOCTYPE html>
						<html>
							<head>
							<title>Tytuł strony</title>
							</head>
							<body>Treść strony</body>
						</html>

<!DOCTYPE> określa format strony oraz informuje jakich standardów dana strona przestrzega. Jak widać powyżej, każda strona w HTML powinna także posiadać dwie części – head i body. W pierwszej części,czyli w <head> znajdują się informacje o tytule strony, kodowaniu strony (w jakim języku została napisana), co ta strona zawiera. Tytuł strony jest umieszczony pomiędzy znacznikami <title> i jest wyświetlany na pasku tytułu przeglądarki.
Natomiast w drugiej częsci <body> umieszcza się zawartość strony, czyli informacje, co się na tej stronie znajduje – nagłówki, akapity, menu, listy, odnośniki, zdjęcia. To co znajdzie się pomiedzy znacznikami <body> nie będzie posiadać żadnego wyglądu,dlatego też użyjemy Kaskadowych arkuszy styli (CSS)

Czym jest CSS

Kaskadowe arkusze stylów (CSS) - jest to język służący do wyświetlania stron WWW. Arkusz stylów CSS to lista zasad ustalających w jaki sposób ma zostać wyświetlana przez przeglądarkę internetową zawartość wybranego elementu. Za pomocą tego możemy zmienić kolor wyświetlanego tekstu ,dodać marginesy, zmienić kolor tła strony,możemy również zmieniać pozycje elementów.
Reguły występujące w arkuszu stylów skladają się z selektora i deklaracji.Selektor określa grupę elementów ,którego ma dotyczyć deklaracja. Deklaracja określa formatowanie i składa się z nazwy jednej z właściwości. 

						selektor { właściwość: wartość }

Aby taki arkusz styli dołączyć do naszej strony musimy w sekcji <head> dodać informacje o nim. Należy wpisać:

						<link rel="stylesheet" href="nazwa_arkusza.css" >

Kontakt:
Bartelo-Industry, 21-200, Parczew
ul. 11 Listopada
tel./kom.: 503 036 012
e-mail: bartek.olek123@wp.pl