Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

HTML Podstawy > zestaw 1 - Początkujący > Flashcards

zestaw 1 - Początkujący Flashcards

1
Q

Co to jest HTML?

A

HTML (HyperText Markup Language) to standardowy język znaczników używany do tworzenia stron internetowych. Pozwala na strukturyzowanie treści w internecie.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Do czego służy tag <a> w HTML?</a>

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>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Jakiego tagu używamy do wstawienia obrazu na stronę HTML?

A

Używamy tagu <img></img> do wstawienia obrazu na stronę HTML.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Co to jest atrybut w HTML?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Jak utworzyć listę numerowaną w HTML?

A

Używamy tagu <ol> do utworzenia listy numerowanej, a tagu <li> do dodania elementów listy.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Jak zdefiniować nagłówek strony w HTML?

A

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).

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Do czego służy tag <p> w HTML?

A

Tag <p> służy do tworzenia akapitów tekstu.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Jak utworzyć formularz w HTML?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Jak wstawić tabelę w HTML?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Co to jest DOCTYPE w HTML?

A

<!DOCTYPE html> to deklaracja używana na początku dokumentów HTML, która informuje przeglądarkę o wersji HTML używanej na stronie.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Jak wstawić komentarz w kodzie HTML?

A

Używamy <!-- komentarz --> do dodania komentarza, który nie będzie widoczny na stronie.
html

<!– To jest komentarz w HTML, nie pojaw

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Jak utworzyć tabelę z nagłówkami i dwoma wierszami danych?

A

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>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Jak zdefiniować listę definicji?

A

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>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Jak dodać audio do strony HTML?

A

Używamy <audio> z atrybutem controls i src.</audio>

<audio>
<source></source>
Twoja przeglądarka nie obsługuje elementu audio.
</audio>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Jak dodać wideo na stronę HTML?

A

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>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Jak umożliwić użytkownikowi pobranie pliku?

A

Używamy <a> z atrybutem href wskazującym na plik i download do sugerowania pobrania.</a>

<a>Pobierz PDF</a>

17
Q

Jak stworzyć formularz z różnymi rodzajami danych wejściowych?

A

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>

18
Q

Jak ustawić tło strony?

A

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>

19
Q

Jak użyć semantycznych tagów HTML do strukturyzacji strony?

A

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>

20
Q

Jak zaimplementować video zewnętrzne (np. z YouTube) na stronie HTML?

A

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>

21
Q

Jak zaimplementować video zewnętrzne (np. z YouTube) na stronie HTML?

A

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>

22
Q

Jak utworzyć formularz kontaktowy z polami: imię, email, wiadomość oraz przyciskiem wysyłania?

A

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>

23
Q

Jak użyć listy opisowej do prezentacji definicji?

A

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>

24
Q

Jak zastosować atrybuty colspan i rowspan w tabeli HTML?

A

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>

25
Q

Czym jest Tag <header>?

A

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>

26
Q

Czym jest Tag <footer>?

A

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>&copy; 2024 Moja Strona. Wszelkie prawa zastrzeżone.</p>
</footer>

27
Q

Czym jest Tag <nav>

A

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>

28
Q

Czym jest Tag <article>?

A

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>

29
Q

Czym jest Tag <section>?

A

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>

30
Q

Czym jest Tag <aside>?

A

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>

31
Q

Czym jest Tag <main>

A

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>

32
Q

Jak użyć tagu <time> do oznaczania dat i czasu?</time>

A

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>

33
Q

Jak zdefiniować niezależną sekcję na stronie przy użyciu <section>?

A

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>

34
Q

Jak stworzyć grupę przycisków radiowych?

A

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>

35
Q

Jak utworzyć listę zagnieżdżoną?

A

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>

36
Q

Jak użyć atrybutu placeholder w polu formularza?

A

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>

37
Q

Jak zaimplementować sekcję FAQ z rozwijanymi odpowiedziami?

A

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>

38
Q

Jak zdefiniować obszar nawigacyjny strony przy użyciu <nav>?

A

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>

HTML Podstawy (2 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions