이 글은 이고잉님의 오픈튜토리얼 강의를 듣고 정리한 내용입니다.
a tag
지금의 웹을 만든 중요한 태그가 있다.
웹과 웹이 서로 연결하는 <a> 태그가 그것이다.
<a href="이동할 웹 주소">text</a>Code language: HTML, XML (xml)href : Hypertext + reference
자주 쓰는 형식은….
<a href="www..." target="_blank" title="description">text</a> Code language: HTML, XML (xml)target=”_blank”: 새 탭으로 열기title=”…”: 커서가 위에 있을 때 표시되는 정보
출처를 표시하기 위해서 나무위키로 링크를 만들어보자.
<p>출처 : <a href="https://namu.wiki/w/%ED%99%8D%EC%B0%A8" target="_blank" title="나무위키_홍차">나무위키 홍차</a></p>Code language: HTML, XML (xml)
웹 페이지 완성하기
강의에서는 위와 같이 링크를 연결한다.
나는 참고해서 링크를 구성하자.
<body>
<h1><a href="index.html">차</a></h1>
<ul>
<li><a href="1.html" target="_blank">홍차</a></li>
<li><a href="2.html" target="_blank">우롱차</a></li>
<li><a href="3.html" target="_blank">녹차</a></li>
</ul>
<h2>홍차</h2>
...Code language: HTML, XML (xml)
이제 index.html, 2.html, 3.html를 만들어 준다.