앵커 태그 <a>
- <a> 태그 : 하이퍼링크를 정의하는 태그
- href 속성 : 링크할 URL 지정
- target 속성 : 링크가 열릴 위치를 지정, 기본값 현재 사용중인 창(_self)
- title 속성 : 링크 위에 마우스를 올리면 나타나는 문구
<!-- 새로운 탭에서 열기 -->
<a href="https://www.naver.com" target="_blank" title="Naver로 이동">네이버</a>
이미지 태그 <img>
- <img> 태그 : 이미지를 정의하는 태그
- src 속성 : 파일 경로, 상위 폴더로 가려면 "../" 입력
- width 속성 : 가로 길이 지정, 픽셀 단위
- height 속성 : 세로 길이 지정, 픽셀 단위
- alt 속성 : 대체 텍스트
<img src="../image.jpg" width="200" height="100" alt="이미지">
- <a> 태그를 이용하여 이미지에 링크 넣기
<a href="https://naver.com">
<img src="../image.jpg" width="200" height="100">
</a>
바디 태그 <body>
- <body> 태그 : 화면에 표시할 콘텐츠의 영역 정의
- HTML5부터는 태그에 대한 레이아웃 속성을 지원하지 않는다. 스타일 시트를 사용하도록 권장한다.
bgcolor 속성 : 배경색 지정⭐ Color Picker 를 사용하여 16진수 색상코드를 입력해도 된다.
<body bgcolor="yellow">
<body bgcolor="#ade7ed">
background 속성 : 배경 이미지 설정, 경로 입력⭐ 기본적으로 바둑판 배열로 출력되며 다양한 옵션은 CSS를 사용해야 한다.
<body background="../image.jpg">
text 속성 : 글자 색, 기본값 검정색
link 속성 : 방문한 적 없는 링크 색상, 기본값 파란색
vlink 속성 : 방문한 적 있는 링크 색상, 기본값 보라색
alink 속성 : 누르고 있을 때 색상, 기본값 빨간색
<body text="green" link="red" vlink="orange" alink="yellow">
'Web > HTML5' 카테고리의 다른 글
| [HTML] 시맨틱 태그(Semantic Elements) (0) | 2021.08.02 |
|---|---|
| [HTML] 비디오 태그 <video>, 오디오 태그 <audio>, iframe 태그 (0) | 2021.07.28 |
| [HTML] 입력 양식 태그 <form> (0) | 2021.07.28 |
| [HTML] 목록 태그 <ul> <ol>, 표 태그 <table> (0) | 2021.07.28 |
| [HTML 기초] HTML 작성 방법, 기본 태그 , 엔티티 코드 (0) | 2021.07.28 |