22-02-06 a태그

Jessie H·2022년 4월 12일
CSSa태그html코딩공부
0

a 태그

  • 하이퍼링크 다는 태그
  • href=""안에 연결시킬 페이지의 링크를 삽입
  • 태그 내에 글자를 적게 되면 연결되는 링크대신 그 글자가 나타난다
  • 기본설정은 파란글씨(클릭전)/보라글씨(클릭후) + 밑줄
    • (기본 설정 바꾸고 싶다면 따로 밑줄 없애기와 글자 색 변경 설정 필요)

    a{text-decoration: none; color: #000;}

    새 창에서 연결된 링크 여는 법

    <a href="연결 링크" target="_blank">링크 대신 띄울 글자</a>

    하나의 창 내에서 다른 구역으로 바로 넘어가는 법

    <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    a {
      text-decoration: none;
      color: #000;
    }

    #page1 {
      margin-top: 2000px;
      height: 1000px;
      background-color: aquamarine;
    }
  </style>
  <body>
    <a href="#page1">아래 태그 영역으로 이동해봅시당</a>
    <div id="page1"></div>
  </body>
</html>

    <위쪽 영역>

    "아래 태그 영역으로 이동해봅시당"을 클릭하면 아래쪽 영역으로 이동한다.


    <아래쪽 영역>


    profile
    Jessie H
    코딩 공부 기록장
    이전 포스트

    22-02-04 html, css 공부

    다음 포스트

    [오늘의 JS] 22-03-04 object, class

    0개의 댓글