HTML (8) 썸네일형 리스트형 [html] 인라인(inline), 블록(block) 요소 인라인(inline) - 수평 방향으로 요소가 배치. 줄 바꿈 적용 안됨 - 박스의 크기를 설정하는 width와 height 속성이 적용되지 않음 - 상하단 마진인 margin-top, margin-bottom 속성이 적용되지 않음 (예시) : : : : : : : : : : 블록(block) - 앞 뒤에 자동 줄 바꿈이 일어나 새로운 줄에 요소가 표시. 수직 방향으로 배치 - 박스 크기 설정하는 width, height 속성 적용 됨 - 모든 마진 설정이 가능 (예시) : : : 에서 : : : : : : : : : 인라인-블록(inline-block) - 수평 방향으로 배치. 줄 바꿈 안일어남 - 블록 방식과 같이 박스의 크기 설정 가능 - 블록 방식과 같이 모든 마진 설정 가능 [html] 테이블 (table, tr, th, td) : 테이블의 행을 나타낸다 : 열의 제목을 만드는데 사용 : 각각의 셀 표시 [html] head 태그, meta 태그, charset meta 태그 : 메타 데이터를 다룬다. '데이터에 대한 데이터', '어떤 목적으로 만들어진 데이터'를 의미. 주로 기계가 읽고 이해하는 정보 -charset : 문서의 인코딩 방식. 인코딩 방식을 지정하지 않으면 문자 깨짐 현상 발생 [html] DOCTYPE 은 문서의 타입을 지정한다. DOCTYPE을 html로 지정하면 HTML5로 작성된 문서라고 나타낸다. DOCTYPE을 명시하지 않아도 HTML5로 인식하지만 IE9 이전 버전의 브라우저는 다른 형태의 문서로 인식한다. 일괄된 것을 위해서 DOCTYPE을 입력하는게 좋다 [html] link 태그로 css적용 를 추가한다 [html] 웹의 이미지 파일 포맷 JPG 24 비트 트루 컬러 사진 이미지에 많이 사용되는 손실 압축 고화질을 유지하면서 고압축 가능 다른 압축 방식에 비해 파일 크기를 작게할 수 있음 PNG 24 비트 트루 컬러 무손실 압축 JPG에 비해 압축 효율은 떨어지나 휴대폰 등에서 이미지 확대 시 고화질 유지, 최근 많이 사용 GIF 8비트(256컬러) 무손실 압축 사용 가능한 컬러 수가 다른 포맷에 비해 제한적 컴퓨터 그래픽 이미지에 많이 사용 파일 크기가 작음 이전에 많이 사용된 포맷으로 최근에는 사용X SVG 압축 포맷이 아닌 벡터 그래픽 포맷 이미지 확대 시 화질의 손상이 전혀 없음 웹 상에서 도형이나 그래프를 그리는 데 많이 사용 [html] 특수 문자 (공백) < & & " " ' ' [html] ul, ol, dl, dt, dd 태그 -ul (unordered list) 순서 상관없음 -> list item -ol (ordered list) 순서형 목록태그 속성 type으로 바꿀 수 있다 -dl (definition list) 정의형 목록 태그 dl태그안에 태그도 있다. dt (definition title) 용어의 정의 dd (definition data) 용어의 설명. 들여쓰기된다 이전 1 다음