HTML 수업

웹사이트 만들기

예제

index.html

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

<h2>선행학습</h2>

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

1.html

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

<h2>기술소개</h2>
HTML은 HyperText Markup Language의 약자로서 웹페이지를 만드는 언어입니다.
</body>
</html>

나머지 예제는 생략합니다.

댓글

댓글 본문
작성자
비밀번호
  1. 제잇츠
    2019.11.12 수완
  2. 김유석
    2019.11.11 수강완료

    index.html 이라는 파일을 만든다.

    HTML 이라는 큰 글자는 index 라는 파일로 연결시킴. (HTML 을 누르면 . index 파일을 보여줌.)

    1. 기술소개 -> 1.html 이라는 파일로 설명.

    2. 기본문법 -> 2.html 이라는 파일로 설명.

    3. 하이퍼텍스트와 속성 -> 3.html 이라는 파일로 설명.

    4. 리스트와 태그의 중첩 -> 4.html 이라는 파일로 설명.

    ========================

    자주 사용하는 곳의 인터넷 마우스 오른쪽클릭 후 소스 보기로 지금까지 배웠던 것 복습가능 (F12버튼 -> 소스보기)

    모르는 단어

    ex ) button 이라고 하면.

    구글에다가 html button tag << 검색하면 자세하게 나오니까 참고합시다 !!
  3. BCITS
    20191110 수강완료
  4. ㄱㅈㅎ
    이거 왜 유튜브가 안될까요?
    오전 10:24분인데
  5. 피짜
    조그만 거긴한데 기본문법</a></li> 이거인데 <a/>로 되어있어요ㅎㅎ 어쨋든 잘보고 있습니다~
  6. 완료
  7. 제니
    2019.09.27
  8. 랄랄
    감사합니다!
  9. 비전공프로그래머
    수강완료!
  10. 조은호
    수강완료! 정말 유익합니다 감사합니다!
  11. 류석현
    수강완료
  12. gdfgdfg
    dgfdgfdg
  13. 띤뚜
    감사합니다!
  14. 핫도그
    190610 감사합니다
  15. 190610 감사합니다.
  16. 김주엽
    공부완료
  17. 코코코
    봣어여!!!
  18. djgmdzz@nate.com
    2019.04.18완료
  19. jjjjjjjju
    19/04/05
  20. Lanelevine
    2019/02/26 완료. 감사합니다.
  21. 2019/02/07 완료
    여러가지를 복습하고 직접 <a href="" ></a>
    을 사용한 웹을 만들다니 정말 재밌었어요
    흥미로워요!!
  22. 1atmosphere
    2019/01/26 완료. 감사합니다.
  23. 190117 완료
  24. Wonni132
    감사합니다. "지식을 습득하는 법"이 중요!
  25. 한승민
    20190114 완료
  26. Yeji Jeong
    완료했습니다
  27. 미완성
    20190107완료
  28. 미요기
    감사합니다!!
  29. 코딩 똑같이 했는데 왜 저는
    맨 위에 li에는 동그라미가 없고 왼쪽으로 글자가 이동해서 이상하게 나오는지 모르겠네요.
  30. Gihoon Pomme Ryu
    완료. 고맙습니다.
  31. 서영주
    감사합니다
  32. shcd
    clear!
  33. 김민영
    완료
  34. 신비
    감사합니다
  35. clear
  36. 와우
    감사합니다
  37. lpuckul
    말 한마디 한마디가 좋았습니다.
    지식은 바뀌니 습득하는 법을 터득하는것이 중요하다는 말씀!
    훅 들어왔네요!
    감사합니다
  38. 어리바리
    11번째줄이 눈에 띄네요
  39. hyebin
    finish
  40. ㅅㅈㅎ
    감사합니다!
  41. SlowStarter
    감사합니다!
  42. 이진혁
    너무 멋져요~ 사장님~ 아니 선생님~
  43. 김건호
    잘 들었습니다.! 근데
    페이지에 표시되는 글을 영어로 하면 잘 나오는데
    왜 한글로 치면 이상하게 나올까요? ㅠㅠ

    아 utf-8 을 euc-kr 로 바꾸니까 한글도 되네용!
  44. 이진경
    20180527 잘배우고 갑니다.^^
  45. 김은규
    2018.05.19
  46. 장현종
    감사합니다!!!
  47. 스페이스몽키
    감사합니다~!
  48. Hyeon Ju An
    감사합니다ㅎ
  49. 이지호
    utf-8 형식으로 인코딩 해야 됨니다
    대화보기
    • 김도람
      항상 명강의를 들려주셔서 감사합니다.
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기