HTML5에서 하이퍼링크 만들기

1. 태그명은 <a></a>
2. 태그 사이에 적용시키고 싶은 단어를 넣는다. <a>달소짱</a>
3. 속성 href 안에 연결한 주소를 넣는다. <a href=”https://~”>달소짱</a>
4. 속성 target=”_blank”를 추가하면 주소가 열릴 때 새 창으로 열린다. <a href=”https://~” target=”_blank”>달소짱</a>
5. 속성 title을 이용해 미리보기 정보를 제공할 수 있다. <a href=”https://~” target=”_blank” title=”미리보기”>달소짱</a>

달소짱

간단하게 하이퍼링크가 완성되었다.

HTML5에서 목록 만들기

여기서는 태그의 중첩 개념을 알아야 한다.

목록 하나하나는 <li> 태그를 사용하고 복수개의 목록은 <ul>이나 <ol>태그로 감싸야 한다.

ul은 unordered 순서가 없는 ol은 ordered 순서가 있는 차이다.

<ul or ol>
 <li> WEB </li>
 <li> HTML </li>
 <li> CSS </li>
 <li> JAVASCRIPT </li>
</ul or /ol>

참고로 <li>태그 옆에 위에서 배운<a>를 이용해 페이지를 이동한다. ex) <li><a href=”HTML.html”> HTML </li>