공부하고 또 공부하는

[개요] 태그는 웹 페이지에서의 입력 양식을 의미합니다. 로그인 창이나, 회원가입 폼 등이 이에 해당됩니다. 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 벡엔드 서버에 양식이 전달되어 정보를 처리하게 됩니다. [속성] 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 입력] [결과]

[개요] 태그는 HTML 문서에서 표를 만드는 태그입니다. 행과 열을 표현하기 위해 ,등의 태그와 함께 작성하게 됩니다. 예전에는 웹 페이지의 레이아웃을 구성할 때, 태그를 이용하여 많이 구성하였는데 현재는 태그와 CSS를 이용하여 많이 구현합니다. [속성] tr태그 : 표의 행을 나타냄. td태그 : 표의 열을 나타내며, 태그 하위에 위치함. [사용법] 섹션1 섹션2 [HTML 입력] [결과]

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

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

[개요] html안에서는 아무리 enter를 치거나 스페이스를 쳐서 공백을 표시한다고 해서 브라우저에 노출이 되지는 않음. enter는 태그를 사용함으로써 구현하고 공백은 &nbsp라는 문구를 삽입해 공백을 표현하고는 함. 하지만 이렇게 일일이 여러 태그를 활용하여 개행이나 공백을 넣지 않아도 되는 방법이 있음. 태그를 활용하면 됨. 태그안에서는 enter나 tab 스페이스를 다 활용할 수 있음 [사용법] 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 길이 보우하세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 [HTML 입력] [결과]