2tle
양현주
2tle
전체 방문자
549
오늘
0
어제
0
  • 분류 전체보기 (13)
    • 코딩 (1)
      • Spring (0)
      • Android Studio (0)
      • NodeJS (0)
      • Python (0)
    • 일상 (0)
      • 자취 (0)
      • 선린인터넷고등학교 (0)
    • 쓰레기통 (12)

블로그 메뉴

  • 홈

공지사항

인기 글

  • 오늘밥뭐지 개인정보처리방침
    2022.10.25
  • C언어의 기초 #1
    2021.03.29
  • 인공지능과 미래사회 #1 - 인공지능의 개요
    2021.03.29
  • C언어의 기초 #0
    2021.03.27
  • 프로그래밍 실습 과제 - 온라인 수업
    2021.03.27

태그

최근 댓글

최근 글

  • 오늘밥뭐지 개인정보처리방침
    2022.10.25
  • C언어의 기초 #1
    2021.03.29
  • 인공지능과 미래사회 #1 - 인공지능의 개요
    2021.03.29
  • C언어의 기초 #0
    2021.03.27
  • 프로그래밍 실습 과제 - 온라인 수업
    2021.03.27

티스토리

hELLO · Designed By 정상우.
2tle

양현주

쓰레기통

HTML의 기본 요소 #3 - 하이퍼링크 태그

2021. 3. 26. 00:21

하이퍼링크


다른 문서로 이동할 수 있는 연결고리

택스트나 이미지에 다른 웹페이지 주소를 달아서 만듦

<a>태그 (anchor)

주요 속성 : href, target, download

 

 

 

href 속성


Hypertext Reference

href값 => 이동할 HTML페이지의 URL주소

 

 

 

절대경로와 상대경로


절대경로 => 어떤 파일이 가지고 있는 고유한 경로

상대경로 => 현재 위치한 곳을 '기준'으로 해서 '그곳의 경로'

./ => 현재폴더

../ => 상위폴더

 

eg)

root

  - public_html

    - css

      - style.css

    - index.html

 

index.html 의 절대경로 => root/public_html/index.html

현재 위치를 public_html 이라고 가정할 때,

  index.html의 상대경로 => ./index.html

  style.css의 상대경로 => ./css/style.css

 

 

 

target 속성


링크가 걸리는 위치 지정

target="_blank" => 새 창에서 열기

target="_self" => 현재 창에서 열기 (default)

 

 

 

download 속성


파일 다운로드 할 수 있는 링크를 만듦

 

 

 

id 속성


한 페이지 내에서 element를 식별하기 위해 사용

이름을 중복으로 사용할 수 없음

<태그 id="tag1">아무말</태그>

 

<a>태그 이용해 연결하기

<a href="#tag1">아무말로 가기</a>

'쓰레기통' 카테고리의 다른 글

정수형 변수 출력  (0) 2021.03.26
HTML의 기본 구조 #4 - 이미지 태그  (0) 2021.03.26
HTML의 기본 요소 #2 - 목록 태그  (0) 2021.03.26
HTML의 기본 요소 #1 - 텍스트 관련 태그  (0) 2021.03.25
HTML의 기본요소 #0  (0) 2021.03.25
    '쓰레기통' 카테고리의 다른 글
    • 정수형 변수 출력
    • HTML의 기본 구조 #4 - 이미지 태그
    • HTML의 기본 요소 #2 - 목록 태그
    • HTML의 기본 요소 #1 - 텍스트 관련 태그
    2tle
    2tle
    댓글쓰기
    다음 글
    HTML의 기본 구조 #4 - 이미지 태그
    이전 글
    HTML의 기본 요소 #2 - 목록 태그

    티스토리툴바