BRONZE
BRONZE 등급의 판매자 자료
리포트 / 공학/기술

HTML 웹개발 기초 정리

HTML기초 정리입니다.
5 페이지
워드
최초등록일 2013.07.02 최종저작일 2013.07
HTML 웹 개발
5P 미리보기
HTML 웹개발 기초 정리
상세정보 자료후기 0 자주묻는질문

  • 미리보기

    소개

    HTML기초 정리입니다.

    목차

    1. HTML의 개요
    2. HTML 기초 문법
    3. HTML을 이용한 텍스트 작성
    4. HTML 유용한 테이블
    5. HTML 속성별 사용 방법
    6. HTML 폼 태그

    본문내용

    1. HTML 개요

    HTML의 정의
    HTML = HyperText Markup Language로 www에서 호환되는 마크업 언어이다.
    Tim Berners-Lee가 개발 했으며 HTML의 발전 과정은 HTML > HTML4.0 > XHTML > HTML5 순이다.

    HTML 편집기
    텍스트 기반: 메모장, Edit Plus, Ultra Edit 등등
    그래픽 기반: 드림 위버, 나모 웹 에디터

    HTML의 구조
    HTML은 Element + Tag + Attributes + Arguments 네 가지가 결합된 구조다.
    기본적으로 적용되는 것은 세가지가 있다.
    <HTML></HTML>: HTML 문서 선언
    <HEAD></HEAD>: 문서제목과 헤더 정보
    <BODY></BODY>: 브라우저에 표시되는 문서내용

    HTML의 기본태그
    <H1>~</H6>: Heading 머리글로써 숫자가 높을수록 크기가 커진다.
    <P></P>: 문단을 구분하는 태그이다.
    <BR>: HTML에서는 엔터로 줄바꿈이 되지 않기 때문에 <BR>명령어를 사용하여 줄을 바꾼다.

    < 중 략 >

    FORM 태그
    입력 양식 컨트롤들을 포함해서 속성에 의해 값을 처리
    action = URL: 폼의 값을 받아서 처리할 URL을 지정
    method = get | post: 폼의 전송 방식을 나타냄
    entype = MIMETYPE: 폼의 전송 형식을 지정

    INPUT 태그
    type 속성을 이용하여 폼 태그의 이너 태그로 텍스트
    type = text(문자를 입력 받음) | textarea(문자열을 입력 받음) | password(패스워드를 입력 받음) | checkbox(여러 개 선택 가능한 체크박스) | radio(한 개만 선택 가능한 라디오) | submit(서버에 URL값을 요청) | reset(입력값 초기화) | file(파일 dialog 출력해서 업로드 할 파일 선택 가능) | hidden(태그는 있지만 화면에 보이지 않음) | button(submit 기능과 reset기능을 코드를 통해 전송할수 있게 도와줌)
    name 속성으로 type 속성의 value를 담아 요청 페이지로 전달

    참고자료

    · 없음

  • 자료후기

      Ai 리뷰
      지식판매자의 해당 자료는 과제를 작성하는 데 큰 도움이 되었고, 내용이 풍부하여 많은 정보를 얻을 수 있었습니다. 정말 추천할 만한 자료입니다.

    • 자주묻는질문의 답변을 확인해 주세요

      해피캠퍼스 FAQ 더보기

      꼭 알아주세요

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

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

    지금 보는 자료와 연관되어 있어요!
    왼쪽 화살표
    오른쪽 화살표
    판매자 설정표지
    판매자 설정표지
    판매자 설정표지
    판매자 설정표지
    판매자 설정표지
    문서 초안을 생성해주는 EasyAI
    안녕하세요. 해피캠퍼스의 방대한 자료 중에서 선별하여 당신만의 초안을 만들어주는 EasyAI 입니다.
    저는 아래와 같이 작업을 도와드립니다.
    - 주제만 입력하면 목차부터 본문내용까지 자동 생성해 드립니다.
    - 장문의 콘텐츠를 쉽고 빠르게 작성해 드립니다.
    - 스토어에서 무료 캐시를 계정별로 1회 발급 받을 수 있습니다. 지금 바로 체험해 보세요!
    이런 주제들을 입력해 보세요.
    - 유아에게 적합한 문학작품의 기준과 특성
    - 한국인의 가치관 중에서 정신적 가치관을 이루는 것들을 문화적 문법으로 정리하고, 현대한국사회에서 일어나는 사건과 사고를 비교하여 자신의 의견으로 기술하세요
    - 작별인사 독후감
    “EasyAI 가 작성한 문서 초안은 완벽하지 않을 수 있습니다"
    EasyAI 이동하기
    : 브라우저에 표시되는 문서내용\\n\\nHTML의 기본태그\\n

    ~

    : Heading 머리글로써 숫자가 높을수록 크기가 커진다.\\n

    : 문단을 구분하는 태그이다.\\n
    : HTML에서는 엔터로 줄바꿈이 되지 않기 때문에
    명령어를 사용하여 줄을 바꾼다.\\n\\n< 중 략 >\\n\\nFORM 태그\\n입력 양식 컨트롤들을 포함해서 속성에 의해 값을 처리\\naction = URL: 폼의 값을 받아서 처리할 URL을 지정\\nmethod = get | post: 폼의 전송 방식을 나타냄\\nentype = MIMETYPE: 폼의 전송 형식을 지정\\n\\nINPUT 태그\\ntype 속성을 이용하여 폼 태그의 이너 태그로 텍스트\\ntype = text(문자를 입력 받음) | textarea(문자열을 입력 받음) | password(패스워드를 입력 받음) | checkbox(여러 개 선택 가능한 체크박스) | radio(한 개만 선택 가능한 라디오) | submit(서버에 URL값을 요청) | reset(입력값 초기화) | file(파일 dialog 출력해서 업로드 할 파일 선택 가능) | hidden(태그는 있지만 화면에 보이지 않음) | button(submit 기능과 reset기능을 코드를 통해 전송할수 있게 도와줌)\\nname 속성으로 type 속성의 value를 담아 요청 페이지로 전달", "author": { "@type": "Person", "name": "6043262" }, "offers": { "@type": "Offer", "price": "1000", "priceCurrency": "KRW", "availability": "https://schema.org/InStock" }, "educationalLevel": "University", "learningResourceType": "Assignment", "about": "공학/기술" }
    해캠 AI 챗봇과 대화하기
    챗봇으로 간편하게 상담해보세요.
    2025년 07월 14일 월요일
    AI 챗봇
    안녕하세요. 해피캠퍼스 AI 챗봇입니다. 무엇이 궁금하신가요?
    1:13 오후