뇌 채우기 공간

[html] 링크 넣기 <a href ="">/ 새창으로 띄우기/ 툴팁 본문

WEB/html,CSS

[html] 링크 넣기 <a href ="">/ 새창으로 띄우기/ 툴팁

자바칩 프라푸치노 2020. 12. 28. 06:44

 

1
 <a href="https://www.youtube.com/watch?v=V3pkC1hE-as">hello web!</a>
 cs

<a href="이동하기를 원하는 페이지 주소">원하는 글자</a>

이렇게 쓰면 

하이퍼 링크가 걸리고 클릭하면 그 페이지로 이동합니다.

 

■새창으로 띄우기

1
2
   <a href="https://www.youtube.com/watch?v=V3pkC1hE-as" 
    target="_blank">hello web!</a>
 cs

 

이렇게 target="_blank"를 추가해주시면 됩니다.

 

■하이퍼링크에 툴팁 만들기

1
2
    <a href="https://www.youtube.com/watch?v=V3pkC1hE-as" 
    target="_blank" title="hello">hello web!</a>
 cs

 이렇게 title을 설정해주면 툴팁이 완성됩니다.

■하이퍼링크로 다른 파일 띄우기

홈페이지를 만들려면 자신이 만든 페이지가 여러개 있고 링크로 이어주어야하잖아요!

그렇게 하는 방법을 해보겠습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
    <title>what</title>
</head>
 
<body>
   <h1>web!</h1>
    <ol>
        <li><a href="1.html">html</a></li>
        <li><a href="2.html">CSS</a></li>
        <li><a href="3.html">JavaScript</a></li>
</body>
</html>
 cs

 

이렇게 만들어주었고 목록마다 파일을 링크 걸어주었습니다.

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
    <title>what</title>
</head>
 
<body>
  <h1>HTML</h1>
</body>
</html>
 
 
 cs

파일은 이렇게 h1태그안의 이름만 변경을 해주었습니다.

 

 

 

 

 

728x90
저작자표시 비영리 변경금지 (새창열림)

'WEB > html,CSS' 카테고리의 다른 글

[html] 버튼 누르면 다른 페이지로 넘어가기  (0) 2020.12.29
[html] 웹페이지 모바일 화면에 맞게 변경하기  (0) 2020.12.29
[html] 목록태그 / <li> <ul> <ol>  (0) 2020.12.28
[html] <head> <body> <html> 태그/ 웹페이지 제목 설정<title>  (0) 2020.12.28
[html] 웹 페이지에 이미지 넣기  (0) 2020.12.28
'WEB/html,CSS' Related Articles more