Odpowiedzi do ćwiczeń

Rozdz. 1

Znaczniki należy zamykać obowiązkowo w kolejności odwrotnej do ich otwierania:

Poprawnie: <p>wewnątrz paragrafu jest <em>emfazaem>.p>
Niepoprawnie: <p>wewnątrz paragrafu jest <em>emfaza.p>em>

Nazwy znaczników i atrybutów obowiązkowo muszą być pisane małymi literami.

Dla elementów niepustych znaczniki zamykające są obowiązkowe:

Poprawnie: <p>tutaj jest paragraf.p><p>tutaj jest następny paragraf.p>
Niepoprawnie: <p>tutaj jest paragraf.<p>tutaj jest następny paragraf.

Wartości atrybutów muszą być zawsze ujęte w cudzysłowy:

Poprawnie: <td rowspan="3">
Niepoprawnie: <td rowspan=3>

Nie można minimalizować atrybutów logicznych:

Poprawnie: <dl compact="compact">
Niepoprawnie: <dl compact>

Puste elementy muszą mieć znacznik zamykający albo ich znacznik otwierający musi się kończyć na />:
```
Poprawnie: <br/><br /><hr>hr>
Niepoprawnie: <br><hr>
```
Ze względu na kompatybilność wstecz lepiej jest używać formy ze spacją przed końcowym ukośnikiem: .

W celu zapewnienia kompatybilności zaleca się też nie używać formy zminimalizowanej,

a tradycyjnej metody dla znaczników, których zamykanie w HTML 4 było opcjonalne, tzn. np. tak:
Wartości atrybutów są przetwarzane następująco:
- Białe znaki na początku i na końcu są usuwane.
- Kilka sąsiadujących białych znaków (w tym także znaki nowej linii) jest zamieniane na jeden.
Skrypty osadzone i wewnętrzne arkusze stylów (element style) należy wstawiać w następujący sposób:

Ćw.2

Podstawowa funkcja to tworzenie stron internetowych

Ćw.3

Znacznik otwierający : " < "

Znacznik zamykający : " > "

Ćw.4

Zagnieżdżanie znaczników polega na wstawianiu znaków na początku i końcu funkcji którą chcemy wykonać.

Np. Gdy chcemy pogrubić tekst wpisujemy go między 2 znaczniki <b> tekst </b>.

Ćw.5

znacznik kontenerowy - znacznik występujący w parze: <znacznik>...</znacznik>,

obejmujący jakąś zawartość i ją formatujący

znacznik samodzielny - znacznik występujący pojedynczo: <znacznik />,

nie obejmuje i nie formatuje elementu, ale uzupełnia stronę o dodatkową zawartość (obrazek, linię)

Ćw.6

Znacznik samodzielny zapisuje się w następujący sposób przykłądowy <hr/>

Ćw.7

Znacznik	Opis
<!-- ... -->	Komentarz
<!DOCTYPE>	Definicja typu dokumentu
<a>...</a>	Odnośnik (kotwica)
<abbr>...</abbr>	Skrót
<acronym>...</acronym>	Akronim
<address>...</address>	Adres
<applet>...</applet>	Aplet (przestarzały)
<area />	Element mapy odsyłaczy
<b>...</b>	Pogrubienie tekstu
<base />	Definicja bazowego adresu URL dla wszystkich odnośników na stronie
<basefont />	Definicja bazowej czcionki (przestarzały)
<bdo>...</bdo>	Kierunek wyświetlania tekstu
<big>...</big>	Powiększenie czcionki
<blockquote>...</blockquote>	Blok cytatów
<body>...</body>	Ciało dokumentu HTML
<br />	Podział wiersza
<button>...</button>	Przycisk
<caption>...</caption>	Tytuł tabeli
<center>...</center>	wyśrodkowanie zawartości (przestarzały)
<cite>...</cite>	Cytat
<code>...</code>	Fragment kodu programu
<col />	Definicja kolumny tabeli
<colgroup>...</colgroup>	Definicja grupy kolumn w tabeli
<dd>...</dd>	Opis definicji
<del>...</del>	Tekst usunięty
<dfn>...</dfn>	Definicja terminu
<dir>...</dir>	Lista katalogu (przestarzały)
<div>...</div>	Blok dokumentu
<dl>...</dl>	Lista definicji
<dt>...</dt>	Definiowane słowo
<em>...</em>	Wyróżnienie tekstu
<embed /> lub <embed>...</embed>	Osadzanie obiektu (niestandardowy)
<fieldset>...</fieldset>	Grupa pól formularza
<font>...</font>	Określenie czcionki, jej koloru i rozmiaru (przestarzały)
<form>...</form>	Formularz
<frame />	Ramka w zestawie ramek
<frameset>...</frameset>	Zbiór ramek albo zestawów ramek
<h1>...</h1>	Nagłówek poziomu 1
<h2>...</h2>	Nagłówek poziomu 2
<h3>...</h3>	Nagłówek poziomu 3
<h4>...</h4>	Nagłówek poziomu 4
<h5>...</h5>	Nagłówek poziomu 5
<h6>...</h6>	Nagłówek poziomu 6
<head>...</head>	Nagłówek dokumentu HTML
<hr />	Pozioma linia
<html>...</html>	Cały dokument HTML
<i>...</i>	Tekst pochylony
<iframe>...</iframe>	Ramka pływająca
<img />	Obrazek na stronie
<input />	Pole formularza
<ins>...</ins>	Tekst wstawiony
<isindex />	Jednoliniowe pole tekstowe (przestarzały)
<kbd>...</kbd>	Tekst do wprowadzenia przez użytkownika
<label>...</label>	Tekst przy polu formularza
<legend>...</legend>	Tytuł grupy pól formularza
<li>...</li>	Element listy wyliczeniowej
<link />	Odnośnik (najczęściej do zewnętrznego arkusza stylów)
<map>...</map>	Mapa odsyłaczy graficznych
<menu>...</menu>	Lista typu menu (przestarzały)
<meta />	Dodatkowe informacje o dokumencie
<noembed>...</noembed>	Informacja o niemożliwości wyświetlenia obiektu osadzonego (niestandardowy)
<noframes>...</noframes>	Informacja o niemożliwości wyświetlenia ramek
<noscript>...</noscript>	Informacja o niemożliwości wykonania skryptu
<object>...</object>	Osadzony obiekt
<ol>...</ol>	Lista wyliczeniowa numerowana
<optgroup>...</optgroup>	Grupa opcji
<option>...</option>	Element listy rozwijanej lub menu wielokrotnego wyboru
<p>...</p>	Akapit
<param>...</param>	Parametr w obiekcie
<pre>...</pre>	Tekst preformatowany
<q>...</q>	Krótki cytat
<s>...</s>	Tekst przekreślony (przestarzały)
<samp>...</samp>	Przykład kodu komputerowego
<script>...</script>	Osadzenie skryptu
<select>...</select>	Lista rozwijana, menu wielokrotnego wyboru
<small>...</small>	Pomniejszenie czcionki
<span>...</span>	Element wpleciony
<strike>...</strike>	Tekst przekreślony (przestarzały)
<strong>...</strong>	Tekst mocno wyróżniony
<style>...</style>	Wstawienie arkusza stylów
<sub>...</sub>	Indeks dolny
<sup>...</sup>	Indeks górny
<table>...</table>	Tabela
<tbody>...</tbody>	Ciało tabeli
<td>...</td>	Komórka tabeli
<textarea>...</textarea>	Wielowierszowe pole tekstowe
<tfoot>...</tfoot>	Stopka tabeli
<th>...</th>	Komórka nagłówka tabeli
<thead>...</thead>	Nagłówek tabeli
<title>...</title>	Tytuł dokumentu HTML
<tr>...</tr>	Wiersz tabeli
<tt>...</tt>	Czcionka dalekopisu
<u>...</u>	Tekst podkreślony (przestarzały)
<ul>...</ul>	Lista wyliczeniowa nienumerowana
<var>...</var>	Zmienna programu

Ćw.8

Atrybut " title " używa się w celu dodania do elementu informacji tekstowej

Wyszukiwanie

Kontakty

Odpowiedzi do ćwiczeń