티스토리 뷰
반응형
✏️ 링크를 삽입하는 <a>태그와 href 속성
링크는 <a> 태그로 만들고, 텍스트를 사용하면 텍스트 링크, 이미지를 삽입하면 이미지 링크가 됨
<a href="링크할 주소">텍스트 또는 이미지</a>
✏️ 텍스트 링크 만들기
<a>와 </a> 태그 사이에 링크로 만들 텍스를 입력하고 href 속성에는 연결할 문서의 경로와 파일명을 넣기
텍스트에 링크를 추가하면 텍스트에 밑줄이 생기면서 글자색이 검은색에서 파란색으로 바뀌는데
이는 링크가 추가된 텍스트와 그렇지 않은 텍스트를 구분하기 위함임 , 한 번 클릭한 텍스트는 자주색으로 바뀜
<a href="푸으름의 티스토리 주소">푸으름의 티스토리 방문하기</a>
✏️ 이미지 링크 만들기
텍스트 링크와 동일한 방법으로 만들고 대신 이전 포스터에서 공부했던 <img>태그를 삽입을 해야 함
<a href="푸으름의 티스토리 주소"><img src="이미지 주소"></a>
반응형
'Web > HTML' 카테고리의 다른 글
[Web/HTML] HTML - 복습 겸 정리 (0) | 2024.04.15 |
---|---|
[Web/HTML] HTML - 직접 만들어보기 (0) | 2024.04.15 |
[Web/HTML] HTML - 오디오와 비디오 삽입하기 (0) | 2024.04.15 |
[Web/HTML] HTML - 이미지 삽입하기 (0) | 2024.04.15 |
[Web/HTML] HTML - 표 만들기 (0) | 2024.04.14 |
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 알고리즘 공부
- CSS
- 자바
- 자바스크립트
- DFS
- html
- 유클리드 호제법
- C++
- c++ string
- 세그먼트 트리
- 백준
- java
- 백준 풀이
- 우선순위 큐
- DP
- 투 포인터
- 카운팅 정렬
- 유니온 파인드
- BFS
- 반복문
- js
- C++ Stack
- 스프링 부트 crud 게시판 구현
- Do it!
- 스택
- 자료구조
- HTML5
- 이분 매칭
- 알고리즘
- 에라토스테네스의 체
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함