table의 구조는 HTML과 유사하게, ~, ~, ~의 3구조로 나누어 집니다. 표를 작성할 때에 각 부분에 해당하는 내용들을 넣으면, 표의 내용의 위치를 변경하더라도 thead의 내용은 head위치에 tfoot의 내용은 foot위치에 표시가 됩니다. 이름 성별 학년 회비 이미남 남자 4학년 10000 이미녀 여자 4학년 5000 합계 15000 전체 표를 로 감싸고 제목에 해당되는 부분은 , 내용에 해당되는 부분은 로 항목 하나하나 감싸줍니다. 표 테두리를 두께를 지정할 때에는 border라는 속성을 이용합니다. 그리고 태그 자체의 가독성을 높이기 위해 헤드 부분은 , 주 내용 부분은 , 그 외의 내용 부분은 으로 감싸줍니다. 이것은 각 구조의 위치를 결정하기도 합니다. 이름 성별 학년 회비 이미남 ..
웹페이지에 표를 삽입하는 방법을 알아보도록 합시다. 이라는 태그를 이용해서 표를 만드는데, HTML의 태그들 중에서 가장 복잡한 태그라고 할 수 있지만 그렇다고 해서 이해하지 못하는 것은 아닙니다. 다음과 같은 예제를 만들어 봅시다. 이름 성별 학년 이미남 남자 4학년 이미녀 여자 3학년 이름 성별 학년 이미남 남자 4학년 이미녀 여자 3학년 border는 테이블의 테두리를 표시하는 것으로 다음에 나오는 숫자값으로 선의 굵기를 결정할 수가 있습니다. td(table data)의 약자로 테이블안에 들어가는 내용을 표시합니다. tr(table row)의 약자로 행을 표시해 주는 역할을 합니다.
이미지 태그에 대해서 알아보도록 합시다. 웹페이지에 이미지를 포함하는 방법을 말합니다. 초창기 HTML에는 이미지 태그를 사용하지 않았지만, HTML2 부터 포함되어서 사용되었습니다. 이미지 태그에는 라는 태그를 사용합니다. 예제를 만들어 봅시다. 실습폴더에 img.html이라는 화일로 이름을 저장합니다. 이미지를 불러올 사이트 참조는 픽사베이라는 사이트를 이용합니다. 이미지 참조 사이트 : https://pixabay.com 산이라고 검색하여서 이미지를 [실습]이라는 폴더에 다운로드를 받고, img.jpg로 저장하여서 이미지 태그를 사용하여 이미지를 불러와 봅시다. 이미지 태그 사용시, 마지막에 다른 태그들처럼 꺽쇠로 닫고 다시 태그를 써 주는 것이 아니라 태그를 안 닫아도 됩니다. 높이(height)..
새로운 행에서부터 입력이 시작되도록 합니다. A forced line-break의 줄임말입니다. ~태그의 쓰임과 유사하지만, p태그의 경우 단락을 나타내지만 br태그의 경우 줄바꿈을 나타냅니다. 태그의 경우 줄바꿈하는 태그로 문장상에서 Enter의 역할을 담당하는 것이고 br태그를 사용해서 디자인 변경을 해도 되지만 단락을 구분할 때는 ~태그를 사용하는 것이 더 좋습니다. 왜냐하면 p태그로 단락을 감싸는 것 자체가 이것이 단락이다라는 정보표시 효과도 포함되어 있기 때문입니다. 아직 배우지 않았지만, 자체 디자인 변경시에 태그에 CSS로 하는 것이 좋습니다. 예를 들어, 동해물과 백두산이 마르고 닳도록 하나님이 보우하사 우리 나라만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 남산위에 저 소나..
p태그는 paragraph의 줄임말로 단락을 의미합니다. 위키피디아 사이트에서 "html"을 검색하여서 내용들을 불러와 봅시다. HTML 최초의 일반 공개 설명은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서 시작되었다.[4][5]그것은 머릿글자로 이루어진 20개의 요소를 기술하였고, 상대적으로 HTML의 단순한 디자인이었다. 하이퍼링크를 제외한 HTML 태그들은 CERN 자체의 SGML 기반 문서화 포맷인 SGML GUID에 강하게 영향을 받았다. 이 요소의 13개는 HTML 4 버전에서도 여전히 존재한다.[6]HTML은 동적인 웹 페이지의 웹 브라우저를 통한 문자와 이미지 양식이다. 문자 요소의 대부분은 1988년 ISO 기술 보고서 9537 SG..