웹 기초 - 문제 : 링크 걸기 +emmet 문법

RYU·2025년 4월 11일

웹 기초

목록 보기
5/46

문제: 각각의 사이트 명에 링크를 걸어주세요(새 창으로 떠야 함)

  • 위에 해당하는 링크를 걸어보자
<a href="http://www.naver.com/" target="_blank">네이버 입니다.</a>
<br>
<a href="https://www.google.com/" target="_blank">구글 입니다.</a>
<br>
<a href="https://www.kakaocorp.com/page/" target="_blank">카카오 입니다.</a>


문제: 젠코딩을 사용하여 링크 만들기

HTML
a[href="https://www.naver.com"][target="_blank"]{네이버로 이동}+br+a[href="https://www.google.com"][target="_blank"]{구글로 이동}+br+a[href="https://daum.net"][target="_blank"]{다음으로 이동}
  • 위처럼 젠코딩(emmet)을 사용하면 입력을 좀 더 빠르게 도와준다.
<a href="https://www.naver.com" target="_blank">네이버로 이동</a>
<br>
<a href="https://www.google.com" target="_blank">구글로 이동</a>
<br>
<a href="https://daum.net" target="_blank">다음으로 이동</a>

emmet(젠코딩) 문법

<!-- table>tbody>tr*10>td*10{번호} -->
<!-- table>tbody>tr*10>td*10{no. $} -->
<!-- table>(thead>tr>th*5)+tbody>tr*5>td*5 -->
<!-- table[border="1"]*100 -->
<!-- a[href="#"] -->
<!-- a[href=][target=]{} -->

0개의 댓글