HTML정리

자주 사용되는 태그

div- 블럭 태그, 구역을 나눈다.
span - 인라인 태그, 구역을 나눈다.
p - 문단태그
img - 이미지 태그 ( scr -> 이미지 주소 , alt -> 이미지가 안나왔을 때의 대체 텍스트)
a - 링크태그 ( href -> 링크주소, target -> 웹 페이지를 어디에서 열 것인가 _self : 현재탭, _blink: 새로운탭)
button - 버튼태그
ul - 목록태그(순서 x)
ol - 목록태그(순서 o)
li - 목록태그에 들어가는 list
input - 입력양식제어태그 (type에 따라 text, button, radio, checkbox 등으로 사용가능, text입력시 placeholder로 입력해야 되는 것 표시가능)
br - 줄 바꿈 태그
form - 사용자 입력 양식 태그(action -> 요청 보낼 페이지, method -> 정보전달방식)
그 외
https://www.tutorialrepublic.com/html-reference/html5-tags.php

Block과 Inline

block

• 부모요소의 전체 공간을 차지, 좌우 양쪽으로 최대한 늘어나 가능한 모든 너비를 차지한다.
• 한줄에 한 요소

inline

• 요소를 구성하는 태그에 할당된 공간만 차지
• 한 줄에 여러 요소 가능

HTML5의 block element 종류

address, article, aside, audio, blockquote, canvas, dd, div, dl, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, noscript, ol, output, p, pre, section, table, ul, video

HTML5의 inline element 종류

a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, small, script, select, span, strong, sub, sup, textarea, tt, var