HTML5

HTML – KURS PODSTAWY

HTML5

Podobny obraz

HTML5 – język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest rozwinięciem języka HTML 4 i jego XML-owej odmiany (XHTML 1), opracowywane w ramach prac grupy roboczej WHATWG (Web Hypertext Application Technology Working Group) i W3C.

HTML nie jest językiem programowania; jest językiem znaczników (ang. markup language). HTML składa się z serii znaczników (tagów), których używa się do zamknięcia, opakowania różnych części treści, tak aby wyglądały i/lub działały w określony sposób. Z pomocą tagów możesz ze słów czy obrazów zrobić linki do innych stron, sprawić by były napisane kursywą, większą czcionką, wytłuścić je itd. Na przykład weźmy poniższą treść:

<p> Witaj na naszej pierwszej stronie </p>

// Podstawowy KOD HTML
<!DOCTYPE html> 
<html>
  <head>
    <meta charset="utf-8">
    <title>Moja strona testowa</title>
  </head>
  <body>
    <img src="images/firefox-icon.png" alt="Obrazek"> //zdjecie
  </body>
</html>
  <!DOCTYPE html> — doctype czyli typ dokumentu. Dawno temu, gdy HTML był jeszcze młody (około 1991/2 roku), doctypy miały działać jako linki do zestawu reguł, których strona HTML musiała przestrzegać, aby była uważana za poprawną HTML, co mogło służyć do automatycznego sprawdzania błędów i innych przydatnych rzeczy. Jednak w dzisiejszych czasach nikt nie dba o nie, a tak naprawdę jest tylko historycznym artefaktem, który trzeba uwzględnić, aby wszystko działało dobrze. Na razie to wszystko, co musisz wiedzieć.
 element <html> zawiera całą treść strony i czasem nazwany jest elementem bazowym (ang. root element). Wskazuje, gdzie zaczyna i kończy się kod HTML. 
element <head> to tzw. nagłówek strony. Ten element działa jak kontener dla wszystkich elementów, które chcesz umieścić na stronie HTML, ale nie treści, które wyświetlasz przeglądającym twoją stronę. Obejmuje to takie rzeczy jak {Glossary("keyword", "keywords")}} i opis strony, który ma się pojawiać w wynikach wyszukiwania, styl CSS, stylowanie naszej treści, deklaracje zestawu znaków, użytych skryptow i inne.
element <body>. Zawiera całą zawartość, która ma być wyświetlana użytkownikom internetowym podczas odwiedzania Twojej strony, niezależnie od tego, czy chodzi o tekst, obrazy, wideo, gry, odtwarzalne ścieżki dźwiękowe czy cokolwiek innego.
<meta charset="utf-8"> — ten element ustawia zestaw znaków, którego twój dokument powinien używać do wyświetlenia treści strony. W tym wypadku jest to UTF-8, który zawiera większość znaków z większości ludzkich języków pisanych. Zasadniczo jest w stanie obsłużyć dowolne treści tekstowe, które można na nim umieścić. Nie ma powodu, aby tego nie ustawiać, a to pomoże uniknąć późniejszych problemów.
element <title>.  Ustawia tytuł strony, który jest tytułem wyświetlanym na karcie przeglądarki, do której wczytywana jest strona. Służy ona również do opisu strony po dodaniu do zakładek jej ulubionych, a także pokazuje tutuł strony w wynikach wyszukiwania. 

Obrazek

<img src="images/firefox-icon.png" alt="tekst">

TAGOWANIE TEKSTU


<h1>Naglowek strony</h1> // NAJWIEKSZY NAPIS
<h2>Tytul</h2>
<h3>Podtytul</h3>
<h4>Pogrubiony tekst</h4>

INNE przydatne strony/filmy

Polecane filmy do zaczęcia programowania w HTML

KURS 1

HTML DLA ZIELONYCH: http://www.kurshtml.edu.pl/html/zielony.html

KURS HTML Z ZELENTEM: https://miroslawzelent.pl/kurs-html/

Wielkość czcionki

<span style="font-size: rozmiar">Tu wpisz tekst</span>

Pierwszy wpis na stronie

<article>
	<h1>Mój pierwszy wpis na blogu</h1>
	<p>Stało się. Postanowiłem założyć własnego bloga. Nie wiem, czy będę miał czas, aby regularnie go aktualizować, ale zrobię co w mojej mocy.</p>
	<section>
		<h2>Komentarze</h2>
		<article>
			<p>Życzę powodzenia.</p>
		</article>
		<article>
			<p>Nareszcie. Bardzo się cieszę.</p>
		</article>
	</section>
</article>

Biografia na naszej stronie

<html>
  <head>
        <title>Strona internetowa</title>
	</head>
	<body bgcolor="#FAEBD7">
	<font color="maroon">
            <h1 align="center">Julian Tuwim</h1>	
<a href="strona1.html">Odnosnik do strony 1</a>
<p></p>
<a href="strona2.html">Odnosnik do strony 2</a>
<p></p>
<a href="strona3.html">Odnosnik do strony 3</a>
            <h3 align="center">Biografia</h1>	
            <h4>Julian Tuwim</h4> <p>urodził się w 1894 roku w Łodzi w zasymilowanej rodzinie narodowości żydowskiej. 
			Młodzieńcze lata pisarza były związane właśnie z Łodzią, jednak już w 1916 roku poeta przeniósł się do Warszawy. 
			W stolicy Tuwim podjął studia prawnicze i filozoficzne na Uniwersytecie Warszawskim.
			ako poeta debiutował w 1913 roku na łamach „Kuriera Warszawskiego”, zaś w 1918 roku ukazał się jego pierwszy samodzielny zbiór poetycki.
			Tuwim był silnie związany ze środowiskiem satyryków, współtworzył słynny kabaret w kawiarni literackiej „Pod Picadorem”, a następnie pracował jako kierownik kabaretów Qui Pro Quo, Banda, Cyrulik Warszawski.
			Ponadto współpracował z pismami satyrycznymi: „Cyrulik Warszawski” i „Szpilki”.
			Jako literat Tuwim należał do grupy poetyckiej Skamander, której zresztą był współzałożycielem, współpracował również z „Wiadomościami Literackimi”.
			W 1919 roku poeta ożenił się ze Stefanią Marchew, która w ówczesnym środowisku artystycznym uchodziła za jedną z najpiękniejszych kobiet. 
			Z jej powodu Tuwim musiał nawet zakończyć przyjaźń z Kazimierzem Wierzyńskim, śmiertelnie zakochanym w małżonce autora „Wiosny”.
			Po wybuchu II wojny światowej poeta wraz z żoną wyjechał przez Rumunię i Francję do Brazylii, a stamtąd wyemigrował do Stanów Zjednoczonych.
			Pierwsze wystąpienie poetyckie Tuwima zostało okrzyknięte przez Aleksandra Brucknera najważniejszym wydarzeniem literackim od czasu wydania „Ballad i romansów” Adama Mickiewicza. 
			Jak w wypadku większości poetów dwudziestolecia międzywojennego, w twórczości tego autora widać wyraźną cezurę pomiędzy okresem lat 20. i 30. 
			Ponadto, jak zaznacza Jerzy Kwiatkowski, od debiutu autora, który przypadł na 1918 r. (tom „Czyhając na Boga”) do 1929 r. mamy do czynienia w tej poezji z kilkukrotną przemianą.</p>
			W rok po zakończeniu wojny poeta wraca do kraju. Zaraz potem staje się ulubieńcem ówczesnych władz. 
			Zyskuje więc pewnego rodzaju ochronę, odpowiednie przywileje i honory. Władze ogłaszają, że jest największym poetą ówczesnych czasów. 
			Niedługo potem w domu państwa Tuwimów pojawia się adoptowana córka, której na imię Ewa. 
			Od roku 2006 działa założona przez nią fundacja imienia Juliana Tuwima i Ireny Tuwim, która sprawuje prawną opiekę nad całym dorobkiem artystycznym poety i jego siostry. 
			W roku 1947 Tuwim otrzymuje stanowisko kierownika artystycznego jednego z warszawskich teatrów, które sprawuje przez trzy lata.
           W ostatnim okresie życia, Tuwim pisał wiersze tylko na zamówienie bliskich sobie ludzi i redaktorów różnych pism. Wiele z tych wierszy dotyczy różnego rodzaju rocznic.
          Pasja tłumaczenia poezji z języków obcych nie opuściła go do końca życia. W ostatnich latach nadal tłumaczył poezję, oraz fragmenty literatury obcej, które sam nazwał kuriozami. 
          Końcową twórczość poety można było czytywać na łamach miesięcznika „Problemy”, a cykl kuriozalnych przypadków literackich, nosił tytuł „Cicer cum Caule”
          Julian Tuwim zmarł 27 grudnia 1953 roku w zakopiańskim ośrodku ZAIKS-u. Jego grób znajduje się w wojskowej części warszawskiego cmentarza na Powązkach.
		  </p>
			<center><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Julian_Tuwim_1930.jpg/220px-Julian_Tuwim_1930.jpg" alt="Zdjecie Juliana Tuwima"></center>
			</body>
	</html>

Data czas

data/czas” są zapisane w formacie zdefiniowanym standardem ISO8601.

Na stronach internetowych bardzo często spotyka się różnorodne daty czy oznaczenia czasu: publikacja artykułu, wysłanie komentarza, zaplanowane wydarzenia i ich godzinowy rozkład dnia. Takie dane mogłyby zostać wykorzystane np. do automatycznego tworzenia kalendarzy.

<time>data/czas
</time> <time datetime="data/czas
">...</time> 

PASEK POSTEPU W HTML5

Nieokreślony stopień ukończenia:
<progress>alternatywa</progress>

<progress value="współczynnik">alternatywa</progress>
<progress value="wartosc" max="maksimum">alternatywa</progress>

alternatywna – zawartość  wyświetlana w przeglądarkach, które nie obsługują HTML5. Powinno się tam umieścić np. tekst „Proszę czekać…” albo „Ukończono: 50%”.

współczynnik – wartość z przedziału od 0.0 (stopień postępu 0%) do 1.0 (100%).

wartosc – Liczba z przedziału od 0 (zero) do maksimum.

maksimum – Maksymalna wartość, po osiągnięciu której zadanie uważa się za ukończone (100%).

POSTY NA BLOGU