anchor⚓️

다른 페이지, 같은 페이지 내 이동, 이메일 주소, 전화번호 등 다른 URL로 연결해주는 <a> 태그

<a href="#"> #페이지로 이동 </a>

 

href 란, Hypertext + reference

HTML문서 혹은 웹페이지의 주소값을 뜻한다.

 

href 주소값 표기 방법

<!-- 1. 웹페이지 url -->
<a href="https://lightixxx.tistory.com"> lightixxx 블로그로 이동 </a>

<!-- 2. 페이지 내 이동 -->
<a href="#hello"> 페이지 내 hello라는 섹션으로 이동 </a>

<!-- 3. 메일주소로 이동 -->
<a href="mailto:lightixxx@gmail.com"> lightixxx에게 메일쓰기 </a>

<!-- 4. 전화걸기 -->
<a href="tel:01012345678"> OOO에게 전화걸기 </a>

 

target 속성

새 창 또는 새 탭에서 링크 열기

<!-- 1. 연결 문서를 클릭한 창에서 열기 (default) -->
<a href="https://lightixxx.tistory.com" target="_self"> 라이틱스 블로그 </a>

<!-- 2. 새 탭으로 이동 -->
<a href="https://lightixxx.tistory.com" target="_blank"> 라이틱스 블로그 </a>

<!-- 3. 부모 창에서 열기 (없다면 _self) -->
<a href="https://lightixxx.tistory.com" target="_parent"> 라이틱스 블로그 </a>

<!-- 4. 가장 상위 창에서 열기 (없다면 _self) -->
<a href="https://lightixxx.tistory.com" target="_top"> 라이틱스 블로그 </a>

 

title 속성

마우스 호버 시 링크를 미리 알려주는 툴팁

<a href="https://lightixxx.tistory.com" title="라이틱스 블로그로 이동합니다."> 라이틱스 블로그 </a>

 

구현된 결과

캡쳐하면서 커서가 사라졌...

 

더보기

프론트엔드 지망생이 강의를 들으며 공부용으로 작성된 포스트이기 때문에 내용이 빈약할 수 있습니다 :)

잘못된 정보가 있으면 댓글 남겨주시면 감사하겠습니다.

<strong> - 중요한 내용에 사용하는 태그

<strong> 강조 </strong>

사용 시 default로 font-style: bold; 이 적용된다.

문장 내의 특정 텍스트를 더욱 강하게 강조하고자 할 때 사용한다.

<b> 태그는 강조의 의미가 없다.

 

<em> - 강조할 때 사용하는 태그

<em> 강조 </em>

사용 시 default로 font-style: italic; 이 적용된다.

문단 내에서 일부 텍스트를 다른 텍스트와 구분하여 강조하고자 할 때 사용한다.

<i> 태그는 강조의 의미가 없다.

 

 

더보기

프론트엔드 지망생이 강의를 들으며 공부용으로 작성된 포스트이기 때문에 내용이 빈약할 수 있습니다 :)

잘못된 정보가 있으면 댓글 남겨주시면 감사하겠습니다.

와플몬스터

홍대 디저트 맛집


드디어 기다리고 기다리던 종강이 오고

다시 블로그를 시작한다!



친구랑 곱창을 배불리먹었는데,

밀가루가 부족해서

홍대 디저트 맛집찾다가 간 곳 !




너무 오랜만이라 어색한 포스팅.

그래도 한창 바쁜 기말고사기간에 찾아간 곳인데

잊지않고 포스팅 생각에 찰칵찰칵



다양한 종류의 와플이 있어보이고

맛있어보인다...



나이를 한 살 한 살 먹을수록

계단오르는게 너무 숨이찬다..



와플몬스터

달콤함이 머무는 곳..



" 넌 머지않아

예쁜 꽃이

될테니까 "


와플과는 어울리지 않는 감성 네온..



와플 몬스터 메뉴판



메뉴가 뭐가 정말 많다



악마잼의 향연..

사진은 찍어놓고 잘 읽어보지않움..



친구와 보스몬스터를 보며

다음엔 공복에 와서 저걸 먹어보자며..



와플 종류가 너무 다양해서

한참을 서서 고민하다가

10번 로투스 과일 와플 & 아이스로 주문하고

아이스아메리카노도 주문!



원피스 피규어가 참 탐난다

원피스를 본적도 없지만,,,



와플을 골랐으면

아이스크림도 골라야한다..

로투스와 어울릴만한게 무엇일까


역시 한참을 고민하다가

커피모카칩!



매장이 넓은 편은 아니라

자리선택의 여지가 많지는 않았지만

우리는 노트북을 해야하기 때문에


콘센트는 필수



귀여운 액자

이제보니 아이언맨이?



주문하면 진동벨 대신

귀여운 산타아저씨와 번호를 준다



커피보다 먼저나온 와플


주문하고나니 들었던 생각인데,

난 와플을 좋아하지 않는다.


초딩떄 1500원짜리 와플을 먹다가

체한뒤로 와플을 잘 안먹었던 것 같은데


다시 도전!



과일도 올라가고

생크림도 아이스크림도 올라가니

제법 맛있어보이는 비쥬얼.


먼 훗날 자취를 하게되면

뚝딱 만들고 생색낼 수 있을 것 같다.



곧 커피도 나오고!

컵홀더가 귀여웠다.


로투스와 커피의 조화는 정말 최고.



로투스 맛이 첨가되니 덜 느끼하게

한 판 뚝딱 먹을 수 있었다.


배불리 곱창을 먹고 와플도 다 먹었는데

뭔가 부족해서 ..



아이스크림 두 개 추가..


겨울이라 몸에서 열을 내려고 칼로리 소모를 많이해서

더 배가고프다는 말이 어느정도 맞는 것 같다..





주소 넣다보니 홍대가 본점이였군..





끝.


+ Recent posts