본문 바로가기

Web/HTML9

HTML 의 반응형 오늘은 반응형! 그러니까 디바이스마다 크기를 자동으로 맞춰주는 명령어(?)를 알아보겠습니다. 이거라고 해요! 부분에 그대로 복사해 쓰시면 될거같습니다. 이렇게 HTML은 마무리를 하구요 CSS로 넘어가서 더 자세히 다뤄보도록 하겠습니다. 2017. 3. 6.
HTML의 table태그 오늘은 HTML의 태그중에 table태그입니다. 간단히 말해서 표를 만드는 태그라고 할 수 있는데요. 표를 만들때도 사용하지만 웹사이트의 프레임 구조를 잡을때 더욱 많이 사용한다고 해요! 기본 문법은 입니다. 태그는 Table Row의 약어로써 테이블의 행을 나타냅니다. 태그는 테이블의 행을 나타냅니다. 간단하게 표를 이렇게 나타낼 수 있습니다. 다음은 table태그에서 사용되는 여러가지 속성들을 알아볼께요! align="정렬방식" (left / right / center 등) width="숫자" (가로길이_px 또는 %로 입력) height="숫자" (세로길이_px 또는 %로 입력) background="파일경로" (배경 이미지 설정) bgcolor="색상" (배경색 설정) border="숫자" (테이.. 2017. 3. 5.
HTML의 Image넣기 이번엔 Image를 넣을 수 있는 img태그에 대해서 알아보겠습니다. 기본문법은 입니다. 이미지 태그 하위 속성으로는 이미지 넓이 : 이미지 높이 : 이미지 정렬 : 부언 설명 : 2017. 3. 2.
HTML에서 목록으로 나타내기 오늘은 HTML에서 목록만드는 법을 배워볼텐데요. 목록을 만드는 태그에는 ol 태그, ul 태그가 있습니다. 먼저 ol 태그부터 설명드리겠습니다. ol 태그는 Order List의 줄임말로써 텍스트 앞에 숫자를 넣지 않아도 자동으로 숫자로 목록을 나타내 줍니다. 그리고 을 넣지 않아도 자동으로 줄 바꿈이 가능합니다. 다음은 ul태그 입니다. ul 태그는 Unorder List의 줄임말로써 순서가 없는 리스트를 사용할 때 쓰입니다. 기본적으로 앞에 기본블릿 (점)이 나타나고 이를 없앨려면 css를 적용시키면 됩니다. 2017. 3. 2.