[HTML] 코드아카데미 문제풀이 "Build a Website: HTML" (6/9)
Supporting content 1
1. 문제 원문링크
Great work! We're definitely making good progress.
Below the jumbotron, let's add a piece of supporting content. The piece will have an h3, a p, and an a, like this:
<div>
<h3>Travel</h3>
<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
<p>
<a href="#">See how to travel on Airbnb</a>
</p>
</div>
- The h3 describes the subheading, the p adds a description, and the a provides a link.
- All three elements are grouped together using a div to keep things organized.
Instructions
Under the jumbotron's closing </div> tag, add a piece of supporting content with the following elements:
- an h3 element that says "Travel"
- a p element that says "From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries."
- a p element, with an a element nested inside that says "See how to travel on Airbnb". Set the a element's
hrefattribute to "#". - Wrap everything in a div, as in the example above
2. 풀이
div 태그안에 h3, p, 링크를 포함한 p를 생성해 냅니다.
3. 해답
다음과 같이 입력하면 통과합니다.
<!DOCTYPE html>
<html>
<body>
<div class="jumbotron">
<div class="container">
<h3>Travel</h3>
<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
<p> <a href="#">See how to travel on Airbnb</a></p>
<html>
<body>
<div class="jumbotron">
<div class="container">
<h3>Travel</h3>
<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
<p> <a href="#">See how to travel on Airbnb</a></p>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</li>
</ul>
</div>
</div>
</body>
</html>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</li>
</ul>
</div>
</div>
</body>
</html>
반응형