Rekomendowane odpowiedzi

Witaj w poradniku na temat atrybutów HTML.

Wiem miało być wtajemniczenie w <head></head> no ale czas nie pozwalał :(

No to lecimy z tematem!

Krótko po atrybutach:

- Wszystkie elementy HTML mogą zawierać atrybuty

- Atrybuty zawierają dodatkowe informacje o elemencie

- Atrybuty są definiowane w początkowym tagu

- Atrybuty są zazwyczaj w parach: nazwa="wartość"

 

Na początek atrybut języka strony

Język witryny można zdefiniować w tagu <html>

 Jest on definiowany atrybutem lang

Deklaracja języka witryny jest niezwykle ważna dla aplikacji dostępowych i silników wyszukiwania.

<!DOCTYPE html>
<html lang="pl">
<body>

Nasze ciało witryny

</body>
</html>

No i w tym przypadku (pl) definiuje nam język strony oczywiście na POLSKI.

 

Atrybut tytułu

W tym przypadku dodaliśmy atrybut title do elementu <p>. Wartość tytułu(zawartość w cudzysłowach) będzie wyświetlona jako etykieta po kliknięciu na paragraf.

<p title="Jestem etykietką">
Paragraf...
</p>

 

Atrybut odnośnika

Odnośniki w HTML są zdefiniowane w tagach <a>. Adres samego odnośnika jest zdefiniowany w atrybucie href

<a href="http://forum.pompateam.pl/">Najlepsze forum wielotematyczne w Polsce</a>

 

Atrybuty rozmiaru, żródła i "alternatywy"

Obrazki w HTML są definiowane za pomocą tagu <img>.

Nazwa pliku źródłowego obrazka zdefiniowana jest atrybutem src

Rozmiar obrazka zapisany jest w atrybutach width(szerokość) i height(wysokość) za pomocą ilości pikseli.

Atrybut alternatywy definiuje nam tekst jaki ma się wyświetlić w przypadku gdy obrazek nam się nie załaduje na stronie.

Wartość tego atrybutu może być czytana przez czytniki ekranów. Dzięki temu możemy słuchać strony, przykładowo osoba niewidoma może usłyszeć dany element.

<img src="nasz_obrazek.jpg" alt="Fajny obrazek" width="100" height="150">

Na podstawie tego możemy zauważyć że nasz_obrazek.jpg wyświetli się na stronie w rozmiarach 100px szerokości i 150px wysokości, a jeśli nie to zostanie odczytana alternatywa w postaci: "Fajny obrazek".

 

Dziś to wszystko jeśli chodzi o część 2 poradnika HTML.

Kłaniam się nisko, Heheszek

 

 

Poradnik napisany na potrzeby portalu forum.pompateam.pl

Zakazuje się kopiowania i rozpowszechniania bez

zgody autora poradnika. Wszelkie prawa zastrzeżone!

Autor: Heheszek

 

 

  • Upvote 3

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Brawo leci kolejny + za starania. Zobaczymy może i kiedyś ja skorzystam z twoich poradników jak nie będę czegoś wiedział :P

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Swietnie opisane , ;) 
Więcej takich tematów . Widać masz głowe do HTML :)

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Rozmiar obrazka również można definiować za pomocą % oraz zapomniałeś o jednej z najważniejszych rzeczy jakim jest kodowanie utf-8, <meta charset="UTF-8"> (dla tych co piszą kod w innym programie niż Notepad ++) ale i tak powinieneś o tym wspomnieć. Dodatkowo można dodać, że odnośniki również mogą być obrazkami, ale sam poradnik fajny :) To może kolejny css? :)

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Definiowanie za pomocą % jest nie miarodajne i lepiej jest wyuczyć się pikseli(w sensie przeliczania/szacowania). Mety będą w całości opisane w osobnym poradniku :) A jeśli chodzi o CSS, na razie nie mam czasu na nic praktycznie (szykują się egzaminy itp), ale na pewno ruszę serie z CSS i chciałby też z PHP, ale to już dalsza przyszłość :)

Dziękuję wszystkim za + :)

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

PHP już podstawy miałem teraz czekać aż dadzą coś trudniejszego bo pisanie cały czas skryptu który będzie obliczał pola czy coś jest już nudne :P Muszę sobie przypomnieć całego html i css bo za 2 miesiące 2 egzamin zawodowy ;(

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

@Heheszek więc skoro procent taki zły to w jaki sposób skalujesz strony pod rozmiar przeglądarki, rozdzielczość i mobilne urządzenia?
Proszę nie pisz mi o bootstrapieeeeee bo Cie wyrzucę z tego forum zaraz :D

Ja korzystam z emsy, natomiast procentowanie również jest bardzo skutecznym narzędziem..

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą dodawać komentarze

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się


Kontakt


TS3: pompateamspeak.pl
Email: [email protected]

Zaprzyjaźnione serwisy: