Teoria
Teoria

Pojedyncze znaczniki HTML

Niektóre ze sparowanych tagów, które poznaliśmy. Jakie są niektóre z pojedynczych tagów?

Znaczniki w parach są zwykle potrzebne do zorganizowania sekcji tekstu. Za pomocą pary znaczników można określić początek i koniec danej sekcji. Istnieją jednak znaczniki, które nie są przeznaczone dla fragmentów tekstu.

Na przykład znacznik wstawiający obraz lub znacznik wstawiający pasek separatora. Takie znaczniki dodają pojedynczy obiekt do strony i nie muszą zawierać żadnego tekstu. Dlatego też nazywane są pojedynczymi tagami.

Przykładami takich znaczników są <br>, <hr>, <img>.

Nawiasem mówiąc, takie fragmenty kodu można zobaczyć w edytorze HTML: . Są one nazywane "komentarzami", a przeglądarka nie wyświetla ich na stronie.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <title>Pojedyncze znaczniki HTML</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Instruktor Cupcake</h1> <p>W poniższych kursach w opanowaniu zawiłości HTML i CSS często będzie ci pomagał instruktor Cupcake. Dajmy mu szansę się przedstawić:</p>   <blockquote> <p>Cześć, nazywam się Cupcake i jestem twoim przyszłym instruktorem. Jestem web developerem. Moje najbardziej znane projekty: blog Cat Energy, kurs HTML i CSS, kurs JavaScript.</p> <p>Do zobaczenia w przyszłych kursach!</p> </blockquote> </body> </html>

CSS

body { font-family: "Georgia", serif; } /* Przykład projektu cytatu */ blockquote { margin: 1.5em 0; padding: 0.5em 15px; line-height: 1.5; background-color: #f9f9f9; border-left: 2px solid #cccccc; }

ObiettiviFatto

Poćwicz używanie pojedynczych znaczników do zaprojektowania karty instruktora.

Zamiast tekstu  wstaw znacznik <img> (sam obraz pojawi się w następnym zadaniu).
Zamiast  wstaw znacznik <hr>.
Zamiast podpisu  wstaw znaczniki <br>.