생활코딩

-Summary- 의미론적 태그, 구글 검색엔진 최적화 가이드 02-10 (의미론적 태그 ~ 검색엔진 최적화 3) 의미론적 태그는 기능은 없지만 웹을 만들 때 사용되는 구조에 의미를 부여해준다. 의미론적 태그는 생활코딩 사이트에서 캡처한 위 사진처럼 여러가지가 있다. 이중에서 header, footer, nav는 학교에서 정보처리 산업기사 수업을 할 때 구역을 구분해주는 역할로 많이 접했었다. header는 머리라는 뜻에 걸맞게 가장 위쪽에 위치하는 것들을 의미하며, 해당 사이트 전체에 대한 정보가 들어있는 부분이다. 네이버 웹사이트로 예를 들자면 빨갛게 표시된 이 위쪽 부분이 header 부분인 것 같다. 이 위쪽에는 naver 광고가 있는데, 이부분도 header에 포함될 것 같지만 광고기 때문에 a..

-Summary- 버튼 태그, , , , get-post 방법, 파일 upload, , 02-08 (버튼 ~ 컨트롤의 제목 - label) -input type- -button input 태그의 type에 button 속성을 준다면 버튼을 구현할 수 있다. 앞서 배웠던 submit 역시 버튼이지만 이 submit 버튼은 동작이 정해져(form의 action 속성의 주소로 데이터 전송) 있는 반면, 이 button 속성은 동작을 정해줄 수 있다. 이 동작 같은 경우는 onclick 속성에 자바스크립트 등을 통해 작성해야한다. 또한 input tyoe="button"에 value 속성을 준다면 버튼안에 텍스트를 넣을 수 있다. 위는 input type을 button으로 주고 value에 '버튼'이라는 텍스트..

-Summary- HTML 배경 지식, , , , , , , 선택 태그 02-04 (생활코딩 HTML 기술소개 ~ 기본 문법) HTML은 HyperText Markup Language의 약자로 하이퍼텍스트(링크 등)을 가장 중요한 특징으로 하고 마크업이라는 형식을 가진 컴퓨터 프로그래밍 언어다. 여기서 언어란 약속이다. 사람들이 소통할 때 쓰는 한글, 영어 등 미리 약속 된 표현으로 소통을 하는데, 이를 언어라 하는 것이다. 프로그래밍 언어란 사람과 컴퓨터 간의 약속 된 표현이다. 여기서 HTML은 사람과 웹페이지 간의 약속이라 할 수 있다. 위 사진은 naver 웹사이트에서 오른쪽 버튼을 누르고, 페이지소스를 클릭해서 나온 사진이다. 위의 코드들이 HTML이다. html 코드 작성 방법은 간단하다. 메..