Sprawdźcie streszczenie kursu HTML 1 Mirosława Zelenta. Kurs znajdziecie tutaj https://www.youtube.com/watch?v=k2IydkL3EOs
Bardzo, bardzo polecam. W super prosty sposób przedstawione najpotrzebniejsze informacje!
Znaczniki definiują elementy na stronie. Znaczniki mogą mieć swoje właściwości – ATRYBUTY. Atrybuty zawsze znajdują się w środku TAGÓW. Wartości atrybutów zawsze umieszczamy w cudzysłowie nazwa_atrybutu=”…”
Zawsze na początku znacznika stosujemy nawias ostry otwarty < natomiast na końcu nawias ostry zamknięty />
Tag otwierający i zamykający:
<a href=””>KLIKNIJ</a> – hiperłącze
Tag pojedynczy:
<img width=”500″ height=”500″ src=”homer.jpg” /> – wstawianie obrazów (img – image, src – source)
- Notepad ++ – Stąd możesz go pobrać
- Sublime Text 2
- geany
- geedit
- TextMate
- eclipse
Cała strona zamknięta jest w znaczniku <html> </html>. Przed tym znacznikiem należy zapisać w jakim Typie Dokumentu postanowiliśmy napisać stronę – DocType – <!DOCTYPE HTML>
Do znacznika <html> należy dopisać w jakim języku będzie strona. W DOCTYPE HTML wystarczy przy znaczniku html dopisać lang=”pl”. Cała postać wygląda <html lang=”pl”>
Dwie główne SEKCJE <head> – nagłówek i <body> – ciało strony.
W sekcji head znajdują się informacje niewidoczne gołym okiem na stronie, jednak bardzo ważne dla strony. Np. o sposobie kodowania znaczników, języku strony, tytule, skryptów Java, fontów, itp.
W sekcji body znajduje się wszystko co jest widoczne na stronie. Np. teksty, przyciski, hiperłącza, itp.
Stronę główną zawsze zapisujemy, jako index.html
W sekcji head umieszczamy informacje:
- <meta charset=”utf-8″ /> – sposób kodowania znaków w witrynie. Char – character (znak) Set – zestaw. Standard UTF-8 – najbardziej popularny zestaw kodowania znaków. Zawiera polskie ogonki. Jest standardem m.in. w Linuxie i Mac’u. Aby strona zadziałała w tym formacie, należy ją zapisać w standardzie UTF-8. W programie wybieramy Encoding -> Encode in UTF-8 withut BOM.
- <title>Tytuł mojej strony</title>
- <meta name=”description” content=”Opis strony internetowej w wyszukiwarce” /> Opis ten powinien zawierać ok. 155-160 znaków.
- <meta name=”keywords” content=”słowa kluczowe” /> Słowa kluczowe.
- <meta http-equiv=”X-UA-Compatibile” content=”IE=edge,chrome=1″ /> rozkazuje IE rendorowanie strony w najwyższej możliwej wersji Internet Explorer – poprawne wyświetlanie strony w IE.
- <meta name=”author” content=”Nazwisko autora” /> Można ale niekoniecznie.
- <h1>Nagłówek header</h1> W HTML jest 6 nagłówków: <h1><h2><h3><h4><h5><h6>
- <br /> zastępuje enter w edytorze tekstu. Break line – złam linię. Podwójny enter – należy umieścić 2 razy znacznik br
- <a href=””></a> – hiperłącze. jeśli hiperłącze ma otwierać się w nowej karcie dodajemy znacznik target=”_blank”. Target – cel. Możemy dodać tytuł hiperłącza title=””. cały kod powinien wyglądać: <a href=”” target=”_blank” title=””>….</a>
- <img src=”” /> – obrazek
- Jeśli obrazek ma posiadać hiperłącze kod wygląda <a href=”” target=”_blank” title=””> <img src=”” /></a>