DevSSOM

웹사이트의 구조 책이 목차, 본문, 부록으로 구성되어 있는 것처럼 웹사이트도 목차, 본문, 부록이 있음. 웹사이트를 구성하는 태그들은 개발자마다 조금씩 다르게 쓰고 있어서 아래 설명하는 태그들이 모두 다 필수적으로 들어가는 것은 아님. , 태그 ... 태그 : 웹사이트의 머리글을 담는 공간. 사용자가 웹사이트에 접속했을 때 가장 먼저 보여지는 영역. 이 헤더 태그 안에는 보통 네이게이션이 담겨져 있는 경우가 많아. 그래서 네비게이션을 담고 있는 영역이라고 해서 태그를 같이 써줘. 태그 : 네이게이션과 관련된 정보들이 들어가는 공간을 의미. 메뉴 버튼을 만들 때 사용하는 , , 태그들과 함께 사용. 네이버를 예를 들어보면, 메일 카페 블로그 태그 안에는 보통 회사 로고를 넣어주기 때문에 태그가 들어감. 그..

링크를 넣을 땐 태그 태그는 텍스트, 이미지를 클릭했을 때 다른 웹페이지로 이동시키는 기능을 갖고 있음. 참고로 a는 Anchor(닻)의 약자. 네이버 href – 연결할 웹페이지의 URL 주소. target – 웹페이지를 연결하는 방식. target="_blank"면 새 탭으로 이동시키겠다는 의미. 위의 예시는 그래서 '네이버'라는 텍스트를 클릭하게 되면, 새 탭으로 네이버가 뜨게 됨. 만약, 태그 안에 태그를 넣으면, 로고 이미지를 누르면 네이버 홈페이지로 이동하게 됨.

HTML이란? Hyper Text Markup Language라고 해서 웹사이트에서 눈에 보이는 정보(텍스트, 이미지 등)나 특정 구역을 설정할 때 사용하는 언어. 예를 들어, 네이버는 아래처럼 구역이 설정되어 있음. HTML의 변화 시간이 지남에 따라 버전업이 되면서 자주 사용되지 않는 용어들은 사라지고 시대에 맞추어 새로운 신조어가 등장. 우리가 살펴볼 언어들은 html5를 기준으로 설명될 예정. 태그의 기본 구성 하나의 태그는 다음과 같이 구성됨. 컨텐츠 태그 : 열린 태그와, 닫힌 태그로 이루어져 있음. 몇몇 태그를 제외한 대부분의 태그들은 형태의 닫힘 태그를 꼭 작성해야함. 컨텐츠 : 열린 태그와 닫힌 태그 사이에 있는 내용. 속성 : 태그가 갖고 있는 추가 정보. 속성값 : 어떤 역할을 수행할..

웹사이트 제작 = 건물 짓기 웹사이트를 제작하는 과정 자체가 집을 짓는 과정과 비슷. 설계 도면 작업을 담당하는게 HTML, 집을 다 지으면 인테리어 공사를 담당하는게 CSS, 그리고 박수치면 불꺼지는 조명효과처럼 웹사이트의 기능을 담당하는게 자바스크립트. 웹을 구성하는 요소 HTML은 정보를 웹사이트에 표기할 때, 웹사이트의 구조를 설계할 때 쓰고, CSS는 웹사이트에 디자인을 입힐 때, 예를 들어 색상을 바꿀 때, 공간에 대한 크기를 설정할 때 사용. 마지막으로 자바스크립트는 웹사이트에 좀 더 동적인 효과를 부여할 때 사용. 웹사이트 제작시 고려 사항 웹 표준 : 웹 사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격. 반드시 지켜야된다라는 강제성이 있진 않지만, 잘 지키게 되면 구글에서 웹사이..