공부하고 또 공부하는

[개요] 태그는 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그입니다. 페이지의 설명 요약, 핵심 키워드, 제작자, 크롤링 정책 등 수많은 정보를 제공할 수 있도록 해주는 태그입니다. 닫는 태그가 없는 태그로, 태그의 속성을 통해 정보를 제공합니다. 태그를 이용하여 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 입력] [결과]

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

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

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

[개요] 태그는 하이퍼링크를 걸어주는 태그임. [속성] href : 클릭 시 지정된 링크로 이동됨. target : 링크를 여는 방법 _self : 현재 페이지(기본값) _blank : 새 탭 _parent : 부모 페이지로, iframe 등이 사용된 환경에서 쓰임. _top : 최상위 페이지로, iframe 등이 사용된 환경에서 쓰임. 프레임이름 : 직접 프레임이름을 명시해서 사용할 수도 있음. [사용법] 네이버 [HTML 입력] [결과] ※ 네이버를 클릭하면 네이버(www.naver.com) 페이지가 뜸

[개요] 태그는 글자를 기울여서 표시하는 태그로, italic의 약자입니다. CSS에서 font-stlye을 italic으로 설정하는 것과 같은 효과를 나타냅니다. [사용법] 글자가 기울여서 표시됩니다 [HTML 입력] [결과]

[개요] b 태그는 글자를 굵게 표시하는 태그로, bold의 약자임. 태그도 같은 기능을 하며, 최신 표준은 태그보다는 태그를 권고하고 있음. [사용법] 안내 앞을 조심하세요 [HTML 입력] [결과] ※ 추가 : strong 태그를 사용한 경우 [HTML 입력] [결과]

웹사이트는 크게 3가지 요소로 구성되어 있음. HTML (Hyper Text Markup Language), CSS (Cascading Style Sheets), 자바스크립트 (Javascript) HTML(Hyper Text Markup Language) - 웹문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류 - 웹페이지에서 제목, 이미지, 동영상, 문단, 표 등을 정의하고 그 구조와 의미를 부여하는 정적 언어 - 웹의 구조를 담당 CSS(Cascading Style Sheets) - 마크업 언어(HTML, XML, XHTML등)가 실제 표시되는 방법(색상, 레이아웃, 크기, 폰트 등)을 지정하여 콘텐츠 구조를 구며주는 정적 언어 - 웹의 시각적인 표현을 담당 JavaScript - HTML ..