생활코딩

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

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

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