• AI글쓰기 2.1 업데이트
BRONZE
BRONZE 등급의 판매자 자료
non-ai
판매자가 AI를 사용하지 않은 독창적인 자료

HTML프로그래밍 기초

기본적인 HTML 사용법을 이용하여 간단한 HTML 파일을 만들어본다. 이번 과제에서 Heading, Horizontal line, align, mail link, ordering, table, image link to the web site, font change, cell padding, cell spanning 등을 사용하였다.
4 페이지
압축파일
최초등록일 2012.08.30 최종저작일 2011.02
4P 미리보기
HTML프로그래밍 기초
  • 미리보기

    소개

    기본적인 HTML 사용법을 이용하여 간단한 HTML 파일을 만들어본다. 이번 과제에서 Heading, Horizontal line, align, mail link, ordering, table, image link to the web site, font change, cell padding, cell spanning 등을 사용하였다.

    목차

    1.요약

    2.코드설명

    본문내용

    1.요약
    첫주차에 배웠던 기본적인 HTML 사용법을 이용하여 간단한 HTML 파일을 만들어본다. 이번 과제에서 Heading, Horizontal line, align, mail link, ordering, table, image link to the web site, font change, cell padding, cell spanning 등을 사용하였다.

    2. 코드 설명
    기본적인 HTML 코드는 다음과 같은 구조를 가진다.
    <HTML>
    <HEAD>
    </HEAD>
    <BODY>
    </BODY>
    </HTML>
    본 실험에서는 HEAD부분은 쓰지 않았고, BODY 부분에 여러 코드를 넣어서 HTML파일을 작성하였다. BODY의 첫 부분부터 코드와 함께 간단한 부연설명을 하겠다.

    <중략>

    첫 번째 행에서는 <th></th>를 써서 테이블의 제목을 나타내었고, colspan을 통하여 열을 3개 병합하였다.

    두 번째 행에서는 rowspan을 통하여 1행 1열을 제외한 모든 열을 하나로 통합하였다. cell width는 100으로 하여서 너비를 조정하였고, align="center"를 통하여 가운데정렬을하였다.

    2행2열 (lecture4)부터 11행 3열 (Problem Solving) 부분의 행은 모두 왼쪽 정렬을 하였고, width는 2열은 100, 3열은 400으로 지정하였다. 여기서 각열의 가장 윗행 부분만 width를 조정하면 하위 행들의 너비는 자동적으로 같은 값으로 조정된다.

    Name 아래 부분의 행들은 각기 2,4,3, 의 rowspan을 하였다. 너비는 Name에서 정한 width로 자동적으로 정해졌고, align은 center로 하여 가운데 정렬을 하였다.

    참고자료

    · 없음
  • 압축파일 내 파일목록

    · lab1.html
    · lab1.hwp
  • 자료후기

      Ai 리뷰
      지식판매자의 자료는 제가 필요로 하는 지식을 완벽하게 충족시켜주었습니다. 과제 제출일이 얼마 남지 않아 시간이 부족했는데, 이 자료 덕분에 과제를 제출 할 수 있었습니다. 정말 감사합니다!
    • 자주묻는질문의 답변을 확인해 주세요

      해피캠퍼스 FAQ 더보기

      꼭 알아주세요

      • 자료의 정보 및 내용의 진실성에 대하여 해피캠퍼스는 보증하지 않으며, 해당 정보 및 게시물 저작권과 기타 법적 책임은 자료 등록자에게 있습니다.
        자료 및 게시물 내용의 불법적 이용, 무단 전재∙배포는 금지되어 있습니다.
        저작권침해, 명예훼손 등 분쟁 요소 발견 시 고객센터의 저작권침해 신고센터를 이용해 주시기 바랍니다.
      • 해피캠퍼스는 구매자와 판매자 모두가 만족하는 서비스가 되도록 노력하고 있으며, 아래의 4가지 자료환불 조건을 꼭 확인해주시기 바랍니다.
        파일오류 중복자료 저작권 없음 설명과 실제 내용 불일치
        파일의 다운로드가 제대로 되지 않거나 파일형식에 맞는 프로그램으로 정상 작동하지 않는 경우 다른 자료와 70% 이상 내용이 일치하는 경우 (중복임을 확인할 수 있는 근거 필요함) 인터넷의 다른 사이트, 연구기관, 학교, 서적 등의 자료를 도용한 경우 자료의 설명과 실제 자료의 내용이 일치하지 않는 경우

    찾으시던 자료가 아닌가요?

    지금 보는 자료와 연관되어 있어요!
    왼쪽 화살표
    오른쪽 화살표
    문서 초안을 생성해주는 EasyAI
    안녕하세요 해피캠퍼스의 20년의 운영 노하우를 이용하여 당신만의 초안을 만들어주는 EasyAI 입니다.
    저는 아래와 같이 작업을 도와드립니다.
    - 주제만 입력하면 AI가 방대한 정보를 재가공하여, 최적의 목차와 내용을 자동으로 만들어 드립니다.
    - 장문의 콘텐츠를 쉽고 빠르게 작성해 드립니다.
    - 스토어에서 무료 이용권를 계정별로 1회 발급 받을 수 있습니다. 지금 바로 체험해 보세요!
    이런 주제들을 입력해 보세요.
    - 유아에게 적합한 문학작품의 기준과 특성
    - 한국인의 가치관 중에서 정신적 가치관을 이루는 것들을 문화적 문법으로 정리하고, 현대한국사회에서 일어나는 사건과 사고를 비교하여 자신의 의견으로 기술하세요
    - 작별인사 독후감
    \\n\\n본 실험에서는 HEAD부분은 쓰지 않았고, BODY 부분에 여러 코드를 넣어서 HTML파일을 작성하였다. BODY의 첫 부분부터 코드와 함께 간단한 부연설명을 하겠다.\\n\\n<중략>\\n\\n첫 번째 행에서는 를 써서 테이블의 제목을 나타내었고, colspan을 통하여 열을 3개 병합하였다.\\n\\n두 번째 행에서는 rowspan을 통하여 1행 1열을 제외한 모든 열을 하나로 통합하였다. cell width는 100으로 하여서 너비를 조정하였고, align=\"center\"를 통하여 가운데정렬을하였다.\\n\\n2행2열 (lecture4)부터 11행 3열 (Problem Solving) 부분의 행은 모두 왼쪽 정렬을 하였고, width는 2열은 100, 3열은 400으로 지정하였다. 여기서 각열의 가장 윗행 부분만 width를 조정하면 하위 행들의 너비는 자동적으로 같은 값으로 조정된다.\\n\\nName 아래 부분의 행들은 각기 2,4,3, 의 rowspan을 하였다. 너비는 Name에서 정한 width로 자동적으로 정해졌고, align은 center로 하여 가운데 정렬을 하였다.", "author": { "@type": "Person", "name": "1331082" }, "offers": { "@type": "Offer", "price": "5000", "priceCurrency": "KRW", "availability": "https://schema.org/InStock" }, "educationalLevel": "University", "learningResourceType": "Assignment", "about": "공학/기술" }
    해캠 AI 챗봇과 대화하기
    챗봇으로 간편하게 상담해보세요.
    2026년 02월 12일 목요일
    AI 챗봇
    안녕하세요. 해피캠퍼스 AI 챗봇입니다. 무엇이 궁금하신가요?
    10:15 오전