티스토리 뷰
mild stone
<!--most of tag has opening tags and closing tag. <tag></tag>-->
<!--doctype is come first-->
<!DOCTYPE html>
<!--html tag is the biggest-->
<html>
<!--html is consisted with head and body-->
<!--In moment, we only contain title elements-->
<head>
<!--title is for the name of web page, written down at top-->
<title>Animals Around the World</title>
</head>
<!--The main content is inside body element-->
<body>
<!--element h1 is for heading, h1 to h6, getting smaller size-->
<h1>The Brown Bear</h1>
<!-- <p> tag is for new paragraph, A section that describes the brown bear-->
<p>The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently "Least Concern." There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.</p>
<!-- <a> tag is for link. In this case, when user click learn more, they go to the web page as we writen, but same page-->
<a href="https://en.wikipedia.org/wiki/Brown_bear">Learn More</a>
<p>Here are some bear species:</p>
<!-- <ul> tag is for bullet points-->
<ul>
<!-- ol tag for list. 1st, 2nd, 3rd and so on-->
<li>Arctos</li>
<li>Collarus</li>
<li>Horribilis</li>
<li>Nelsoni (extinct)</li>
</ul>
<!--br tag don't have closing tag. Its function is changing line once. Like enter key.-->
<p>The following countries have the largest populations <br />of brown bears:</p>
<!--each li tag make a line-->
<ol>
<li>Russia</li>
<li>United States</li>
<li>Canada</li>
</ol>
<!--By adding target="_blank", user get new tab and new web page.-->
<!-- <img> tag bring a image from address that you put after src. -->
<!--In this case, when we click the image, the link will connected-->
<!--alt is additional information for user, when they use screen reader, it will read that.-->
<a href="https://en.wikipedia.org/wiki/Brown_bear" target="_blank">
<img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/web101-image_brownbear.jpg" alt="picture of bear" /></a>
</body>
</html>
<!--most of tag has opening tags and closing tag. <tag></tag>-->
<!--doctype is come first-->
<!DOCTYPE html>
<!--html tag is the biggest-->
<html>
<!--html is consisted with head and body-->
<!--In moment, we only contain title elements-->
<head>
<!--title is for the name of web page, written down at top-->
<title>Animals Around the World</title>
</head>
<!--The main content is inside body element-->
<body>
<!--element h1 is for heading, h1 to h6, getting smaller size-->
<h1>The Brown Bear</h1>
<!-- <p> tag is for new paragraph, A section that describes the brown bear-->
<p>The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently "Least Concern." There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.</p>
<!-- <a> tag is for link. In this case, when user click learn more, they go to the web page as we writen, but same page-->
<a href="https://en.wikipedia.org/wiki/Brown_bear">Learn More</a>
<p>Here are some bear species:</p>
<!-- <ul> tag is for bullet points-->
<ul>
<!-- ol tag for list. 1st, 2nd, 3rd and so on-->
<li>Arctos</li>
<li>Collarus</li>
<li>Horribilis</li>
<li>Nelsoni (extinct)</li>
</ul>
<!--br tag don't have closing tag. Its function is changing line once. Like enter key.-->
<p>The following countries have the largest populations <br />of brown bears:</p>
<!--each li tag make a line-->
<ol>
<li>Russia</li>
<li>United States</li>
<li>Canada</li>
</ol>
<!--By adding target="_blank", user get new tab and new web page.-->
<!-- <img> tag bring a image from address that you put after src. -->
<!--In this case, when we click the image, the link will connected-->
<!--alt is additional information for user, when they use screen reader, it will read that.-->
<a href="https://en.wikipedia.org/wiki/Brown_bear" target="_blank">
<img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/web101-image_brownbear.jpg" alt="picture of bear" /></a>
</body>
</html>
'AU Study > TAFE' 카테고리의 다른 글
| W2 Wed morning (0) | 2017.07.26 |
|---|---|
| CSS basic (0) | 2017.07.26 |
| W2 Tue afternoon (0) | 2017.07.25 |
| W2 Tue morning (0) | 2017.07.25 |
| Protect workers from harm in the workplace (0) | 2017.07.25 |
댓글