Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 28 | 29 |
30 | 31 |
Tags
- 퍼스널브랜딩
- 생활코딩html
- TIOBE index
- 사이트구조
- 개발 공부
- 프로그래밍언어
- html
- 프로그래밍
- 생활코딩
- 프로그래밍언어 통계
- 프로그래밍 공부
- 드림코딩엘리
- til
- 개발학습
- php
- 페이지분석
- 자기계발
- 웹앱만들기
- 오늘배운것
- 학습기록
- 유튜브학습
- 프로그래밍독학
- 엘리사이트분석
- js
- 사이트분석
- 학습일기
- 웹페이지분석
- 개발공부
- shinahyo
- 드로우앤드류
Archives
- Today
- Total
신나yo-TechBlog
<a> ... </a> : 하이퍼링크/링크 (+디폴트값이란?) 본문
728x90
a태그는 하이퍼링크 즉, 다른 페이지로의 연결(링크)에 사용한다.
a의 속성 중에서 가장 중요한 것은 href인데, 이는 링크의 목적지(url)을 명시하는 속성이다. 따라서, href와 꼭 함께 써야 한다!
아래 예시는 생활코딩html강의(링크) 수강 중 실습한 내용이다.
<h2>오늘의 명언</h2>
우리 모두는 <strong>자신의 힘</strong>으로 발견한 내용을 가장 쉽게 익힌다.
(<a href="https://ko.wikipedia.org/wiki/%EB%8F%84%EB%84%90%EB%93%9C_%EC%BB%A4%EB%88%84%EC%8A%A4" target="_blank">도널드 커누스</a>)
위 예시 외의 학습 내용은 w3schools의 <a>tag 설명페이지(링크)를 참고했다.
아래 표는 a태그의 속성들을 정리한 것이다.
속성이름 | 속성 값 | 실행 기능 |
href | URL | 링크될 페이지를 지정(구체화 한다) |
target | ((표 아래에 보충 설명)) | 링크된 문서를 어디에 띄울 것인지 지정 |
download | 파일명 | 링크 클릭 시, 지정한 파일을 다운로드 |
hreflang | language_code (언어 코드) | 링크된 문서의 언어를 지정 |
target 속성값에 관하여 아래 표에 정리했다. 이 외에도 parent, top, framename이라는 속성값이 있지만, 당장 쓸 일이 없어서 일단 넘어간다.
target과 속성값 작성 예시 | 실행 기능 |
target="_blank" | 새 창에 링크된 페이지를 띄운다 |
target="_self" | '현재 페이지'에서 띄운다. (디폴트 값) |
디폴트(defalt)란?
'달리 손 쓰지 않으면 자동적으로, 자연스럽게'라는 뜻이다. 즉, 별다른 지시사항이 없을 경우, 자동적으로 실행되는 값을 '디폴트 값'이라고 하는 것이다.
더보기
일상 속 예를 들면, 섭씨 30도가 넘어가는 날씨에 야외카페에서 "아메리카노 주세요"라는 주문을 하면, 바리스타는 디폴트 값으로 아아(iced coffee)를 주겠지.
*하이퍼링크의 종류로 딥링크, 단순링크, 임베드와 프레이밍 링크가 있는데, 이 중 단순/딥링크를 활용하는 것이 저작권 존중하는 행동이라는 정보를 나무위키에서 접했다. 이 이슈를 보다 자세히 이해하고 싶어서 신뢰성 있는 자료를 찾아보는 중이다. 이 점에 대해 추가 학습 후 기록 예정.
**링크가 연결되어 있는 텍스트의 색상에 관한 디폴트값 설명 부분은 생략했다. 훗날, 필요성이 생기면 해당 내용 학습 추가 예정.
728x90
'TIL: theory > HTML & CSS' 카테고리의 다른 글
html / 엘리 / html기초 / 유튜브 (0) | 2021.02.24 |
---|---|
노트) html / 이고잉 / 생활코딩 html / (0) | 2021.02.23 |
html / 이고잉 / 생활코딩html / 오픈튜토리얼스 (0) | 2021.02.23 |
둘의 차이점은? 태그 button과 input태그의 button타입 (0) | 2021.02.22 |
<!DOCTYPE>이란?/소문자로 써도 될까? (0) | 2021.02.21 |
Comments