Sie 07
html1

Skrócik – HTML Kurs 1

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!

HTML 1

Znaczniki vs Atrybuty

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 />

Tagi (znaczniki):

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)

Polecany edytor HTML
Wykonanie pierwszej strony HTML

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

Sekcja head

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.
Sekcja body

  • <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>

Dodaj komentarz

Bądź pierwszy!

avatar
  Subscribe  
Powiadom o