Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- MongoDB
- pug
- 리액트
- javscript
- backend
- form
- HTML
- ES6
- nodejs
- node.js
- CLONE
- TypeScript
- DART
- GRID
- Session
- heroku
- JavaScript
- react
- Mongoose
- frontend
- 자바스크립트
- CSS
- NextJs
- API
- ECMAScript
- clonecoding
- graphQL
- Flutter
- Component
- express
Archives
- Today
- Total
Enjoy Programming
Hyperlink tag 본문
하이퍼 텍스트의 hyper는 텍스트 등의 정보가 동일 선상에 있는 것이 아니라 다중으로 연결되어 있는 상태를 의미.
HTML의 가장 중요한 특징인 link의 개념과 연결되는데 기존 문서나 텍스트의 선형성, 고정성의 제약에서 벗어나 사용자가 원하는
순서대로 원하는 정보를 취득할 수 있는 기능을 제공한다. 한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는
이 기능을 Hyper link라고 한다.
HTML link는 hyperlink를 의미 하며 a(anchor) tag가 그 역할을 담당한다.
1. href attribute
- 이동하고자 하는 파일의 위치(경로)를 값으로 받는다. path란 파일 시스템 상에서 특정 파일의 위치를 의미한다.
1.1 dirctory
root directory = ' / '(unix- mac, linux)
home directory = '/users/{계정}'
작업 디렉터리 = ' ./ '
부모 디렉터리 = ' ../ '
1.2 file path
absolute path - current workspace 와 관계없이 특정 파일의 절대적인 위치를 가르킨다. root 디렉터리를 기준으로
relative path - current workspace를 기준으로 특정 파일의 상대적인 위치를 가리킴
2. target attribute
- 링크를 클릭 했을때 브라우저 윈도우를 어떻게 오픈할 지 지정
'_self' = 링크를 클릭했을 때 현재 윈도우에 바로 오픈
'_blank' = 새로운 윈도우나 탭에서 오픈한다.
'HTML' 카테고리의 다른 글
img, audio등 멀티미디어 지원 태그 (0) | 2021.04.09 |
---|---|
List 표현을 위한 태그 (0) | 2021.04.09 |
TEXT Tag (0) | 2021.04.09 |
기본 태그 (0) | 2021.04.09 |
HTML5 의 기본 문법및 구조를 살펴보자 + semantic tag (0) | 2021.04.07 |