우리가 웹 페이지를 많이 보다 보면 궁금한 점이 생길 수 있을 겁니다.
특히 Youtube, Titstory 등 많은 웹 사이트들이 있습니다.
이러한 웹 사이트는 굉장히 많은 정보를 담고, 많은 사람들에게 보여주고 있습니다.
간단하게 스마트폰, 또는 컴퓨터 하나만 들고 있으면 많은 정보와 웃음을 줄 수 있는 자료들이 많이 존재하죠.
많은 사람에게 도움을 주기도 하는 웹 페이지들을 조금 알아보도록 하겠습니다.
대부분의 많은 웹 페이지들은 HTML이라는 언어로 이루어져 있습니다.
HTML은 HyperText Markup Language 라는 줄임말입니다.
한국어로 해석하면 하이퍼텍스트 마크업 언어라고 해석할 수 있겠죠?
각 언어에 뜻을 해석해보자면 하이퍼텍스트란?
한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트라는 뜻이고,
마크업이란?
텍스트나 워드프로세싱 파일의 특정 위치에 삽입되는 일련의 문자들이나 기호라고 합니다.
그러니까 합해보면 문서에서 문서로 이동할 수 있는 텍스트가 파일의 특정 위치에 삽입될 수 있다고 해야 되나?
뭐 이러한 뜻으로 해석이 될 수도 있을 것 같네요.
그럼 지금 HTML의 간단한 문법에 대해 배워볼까요?
HTML 코드는 이렇게 구성되어 있습니다.
See the Pen strong by Xsop-sop (@xsop-sop) on CodePen.
꺽쇠 안에 Tag(태그) 이름을 넣어주시고, '내용' 칸에 텍스트나 글을 넣어주시면 됩니다.
그리고 꺽쇠를 하나 더 열어서 / ← 이런 걸 하나 넣고 Tag(태그) 이름을 적어주시고 꺽쇠를 닫아주시면 됩니다.
여기서 궁금한 게 하나 있으실 수 있을 것 같습니다.
Tag(태그)란 무엇일까요?
Tag는 (어떤 표시를 하기 위해 붙인) 꼬리표 (사람 사물을 묘사하기 위해 붙인) 꼬리표(출처 : 네이버 영어사전)라는 뜻을 가지고 있습니다. 줄여서 말하자면 어떤 표시를 하거나 사람사물을 묘사하기 위한 꼬리표라는 뜻을 가지고 있습니다.
여기 HTML 코드에서도 그 태그가 하는 일을 표시해주는 것입니다.
이렇게 위에 있는 코드처럼 <strong>이라는 태그를 사용하여 글을 굵게 표시했습니다.
strong은 '강한'이라는 뜻을 가지고 있습니다.
원래 글씨체보다 강하다는 뜻은 원래 글씨체보다 두꺼워진다고 지레짐작할 수 있을 것 같습니다.
지레짐작할 수 있다면, Tag의 이름이 Tag가 가진 뜻을 표시할 수 있다고 생각합니다.
그럼 Tag의 이름이 은유법을 사용한 것처럼, 그 Tag가 무엇을 뜻하는지 알 수 있습니다.
그럼 Tag의 뜻이 어떤 표시를 하거나 사람 사물을 묘사하기 위한 꼬리표라는 뜻을 충족한다고 생각합니다.
HTML이 어떤 역할을 하고, 왜 필요하고 그리고 간단한 문법까지 배워보았습니다.
HTML이 있다면 굉장히 무궁무진합니다. 그러므로 이 글을 읽고 있는 독자분들이 HTML 공부를 시작하면 좋겠습니다.