HTML 기본 1
2016. 10. 12. 22:20ㆍProgramming/HTML
<배운 것>
1) 문장 태그(h1~h5, p)
2) list 태그(ul, ol, li)
3) img, video 붙이기
4) div로 나누기
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <!DOCTYPE html> <html> <head> <title>Animals Around the World</title> </head> <body> <h1>The Brown Bear</h1> //h1,2,3 => 헤드라인 <!-- p=> paragraph(문단) --> <p>The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its species, including the Atlas bear and the brown bear.</p> //a: 액션태그, href="하이퍼링크 주소" <a href="https://en.wikipedia.org/wiki/Brown_bear">Learn More</a> <p>Here are some bear species:</p> //ui(Unordered List), li(List Item) <ul> <li>Arctos</li> <li>Collarus</li> <li>Horribilis</li> <li>Nelsoni (extinct)</li> </ul> //ol(Ordered List:번호를 자동으로 붙여줌) <p>The following countries have the largest populations of brown bears:</p> <ol> <li>Russia</li> <li>United States</li> <li>Canada</li> </ol> //target="_blank"를 추가하면 새 window 창에서 열게됨 <a href="#" target="_blank"> //<a> 안에 img 붙이면, img 클릭해 링크 이동 가능 <img src="https://s3.amazonaws.com/codecademy-content /courses/web-101/web101-image_brownbear.jpg" /></a> </body> </html> | cs |
<동영상 붙이기>
1 2 3 | <video width="320" height="240" controls> <source src="video-url.mp4" type="video/mp4"> </video> | cs |
<페이지별로 분할하기>
1 2 3 | <div class="main"> ... </div> | cs |
'Programming > HTML' 카테고리의 다른 글
| CSS 기본 2(꾸미기) (0) | 2016.11.20 |
|---|---|
| CSS 기본 1(Selector:선택자) (0) | 2016.11.20 |
| HTML 기본 2(INPUT 타입) (0) | 2016.11.20 |
| CSS 속성 정리 (0) | 2016.11.01 |
| CSS 기본 (0) | 2016.10.18 |