|
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 |