반응형 IT 상식28 HTML 언어의 발전과 HTML 태그와 관련된 간단한 통계 이번 글에서는 컴퓨터프로그램 언어인 HTML가 발전과 함께 어떻게 변화해 왓으며, 현재에 HTML의 흥미로운 통계에 대하여 다루겠습니다. # HTML의 발전 1990년대 팀 버너스리에 의해서 HTML이 처음으로 개발되었을때에 HTML은 가히 혁신적인 개발이었습니다. 이전에 쓰던 SGML에서 고작 하나의 태그가 추가된 것이 현재의 웹페이지의 토대를 만들었습니다. 그 태그는 태그이며 개발자들이 자주사용하는 태그 TOP5에 올라있습니다. 개발자들은 이렇게 말할 수도 있습니다. a 태그를 만히 사용하는 것은 당연한 것이 아니냐 라고요. 그만큼 a태그의 중요성은 중요하며 그것이 HTML이 혁신적인 이유이기도 합니다. 이러한 혁신적인 개발이후 30년이 흘렀습니다. 첫 HTML의 등장시기에 태그의 개수는 18개 였습.. 2022. 6. 27. [HTML] 아톰 에디터(atom editor) 시작 방법 이번 글에서는 아톰 에디터 입문자들을 위하여 시작하는 방법과 함께 간단한 사용방법들에 대하여 다루겠습니다. # ATOM EDITOR 새로운 파일 만들기 새로운 파일을 만드는 것은 굉장히 간단합니다. 레이아웃을 수정하지 않으셨다면 아톰 에디터 화면 좌측에 프로젝트 레이아웃이 있을텐데 이곳을 마우스 오른쪽으로 클릭한 뒤에 New File을 클릭하신 뒤에 파일의 이름을 지정해주시면 됩니다. # ATOM EDITOR 간단 사용방법 (1) HTML을 입력한 뒤에 ENETR 또는 하단에 나온 메뉴바를 클릭하여줍니다. 그러면, 자동으로 오른쪽과 같은 일련의 코드들이 화면에 출력됩니다. (2) 화면에 뜬 HTML 태그들을 살펴보겠습니다. 하나하나 살펴보자면 가장 위에 있는 DOCTYPE 태그는 이 문서가 html 언어.. 2022. 6. 26. HTML) DOCTYPE의 정의와 목적 이번 글에서는 컴퓨터 프로그래밍 언어인 HTML 언어를 사용함에 있어서 DOCTYPE 태그가 어떠한 의미를 가지고 있는지에 대하여 다루겠습니다. # DOCTYPE 예시 아래에 사진을 보시면, 일련의 html 태그 아래에 head 태그와 body 태그로 구분되어 있는 문서 양식의 html 편집기 사진이 보입니다. 언뜻보기에는 별다른 문제가 없는 문서처럼 보입니다. 하지만, 이 문서에는 doctype 태그가 더 기입되어야만 합니다. 그 이유는 이 문서가 어떠한 형식의 언어를 따르고 있는지에 대하여 브라우저에게 알려야 하기 때문입니다. # DOCTYPE 태그의 정의 DOCTYPE 태그의 풀네임에 대해서 들여다보자면 document type declaratuon 의 약어입니다. 하나하나의 뜻풀이를 보자면, do.. 2022. 6. 25. HTML) 탭 이름 적용방법과 구조적 완성도 높이기 이번 글에서는 HTML을 활용하여 제작한 웹페이지의 탭 이름을 수정하는 방법과 HTML로 만든 문서의 구조적 완성도를 높이는 방법에 대하여 다루겠습니다. # HTML 탭 이름 적용방법 먼저, 아래 사진을 보시면, HTML로 작성된 문서와 편집기 사진을 보실 수 있습니다. 또한, 웹페이지의 좌측상단에 표시되고 있는 탭의 이름을 보시면 a. html로 적혀있는 것을 볼 수 있습니다. 이 탭이름이 이렇게 적혀있는 이유는 웹페이즈를 구성하고 있는 파일 명이 a. html이기 때문입니다. 이 페이지 탭의 이름을 우리가 원하는 방식으로 변경하기 위해서는 title 태그를 이용하여 별도의 정보를 컴퓨터에게 알려주어야 합니다. # title 태그 적용방법 title 태그는 원하는 탭의 이름 와 같이 사용하며, 실제 적.. 2022. 6. 25. 이전 1 2 3 4 ··· 7 다음 반응형
