요즘 IT기술과 통신의발달로 우리주위에 컴퓨터와 핸드폰이 생활의 필수품으로 자리잡아 가고있는 가운데,이들 기기의 가장 중요한 부분을 차지하고 있는 화면을 구성하고 있는 언어에 대하여 조금이라도 알고 있는것이 SNS시대를 살아가는데, 개발자가 아니더라도 필요하다고 생각합니다.오늘은 웹을 구성하고 있는 html 구조에 대하여 간단하게 설명하고자합니다
HTML은 Hypertext Markup Language의 약자로 웹 문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어의 한 종류로 , 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 하이퍼텍스트를 작성하기 위해 개발되었습니다. HTML에서 사용하는 명령어를 태그(tag)라고 하며, 꺽쇠괄호"<>"를 사용하여 나타내며, 일반적인 태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있으나 "img", "br"등의 태그처럼 시작태그만으로 되어 있는 경우도 있으며, 종료 태그의 이름은 슬래시 문자[/]로 나타냅니다.
<<HTM 구조>>
<< 웹브라우저 크롬에서 보여지는 화면>>
① <! Doctype html> : 현재 문서가 html 1~5 버전중에서 html 5버전으로 작성된 웹문서라는 뜻입니다
② <html>~</html> : 웹문서의 시작과 끝을 나타내는 태그로, 웹브라우저가 <html> 태그를 만나게 되면 </html>까지의 소스를 읽어 html 무넙에 맞추어 브라우져에 표시합니다.
③ <head>~</head> : 웹브라우저가 웹문서를 해석하기 위해 필요한 정보들을 입력하는 부분으로 문서제목만 브러우저 창에 표시됩니다.
④ <title>~</title> : 브라우저의 제목표시줄에 표시되는 내용
⑤ <body>~</body> : 셀제로 웹브라우저 화면에 나타날 내용으로 html 태그들은 태부분 여기에 들어가게 됩니다.
⑥ <meta > : 문자 인코딩 방법 및 문서의 키워드와 요약정보를 지정
html을 작성할 때 태그는 소문자로 작성하며 속성과 함께 사용됩니다. 여는 태그와 닫는 태그를 정확히 입력해야 하며, 닫는 태그가 없는 것도 있습니다