HTML(29)
-
html5 헤더구조
1. html5 헤더구조에 사용되는 태그 header 헤더의 전체적인 구조를 나타냅니다. nav 사이트의 메뉴를 이루는 부분입니다. 메뉴는 사이트의 전체메뉴이거나 특정한 상황에서만 보여지는 메뉴일 수 있으며 header안에서 사용됩니다. section 화면에 보여질 웹체이지의 주요 컨텐츠를 담아둡니다. 일종의 본문에 해댱합니다. article section안에서 주제별로 구분되는 본문을 배치합니다. aside 화면의 좌, 우측에 보여지는 컨텐프를 포함하는 영역입니다. footer 화면의 하단부분을 구성하는 영역입니다.
2017.03.20 -
Sublime Text 설치 후 초기 세팅하기(기본 플러그인 포함)
요즘 개발자들.. 특히 프론트엔드 개발자에게 인기를 끌고 있는 개발툴인 서브라임텍스트를 설치하고 난 다음 기본적으로 설치해야 하는 프러그인와 세팅방법을 포스팅 하려고 합니다.서브라임텍스트 설치서브라임텍스트는 현재 안정버전인 Sublime Text 2 버전과 베타 버전인 Sublime Text3 가 있습니다. 저는 앞으로 Sublime Text 3을 사용할 것이므로 이것을 설치하겠습니다. 먼저 해당 사이트에 접속을 해서 윈도우용 서브라임텍스트를 다운받아 설치합니다.설치는 그냥 설치하라는데로 설치하면 문제 없습니다.기본 설정하기설치를 하고나면 “어.. 이게 뭐야” 라고 할정도로 아주 단순한 검정화면만 나옵니다. 마치 윈도우 메모장의 블랫버전 같습니다. 그러나 숨어있는 기능은 정말 어마어마합니다. 그래서 이 ..
2017.03.20 -
웹브라우저 HTML5 지원정도
1. 웹브라우저의 종류와 HTML5 지원정도구글크롬 ( Chrome ) 빠른 업데이트를 통해 HTML5 표준에 가장 발 빠르게 대응하고 있어 최근 가장 많이 사용되는 브라우저입니다. 모질라파이어폭스 ( Firefox ) 일반 사용자들보다 개발자들이 자주 사용하는 웹브라우저로 개발도구와 부가 기능들이 뛰어납니다. 마이크로소프트인터넷 익스플로러 ( Internet Explorer ) HTML5에 대한 지원은 취약하지만 아직까지 인터넷 익스플로러(IE)를 기준으로 하는 사이트가 많기 때문에 국내에서 많이 사용되고 있습니다. 윈도우 7 SP1부터 지원하기 시작한 IE11을 마지막으로 더이상 개발하고 있지 않습니다. 마이크로소프트엣지 ( Edge ) 인터넷 익스플로러 대신HTML5를 지원하기 위해 새로 개발해 윈..
2017.03.06 -
Form 태그
1. Form tag -> HTML 문서에서 사용자로 부터 입력받은 데이터를 ASP, PHP 등과 같은 언어를 사용하여 서버로 전달해주는 과정까지를 말합니다. Method - 입력된 내용을 GET, POST 방식 중 하나를 선택하여 전달할 것인지를 결정하는 속성입니다. - GET : 사용자로 부터 입력받은 데이터를 전달할 때, URL에 붙어서 전달하는 방식으로 데이터를 쉽게 노출하기 때문에 보안이 취약한 대신 전송속도가 POST보다 빠르다는 장점이있습니다. - POST : 사용자로 부터 입력받은 데이터를 인코딩하여 메세지의 본문안에 포함하여 전달하는 방식으로 데이터를 노출하지 않기 때문에 보안이 우수한 대신 입력크기에 제한이 있다는 단점이 있습니다. Action - 사용자로 부터 입력받은 데이터를 전달하..
2017.02.27 -
03. Table
1. Table 예제코드 테이블 예제입니다. Line1 - 1Line1 - 2Line2 - 1Line2 - 2Line3 - 1Line3 - 2Line4 - 1Line4 - 2 2. 실행화면 -1) 화면의 크기에 따라 "Line3", "Line4"번의 테이블 크기가 커지는 화면 -2) 실행화면 3. 해설 1. -> 테이블의 테두리선의 굵기가 1이고, 넓이가 500이며, 배경색이 "#55cc00"인 테이블을 생성합니다. 2. -> 라인의 한 줄을 생성지점을 알려줍니다.3. Line1 - 1 -> 위에서 생성한 한 줄에다가 넓이가 100이고, 배경색이 "999999"인 한 칸을 만듭니다. 4. Line1 - 2 -> 생성된 한 칸 옆에 또 다른 한 칸을 생성합니다. 5. -> 라인의 한 줄의 생성의 종료지점을..
2017.02.20 -
HTML 기초태그
1. 기초태그 설명 html의 시작과 끝을 알려줍니다. 머리영역으로, 대표적인 태그로 title이있습니다. 브라우저 툴바에 나타나는 제목을 작성합니다. 본문영역이며, 본문의 내용을 작성합니다. 2. html 저장방법 html의 경우 확장자명을 .htm, .html로 설정하고, 파일형식은 "유니코드 텍스트 문서" & "All type"을 선택하여 저장합니다. 3.대소문자 구별 html을 작성할 때에는 대소문자 구별이 필요하지 않습니다. 대문자로 작성하든 소문자로 작성하든 같은 결과물이 출력되기 때문인데요. 하지만 W3C에서는 소문자로 작성하는 것을 권장하고 있습니다. W3C란 World Wide Web Consortium의 약자로 HTML, CSS, XML등 웹 문서 코드 표준을 관리하는 기관을 지칭합니다..
2017.02.20