본문 바로가기

마케터의 코딩노트/HTML

생활코딩 2일차. 하이퍼 텍스트와 속성

안녕하세요, 마케터로 재직하며 그리고 티스토리를 시작하며 가장 큰 욕구가 '코딩'이었는데요. 오늘부터 코딩공부에 들어가게 됐습니다. 스타트업 재직당시 개발자가 추천해준 '생활코딩'이라는 오픈 튜터링 페이지에서 시작하게 됐습니다.


첫 시작은 매우 익숙한 HTML(Hyper Text Markup Language)부터 수강하게 됐습니다.


전 시간에 태그라는 HTML의 기본 문법에 대해 배울 수 있었는데요.


1. 태그란?

기본 문법! 즉, 구조를 뜻합니다. HTML 기본 문법은 '<태그> 내용 </태그>'으로 꺽쇠로 시작해서 꺽쇠 슬래쉬로 마무리됩니다.



2. 속성이란?

태그로만 충족되 못하는 여러 기능들의 조합을 뜻한다.


<a>라는 태그는 '링크'태그이다. 만약 네이버로 연결시키고 싶을 경우(하이퍼링크) <a> 텍스트 </a>라는 '태그'를 네이버로 연결시키고 싶다라는 속성이 필요하게됩니다. 그때 사용되는 속성이 'href'입니다.


예시.

<a href="www.naver.com> 네이버 </a>


여기서 HTML의 기본 문법 사용은 'a'라는 하이퍼링크를 사용 어디로 연결하겠다라는 속성은 'href'가 사용된 것입니다.


즉, HTML 문법은 태그와 태그사이 속성을 추가하여 여러 기능 및 의미들을 사용할 수 있게 됩니다.