zestaw 1 - Początkujący Flashcards
Co to jest HTML?
HTML (HyperText Markup Language) to standardowy język znaczników używany do tworzenia stron internetowych. Pozwala na strukturyzowanie treści w internecie.
Do czego służy tag <a> w HTML?</a>
Tag <a> służy do tworzenia hiperłączy, umożliwiając użytkownikom przejście do innej strony internetowej lub lokalizacji na tej samej stronie.</a>
Jakiego tagu używamy do wstawienia obrazu na stronę HTML?
Używamy tagu <img></img> do wstawienia obrazu na stronę HTML.
Co to jest atrybut w HTML?
Atrybut to dodatkowe informacje o elemencie HTML, które określają jego zachowanie lub wygląd. Przykładem jest atrybut src w tagu <img></img>, który określa ścieżkę do pliku obrazu.
Jak utworzyć listę numerowaną w HTML?
Używamy tagu <ol> do utworzenia listy numerowanej, a tagu <li> do dodania elementów listy.
Jak zdefiniować nagłówek strony w HTML?
Nagłówki strony definiujemy za pomocą tagów <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, gdzie <h1> jest najważniejszym (największym) nagłówkiem, a <h6> najmniej ważnym (najmniejszym).
Do czego służy tag <p> w HTML?
Tag <p> służy do tworzenia akapitów tekstu.
Jak utworzyć formularz w HTML?
Do utworzenia formularza używamy tagu <form>. Pozwala on na zbieranie danych od użytkowników, takich jak imiona, adresy e-mail i hasła.
Jak wstawić tabelę w HTML?
Do wstawienia tabeli używamy tagu <table>, a następnie <tr> do definiowania wierszy, <th> do definiowania nagłówków kolumn oraz <td> do definiowania komórek.
Co to jest DOCTYPE w HTML?
<!DOCTYPE html> to deklaracja używana na początku dokumentów HTML, która informuje przeglądarkę o wersji HTML używanej na stronie.
Jak wstawić komentarz w kodzie HTML?
Używamy <!-- komentarz --> do dodania komentarza, który nie będzie widoczny na stronie.
html
<!– To jest komentarz w HTML, nie pojaw
Jak utworzyć tabelę z nagłówkami i dwoma wierszami danych?
Używamy <table>, <tr>, <th>, i <td> do stworzenia tabeli.
<table>
<tr>
<th>Nagłówek 1</th>
<th>Nagłówek 2</th>
</tr>
<tr>
<td>Dane 1</td>
<td>Dane 2</td>
</tr>
<tr>
<td>Dane 3</td>
<td>Dane 4</td>
</tr>
</table>
Jak zdefiniować listę definicji?
Używamy <dl>, <dt>, i <dd> do stworzenia listy definicji.
<dl>
<dt>Pojęcie 1</dt>
<dd>Definicja pojęcia 1.</dd>
<dt>Pojęcie 2</dt>
<dd>Definicja pojęcia 2.</dd>
</dl>
Jak dodać audio do strony HTML?
Używamy <audio> z atrybutem controls i src.</audio>
<audio>
<source></source>
Twoja przeglądarka nie obsługuje elementu audio.
</audio>
Jak dodać wideo na stronę HTML?
Używamy <video> z atrybutem controls i <source></source> do określenia ścieżki pliku.</video>
<video>
<source></source>
Twoja przeglądarka nie obsługuje elementu video.
</video>
Jak umożliwić użytkownikowi pobranie pliku?
Używamy <a> z atrybutem href wskazującym na plik i download do sugerowania pobrania.</a>
<a>Pobierz PDF</a>
Jak stworzyć formularz z różnymi rodzajami danych wejściowych?
Odpowiedź: Używamy <form>, <input></input> z różnymi wartościami atrybutu type dla różnych typów danych.
<form>
Tekst: <input></input>
Data: <input></input>
Email: <input></input>
Hasło: <input></input>
<input></input>
</form>
Jak ustawić tło strony?
Choć tło strony często ustawia się za pomocą CSS, można użyć atrybutu bgcolor w tagu <body> (choć jest to podejście przestarzałe).
<body>
Treść strony...
</body>
Jak użyć semantycznych tagów HTML do strukturyzacji strony?
Semantyczne tagi, takie jak <header>, <footer>, <article>, <section>, i <nav>, pomagają w strukturyzacji strony internetowej, nadając znaczenie poszczególnym częściom treści.
<header>
<nav>
<!-- Menu nawigacyjne -->
</nav>
</header>
<section>
<article>
<!-- Treść artykułu -->
</article>
</section>
<footer>
<!-- Informacje o prawach autorskich i stopka -->
</footer>
Jak zaimplementować video zewnętrzne (np. z YouTube) na stronie HTML?
Do osadzenia zewnętrznego wideo z YouTube używamy <iframe>, w którym jako źródło (src) podajemy bezpośredni link do wideo.
<iframe></iframe>
Jak zaimplementować video zewnętrzne (np. z YouTube) na stronie HTML?
Do osadzenia zewnętrznego wideo z YouTube używamy <iframe>, w którym jako źródło (src) podajemy bezpośredni link do wideo.
<iframe></iframe>
Jak utworzyć formularz kontaktowy z polami: imię, email, wiadomość oraz przyciskiem wysyłania?
Formularz kontaktowy tworzymy za pomocą tagu <form>, wewnątrz którego umieszczamy pola <input></input> dla imienia i emaila oraz <textarea> dla wiadomości. Przycisk wysyłania tworzymy za pomocą <button> lub <input></input>.</button></textarea>
<form>
Imię: <input></input>
Email: <input></input>
Wiadomość: <textarea></textarea>
<input></input>
</form>
Jak użyć listy opisowej do prezentacji definicji?
Lista opisowa <dl> zawiera pojęcia (<dt>) oraz ich definicje (<dd>).
<dl>
<dt>Pojęcie 1</dt>
<dd>Definicja pojęcia 1.</dd>
<dt>Pojęcie 2</dt>
<dd>Definicja pojęcia 2.</dd>
</dl>
Jak zastosować atrybuty colspan i rowspan w tabeli HTML?
Atrybuty colspan i rowspan pozwalają na scalanie kolumn lub wierszy w tabeli. colspan scala kolumny, a rowspan scala wiersze.
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr>
<td>Scalony w pionie</td>
<td>Scalony w poziomie</td>
</tr>
<tr>
<td>Wiersz 2, Kolumna 2</td>
<td>Wiersz 2, Kolumna 3</td>
</tr>
</table>
Czym jest Tag <header>?
Tag <header> jest używany do określenia nagłówka strony lub sekcji. Może zawierać elementy takie jak tytuły, logo strony, formularze wyszukiwania, a także nawigację.
<header>
<h1>Tytuł strony</h1>
<nav>
<!-- Nawigacja -->
</nav>
</header>
Czym jest Tag <footer>?
Tag <footer> definiuje stopkę strony lub sekcji. Zwykle zawiera informacje takie jak prawa autorskie, odnośniki do polityki prywatności, kontaktu, czy autorów strony.
<footer>
<p>© 2024 Moja Strona. Wszelkie prawa zastrzeżone.</p>
</footer>
Czym jest Tag <nav>
Tag <nav> jest przeznaczony do definiowania nawigacji na stronie. Może zawierać listę linków do innych stron lub sekcji na tej samej stronie.
<nav>
<ul>
<li><a>Strona główna</a></li>
<li><a>Nowości</a></li>
<li><a>Kontakt</a></li>
</ul>
</nav>
Czym jest Tag <article>?
Tag <article> jest używany do oznaczania treści, która stanowi niezależną część dokumentu, np. artykuł prasowy, post na blogu, komentarz użytkownika.
<article>
<h2>Tytuł artykułu</h2>
<p>Treść artykułu...</p>
</article>
Czym jest Tag <section>?
Tag <section> służy do grupowania powiązanej treści na stronie, która nie kwalifikuje się jako samodzielny artykuł. Może być użyty do podziału artykułów na sekcje lub grupowanie różnych sekcji na stronie.
<section>
<h2>Sekcja na stronie</h2>
<p>Treść sekcji...</p>
</section>
Czym jest Tag <aside>?
Tag <aside> jest przeznaczony do treści, które są powiązane z główną treścią, ale mogą stanowić samodzielne bloki, takie jak boczne paski, przypisy, linki do powiązanych treści.
<aside>
<h3>Więcej na ten temat</h3>
<p>Linki do powiązanych artykułów...</p>
</aside>
Czym jest Tag <main>
Tag <main> służy do określenia głównej treści strony. Powinien zawierać unikalną treść strony, która nie jest powtarzana na innych stronach witryny.
<main>
<article>
<!-- Główny artykuł -->
</article>
<article>
<!-- Inny artykuł -->
</article>
</main>
Jak użyć tagu <time> do oznaczania dat i czasu?</time>
Tag <time> służy do oznaczania daty lub czasu i może być używany do ułatwienia maszynom rozumienia dat i czasów na stronach internetowych. Można go również wykorzystać z atrybutem datetime do bardziej precyzyjnego oznaczenia.</time>
<p>Spotkanie odbędzie się <time>14 marca 2024 roku</time>.</p>
Jak zdefiniować niezależną sekcję na stronie przy użyciu <section>?
Tag <section> jest używany do definiowania sekcji w dokumencie, które są logicznie powiązane i powinny być rozważane jako niezależne od reszty treści.
<section>
<h2>Tytuł sekcji</h2>
<p>Treść sekcji...</p>
</section>
Jak stworzyć grupę przycisków radiowych?
Przyciski radiowe są tworzone za pomocą <input></input> i grupowane razem, gdy mają to samo nazwanie (name). Umożliwia to użytkownikowi wybranie tylko jednej opcji z grupy.
<form>
<input></input>
<label>Opcja 1</label><br></br>
<input></input>
<label>Opcja 2</label>
</form>
Jak utworzyć listę zagnieżdżoną?
Lista zagnieżdżona jest tworzona przez umieszczenie jednej listy (np. <ul> lub <ol>) wewnątrz elementu listy (<li>) innej listy.
<ul>
<li>Element 1</li>
<li>Element 2
<ul>
<li>Pod-element 1</li>
<li>Pod-element 2</li>
</ul>
</li>
<li>Element 3</li>
</ul>
Jak użyć atrybutu placeholder w polu formularza?
Atrybut placeholder jest używany w elementach formularza, takich jak <input></input> i <textarea>, aby wyświetlić wstępnie wypełniony tekst, który znika, gdy użytkownik zaczyna wpisywać.</textarea>
<input></input>
Jak zaimplementować sekcję FAQ z rozwijanymi odpowiedziami?
Można użyć kombinacji <details> i <summary> do tworzenia rozwijanych sekcji, co jest przydatne dla często zadawanych pytań (FAQ) i odpowiedzi.</details>
<details>
<summary>Jakie są godziny pracy biura?</summary>
<p>Biuro jest otwarte od 9:00 do 17:00 od poniedziałku do piątku.</p>
</details>
Jak zdefiniować obszar nawigacyjny strony przy użyciu <nav>?
Tag <nav> jest używany do definiowania sekcji nawigacyjnych strony, które umożliwiają użytkownikom poruszanie się po witrynie lub aplikacji.
<nav>
<ul>
<li><a>Home</a></li>
<li><a>News</a></li>
<li><a>Contact</a></li>
</ul>
</nav>
