공부하고 또 공부하는

[개요] HTML은 한 회사가 단독으로 제작한 언어가 아니며, 상용되고 있는 대다수의 브라우저들이 독자적으로 파일을 해석하므로 표준이 잘 정해져있지 않았습니다. 신기술을 사용하기 위해서 adobe flash 같은 플러그인 형태의 기술을 사용하다가, 이를 HTML 언어 자체적으로 표준화 한 것이 HTML5입니다. HTML5 등장 이전에도 표준이 전혀 없지는 않았는데, 그 이전에는 주로 XHTML이나 HTML4를 사용했습니다. [XHTML] XML + HTML의 합성어로 HTML보다 엄격한 문법을 가집니다. 대표적으로 태그처럼 닫는 태그가 없는 태그는 끝에 공백과 함께 />를 붙여주어야 하고, 태그가 트리구조로 이루어져야 합니다. : 틀림 : 맞음 첫번째 문자두번째 문자 : 틀림 첫번째 문자두번째 문자 : ..

[개요] 태그는 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그입니다. 페이지의 설명 요약, 핵심 키워드, 제작자, 크롤링 정책 등 수많은 정보를 제공할 수 있도록 해주는 태그입니다. 닫는 태그가 없는 태그로, 태그의 속성을 통해 정보를 제공합니다. 태그를 이용하여 description, keywords, author, subject, classification 등의 정보를 표기할 수 있으며, 검색 엔진은 이런 정보를 적극적으로 활용합니다. [사용법] [HTML 입력]

[개요] 태그는 웹 페이지에서의 입력 양식을 의미합니다. 로그인 창이나, 회원가입 폼 등이 이에 해당됩니다. 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 벡엔드 서버에 양식이 전달되어 정보를 처리하게 됩니다. [속성] name : 폼의 이름 action : 폼 데이터가 전송되는 백엔드 URL method : 폼 전송방식(GET / POST) [개요 - input태그] 태그는 전체 양식을 의미하며, 화면에 보이지 않는 추상적인 태그입니다. 실제로 사용자가 양식을 입력하기 위한 태그는 태그 등이 사용됩니다. type 속성을 통해 종류를 나타내며, name을 통해 데이터의 이름, value를 통해 기본값을 지정합니다. [type - 속성] text : 일반문자 pas..

[개요] 태그는 list의 약자로, 목록을 만드는 태그입니다. 이 태그는 단독으로 쓰이지 않으며 혹은태그 내부에 들어갑니다, 태그는 단순히 리스트 나열 뿐만 아니라 메뉴등을 만들때도 사용합니다. 이줌 리스트를 만들기 위해서는 이나 하위에 다시 이나 태그를 쓰면 됩니다. [속성] : 번호를 매겨 순서가 있는 (ordered list) 목록을 만듭니다. : 순서없이 모양으로 (unordered list) 목록을 만듭니다. [사용법] 목록1 목록2 [HTML 입력] [결과]

[개요] 태그는 태그처럼 특별한 기능을 갖고 있지 않고, CSS와 함께 쓰입니다. 태그와의 차이점은 display 속성이 block이 아닌, inline이라는 점인데, 이는 CSS display 항목에서 세부 정보를 알 수 있습니다. 이 둘의 차이를 쉽게 설명하자면, 는 줄 바꿈이 되지만, 은 줄 바꿈이 되지 않는다는 점입니다. [사용법] 내용 [HTML 입력] [결과]

[개요] 태그는 웹 페이지의 제목을 나타내는 태그입니다. 웹페이지 본문에는 보이지 않으며, 브라우저의 탭 등에서 확인할 수 있습니다. 문서의 제목을 알리는 용도 뿐만 아니라, 검색 엔진 등에서 가장 크게 보여지는 텍스트이므로 페이지의 특성을 드러내는 제목을 작성하는 것이 중요합니다. [사용법] HTML title 태그 [HTML 입력] [결과]

[개요] div 태그는 Division의 약자로, 레이아웃을 나누는데 주로 쓰입니다. 다른 태그와 다르게 특별한 기능을 갖고 있지는 않고, 가상의 레이아웃을 설계하는데 쓰이며, 주로 CSS와 연동하여 쓰입니다. [사용법] contents1 contents2 [HTML 입력] [결과]

[개요] 제목 줄을 가지고 있는 경우 사용하는 태그로 , , 를 사용하여 구현합니다. [속성] : 표의 제목을 나타내는 태그로 하위, 상위에 위치합니다. : 표의 본문 영역을 나타내는 태그로 와 같은 위치에 존재합니다. : 제목 셀을 나타내는 태그로 태그 대신 사용됩니다. [사용법] 학교 창립년도 서울대학교 1946년 연세대학교 1885년 [HTML 입력] [결과]

[개요] 태그는 이미지를 삽입하는 태그로, src 속성을 통해 이미지 경로를 지정합니다. 이미지 파일이 src 속성에서 지정한 경로에 없을 시, 이미지는 출력되지 않거나 엑박이 뜨게 됩니다. [속성] src : 이미지의 경로 width : 이미지 가로 크기 height : 이미지 세로 크기 [사용법] [HTML 입력] [결과]

[개요] 태그는 섹션과 문단의 제목을 나타내며, 숫자가 작을수록 글자의 크키가 커짐~ 단순히 글자의 크기가 크게 보이뿐만 아니라, 봇(컴퓨터, 검색엔진)이 문서를 파악하기 위해 쓰이므로 상황에 맞게 태그를 써주는 것이 중요. [사용법] 웹서비스 기획안 [HTML 입력] [결과]