• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

new103 - Zadanie domowe HTML

VPS Starter Arubacloud
0 głosów
193 wizyt
pytanie zadane 16 kwietnia 2020 w HTML i CSS przez new103 Nowicjusz (190 p.)
edycja 16 kwietnia 2020 przez new103

Witam,

Czy mógłby ktoś rzucić okiem na moje zadanie domowe? Chodzi tutaj o oznaczenie strony za pomocą znaczników semantycznych (opisanie struktury strony).

<body>
	
	<main>
		<header>
			<h1>Te koop: Seat Leon</h1>
			<p><strong>Seat Leon FR 1.4 ECO TSI 150PK 2017</strong></p>
		</header>
	
		<article>
			<section>
				<h2>Informatie over de Seat</h2>
				<p>Hierbij bied ik mijn zeet nette Seat Leon aan, 2017, 45000km, nieuwstaat!</p>
		
				<section>
					<h3>Kenmerken / opties:</h3>
					<ul>
						<li>Merk: Seat Leon</li>
						<li>Bouwjaar: 2017</li>
						<li>Carrosserie: Hatchback</li>
						<li>Brandstof: Benzine</li>
						<li>Kilometerstand: 45000</li>
						<li>Transmissie: Handgeschakeld</li>
						<li>Motorinhoud: 1395cc</li>
						<li>Kleur: Zwart</li>
					</ul>
				</section>
		
				<section>
					<h3>Omschrijving</h3>
					<p>De auto is zeer rijk uitgerust met onder andere het panaramodak en de lichtmetalen velgen.
						De auto is in nieuwstaat en moet helaas weg omdat ik een auto van de zaak heb gekregen.
						De auto is iedere week netjes met de hand gewassen en er is hierdoor geen krasje te vinden. De auto is
						altijd dealer onderhouden.
						Boekjes compleet en twee sleutels aanwezig.</p>
					<figure>
						<img src="img/seat-leon.jpg" alt="Seat Leon Fr 2017" width="400">
						<figcaption>LED dagrijverlichting gekopeld met Xenon</figcaption>
					</figure>
				</section>
		
				<section>
					<h3>Prijs</h3>
					<p>De prijs van deze mooie auto bedraagt &euro;18.500,00. Voor meer informatie over de Seat kunt u bellen
						op: 0611 111 111.</p>
				</section>
			</section>
		</article>
	</main>

</body>

Tutaj obrazek jaki dostałem ze strukturą dokumentu.

A tutaj moja wena twórcza.

 

Będę wdzięczny za wszystkie komentarze i uwagi. 

Jeśli komuś będzie łatwiej, wstawiam link do githuba:

https://github.com/new103/Inzendopgave-1

 

Pozdrawiam, 

Tomek

1 odpowiedź

0 głosów
odpowiedź 16 kwietnia 2020 przez jaca121212 Nałogowiec (40,760 p.)

Drobne poprawki wprowadzone. link

komentarz 16 kwietnia 2020 przez new103 Nowicjusz (190 p.)
Dzięki za odpowiedź. Zapomniałem wcześniej dodać, że struktura strony jaka jest na zdjęciu, jest identyczna z tą, którą dostałem od nauczyciela jako przykład i musi pokrywać się ze strukturą z tego szarego zdjęcia. (coś ala DOM). Zatem nawigację bym pominął i zostawił tak jak jest. Jeśli chodzi o id przy section czy header to musi być bez nich, bo mogę używać przy tym projekcie tylko materiał, który do tej pory przerobiłem, a tego jeszcze nie było. U mnie mam problem z main, bo na jednych ćwiczeniach w main była zawarta prawie cała krótka strona, (header i 3 section o różnym zagnieżdżeniu) Na Twojej poprawce umieściłeś main w article, jednak z tego co wiem, nie może on stać w innym znaczniku semantycznym. Właśnie u mnie w projekcie mam problem z tymi dwoma znacznikami - article i main.

PS. tak to ma mieć formę takiego ogłoszenia.

Pozdrawiam.
komentarz 16 kwietnia 2020 przez jaca121212 Nałogowiec (40,760 p.)

Moim zdaniem tak to powinno wyglądać link

PS  

poprawiłem mój błąd 

komentarz 17 kwietnia 2020 przez new103 Nowicjusz (190 p.)
Kolego, proszę przeczytaj mojego posta. Pozdrawiam.

Podobne pytania

0 głosów
1 odpowiedź 440 wizyt
0 głosów
0 odpowiedzi 921 wizyt
pytanie zadane 20 września 2019 w C i C++ przez KamilKerry Początkujący (390 p.)
0 głosów
1 odpowiedź 264 wizyt
pytanie zadane 7 października 2017 w Sprzęt komputerowy przez KloPeraN Nowicjusz (130 p.)

92,455 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...