공부하고 또 공부하는

[개요] 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 입력] [결과]

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

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

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

[개요] 기본적으로 HTML은 코드 가독성 향상을 위해 줄 바꿈을 해도 줄 바꿈이 화면에 출력되지 않는다. (한 줄로 계속해서 나옴.) 줄 바꿈을 하려면 직접 줄 바꿈을 한다는 명령을 적어 주어야 하며, HTML에서는 BR태그를 통해서 줄바꿈을 할 수 있다. [사용법] 첫번째 줄 두번째 줄 [HTML 입력] [결과]