[생활코딩_WEBn] HTML 태그의 제왕

---------------------------------------------------------

* 생활코딩 WEBn 정독하기 project *

HTML 태그의 제왕

LINK : https://opentutorials.org/course/3084/18418

----------------------------------------------------------

 

링크 태그 <a></a>

1. 링크 태그의 수식어

1. 태그의 제왕 
2. 검색엔진의 원천
3. 정보의 고립을 막음
4. 하루에 백번도 넘게 사용함
5. HTML의 약자 Hyper Text Markup Language에서 Hyper Text
6. anchor(배가 정박할 때 사용하는 닷. 정보의 바다에 정박한다의 시적인 표현)의 첫 글자 <a> 

 

 

 

2. 링크태그 <a> 사용

이전에 만들어 놓은 웹페이지에 링크를 넣을 것. 

1. 원하는 홈페이지의 주소 복사.
   • 강의에서는 검색어 : html specification - W3C에서 만든 HTML 공식 설명서
   • 나는 LOL 을 주제로 페이지를 만들고 있기 때문에, 리그 오브 레전드 공식 사이트 사용 
2. 아래의 코드 작성 : a태그와 href 속성
   1. <a href="https://na.leagueoflegends.com/ko-kr/">리그 오브 레전드</a>

   

   위의 코드 결과. 링크를 누르면 해당 사이트로 이동한다.

3. 새로운 탭에서 열리고, 마우스 올렸을 때 설명이 나오도록 속성 추가
   1. <a href="https://na.leagueoflegends.com/ko-kr/" target="_blank" titie="leagueoflegends official site">리그 오브 레전드</a>

 

 

 

3. 링크와 공부

 

링크를 타고 타고 하며 정보를 얻는 것도 공부이다. 이것을 즐기고 있다면 공부를 즐기는 사람이다. 

 

 

* 관련된 게시물 *

[생활코딩_WEBn] 5. HTML 코딩과 실습환경 준비

[생활코딩_WEBn] 기본 문법 - 태그

[생활코딩_WEBn] 혁명적인 변화

[생활코딩_WEBn] 통계에 기반한 학습

[생활코딩_WEBn] 줄바꿈

[생활코딩_WEBn] HTML이 중요한 이유

[생활코딩_WEBn] 최후의 문법 속성과 img

[생활코딩_WEBn] 부모 자식과 목록

[생활코딩_WEBn] 문서의 구조와 슈퍼스타들