생활코딩

Coding Everybody

코스 전체목록

닫기

문서의 구조

예제 

<html>
<head>
  <title>HTML - 수업소개</title>
  <meta charset="utf-8">
</head>
<body>
<h1>HTML</h1>
<ol>
  <li>기술소개</li>
  <li>기본문법</li>
  <li>하이퍼텍스트와 속성</li>
  <li>리스트와 태그의 중첩</li>
</ol>

<h2>선행학습</h2>

본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 
</body>
</html>

 

댓글

댓글 본문
작성자
비밀번호
  1. 푸른하늘
    1
  2. 최정현
    궁금한 거는 여기다 질문 올리면 되나요?
  3. 바람과 나무
    감사합니다.
  4. 바키
    저도 동일한 문제가 발생하네요 ㅠㅠㅠ
    대화보기
    • Migyeong Kang
      글씨가 안깨지는 상황에서 meta 태그 입력시에는 오히려 깨지네요? 이것은 왜 그런건지 궁금합니다~
    • 니니
      좋아요
    • 170823
    • 안녕하세요 항상 강의 감사합니다.
      text파일을 만들어서 다른이름으로 저장으로 html 파일 만드는데
      작업다 하고 text파일에서 저장하고 껏다가 다시 text파일 여는데
      전부다 사라져 있네요...ㅠㅠ
      왜그런거죠?
    • Ji-Hoon Lee
      170802완료입니다
    • 나홀로문도리
      문서의 구조도 매우 유익한 내용이었습니다.
      왜 템플릿 내 태그의 구조가 그러한가를 이해하였습니다.
      감사합니다! ^^
    • 더빌CMS
      감사합니다
    • famousdba
      감사합니다.
    • Changki Seo
      잘 봤습니다~
    • 리지
      좋은강의 너무감사드립니다!!
    • hanorange
      좋은 강의 감사합니다!
    • php가 첫취업?
      알아두고갑니다
    • 14번째
      4.27.
    • VVINKIM
      문서의 구조
      <tiltle></tiltle> = 탭 제목 설정
      <meta charset="utf-8">
      <head></head> = 부가적인 정보
      <body></body> = 본문
      <html>
    • 완료!3/13/2017
    • 미니밥통
      기술소개, 기본문법, 하이퍼텍스트와 속성, 태그의 중첩목록 그리고 문서의구조까지 정독했습니다.
      다음 단계 넘어가서도 틈틈히 반복 시청 및 연습을 해야겠네요
      감사합니다.
    • 이지
      170308 완료:)
    • 푸른하늘
      감사합니다
      170308
    • 17.03.05
    • 감사합니다
    • 김윤희
      notepad++를 쓰고 있는데 영어 글씨체를 바꿀 수 있나요?
    • 임지호
      html문서의 구조

      | - title(웹페이지 제목)
      | - head(문서를 꾸며주거나 부가적인 정보 제공) -
      html - | - meta(한글 깨질 때 charset="utf-8" .....
      | - body(본문에 해당하는 내용) -
      | - h1 ( > h2 숫자 클수록 더 큰 제목) .....
    • D.JA
      DONE!
    • bak.ha
      수강완료
    • 심외무별법
      잘보고있습니다. 감사합니다.
    • HIPPO
      2016.08.28 수강완료 ♥v♥///
    • 김종엽
      2016.08.12 완료!
    • Ian Si Mong Seong
      수강완료
    • 김윤아
      수강완료~
    • 우주야
      감사합니다!
    • 우루부루구루
      이고잉님 덕분에 HTML 문서 구조를 잘 파악할 수 있었습니다. 감사합니다.
    • JustStudy
      2016.07.19 화
      고맙습니다 3.
    • good
      감사합니다!!
    • 파아피만트
      <meta charset="utf-8"> 넣고 한글 깨질땐, 메모장 - 다른이름으로저장 - 인코딩 부분을 ansi에서 utf-8로 바꿔주시면 됩니다~
    • 엄지척
      <meta charset="utf-8"> 이건 매번있던건데 왜 있어야하는지 명확히는,,,몰랐습니다.
      오늘 강의듣고 명확히 잘 알게되었어요~~~!!! 감사합니다 ^^
    • judy
      주옥같은 강의 정말 감사합니다.
      머리에 쏙쏙들어옵니다.
    • yejikim
      본문에 들어가는 태그들은 body태그로 묶어준다.
      title과 meta태그는 본문에 해당되는 태그들(h1, a, li 등...)과 성격이 다르며,
      head태그로 묶어준다. header랑 헷갈렸는데 조금씩 알아가고있습니다~
      감사합니다.
    • 좋은 강의 잘 들었습니다.
      감사합니다.
    • 오빠는다르다
      감사합니다!!!!
    • 김민규
      감사합니다. 잘 봤습니다.^^
    • 검사무운
      잘 봤습니다.
    • 루살카
      안녕하세요 강의 너무 감사합니다.

      그런데 <meta charset="utf-8">를 입력하면 한글이 깨지지 않고 보이는 이유가 뭔가요? ㅎㅎㅎ 마법의 주문같네요.
    • SK Kim
      도장 쾅!
    • 김진렬
      감사합니다
    • 왕초보
      복습하니 이재서야 개념이 생기네요. ㅎㅎ
      고맙습니다.
    • 이찬규
      정말 감사함니다.
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기