본문 바로가기

Web39

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.
HTML의 Link속성 오늘은 HTML에서 링크를 걸 수 있는 태그를 알아보려고 해요. 링크란 해당 글씨에 링크를 걸어서 글자를 클릭해서 다른페이지로 넘어가는 것을 말합니다. 링크를 걸 수 있는 태그는 태그 입니다. 기본 문법은 text or Image 이런 식으로 사용하면 됩니다. 새로운 창에서 해당 링크를 띄우고 싶다면 뒤에 target="_blank"만 추가로 입력해주면 됩니다. 새창에서 보이기 입니다!! 제가 텍스트나 이미지를 넣는다고 했는데요 이미지는 다음에 포스팅하도록 하겠습니다. 2017. 3. 2.