오늘은 HTML5 기초 태그중 <a>, <br>, <img> 태그를 알아보겠습니다.
<a> : 페이지 이동을 가능케 하는 태그로써, href와 함께 쓰여 해당 링크로 이동시키는 역할을 합니다.
<br> : 줄바꿈 태그. HTML 안에서는 ENTER키를 아무리 치셔도 실제 브라우져에서 반영되지 않습니다.
줄바꿈을 위해 <br> 코드를 사용합니다.
<img> : 브라우져에 이미지를 넣어주는 태그입니다.
src를 이용해 이미지 경로를 가져오는 역할을 합니다.
alt 는 이미지 원본에 이상혹은 오류로 인해 이미지 로딩이 되지 않았을 시, 엑스박스와 함께 나타나는 메세지 입니다.
width, height 이미지의 너비와 높이를 정해주는 명령어입니다.
실제 작성된 HTML 코드
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title> a href test</title>
</head>
<body>
<br> <!--줄바꿈-->
<a href="http://bdsace.tistory.com">B:DSACE</a><!-- BDSACE 클릭 시 "안의"해당 링크로 이동 -->
<br> <!--줄바꿈-->
<br> <!--줄바꿈-->
<br> <!--줄바꿈-->
<img src="BDSACE.jpg" alt="Sign of B:DSACE" width="610" height="180">
<!-- 이미지 올리는 태그 src 이미지 주소 , alt 이미지 설명, width, height 너비와 높이-->
</body>
</html>
실제 출력 결과
'IT > HTML5' 카테고리의 다른 글
| [HTML기초] 9. Font 태그와 그 속성들 / font size, color, face (0) | 2015.06.23 |
|---|---|
| HTML 태그의 정의와 사용방법 (0) | 2015.06.22 |
| [HTML기초] 8. HTML 기초 태그 / <code>,<samp>,<kbd>,<var> 태그 (0) | 2015.06.21 |
| [HTML기초] 7. HTML 기초 태그 / <sup>,<sub>,<mark>,<em> 태그 (0) | 2015.06.20 |
| [HTML기초] 6. HTML 기초 태그 / <i>,<strong>,<small>,<u>, <del> 태그 (0) | 2015.06.16 |
| [HTML기초] 5.HTML기초 태그 / <p title>, <b>, <hr>, <pre> 태그 (0) | 2015.06.15 |
| [HTML기초] 3. HTML 기초 태그 <h>, <p> (0) | 2015.06.14 |
| [HTML기초] 2. HTML 에디터 / 메모장으로 작성하기 (0) | 2015.06.09 |
| [HTML기초] 1. HTML이란? (0) | 2015.06.08 |
