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. Mongsil
    2020.03.30 완료 감사합니다 ^^
  2. 완료_1
  3. jongguk
    잘보고 갑니다
  4. naedo
    3.15.2020
  5. 최강최고
    3월12일 완료
  6. 20.01.26
  7. Charlie Kwon
    완료
  8. 2020. 1. 6 수업완료
  9. 2020.01.01
  10. 수완입니다
  11. 제잇츠
    2019.11.12 수완
  12. 김유석
    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 << 검색하면 자세하게 나오니까 참고합시다 !!
  13. 20191110 수강완료
  14. ㄱㅈㅎ
    이거 왜 유튜브가 안될까요?
    오전 10:24분인데
  15. 피짜
    조그만 거긴한데 기본문법</a></li> 이거인데 <a/>로 되어있어요ㅎㅎ 어쨋든 잘보고 있습니다~
  16. 완료
  17. 제니
    2019.09.27
  18. 랄랄
    감사합니다!
  19. 비전공프로그래머
    수강완료!
  20. 조은호
    수강완료! 정말 유익합니다 감사합니다!
  21. 류석현
    수강완료
  22. gdfgdfg
    dgfdgfdg
  23. 띤뚜
    감사합니다!
  24. 핫도그
    190610 감사합니다
  25. 190610 감사합니다.
  26. 김주엽
    공부완료
  27. 코코코
    봣어여!!!
  28. djgmdzz@nate.com
    2019.04.18완료
  29. jjjjjjjju
    19/04/05
  30. Lanelevine
    2019/02/26 완료. 감사합니다.
  31. Amber
    2019/02/07 완료
    여러가지를 복습하고 직접 <a href="" ></a>
    을 사용한 웹을 만들다니 정말 재밌었어요
    흥미로워요!!
  32. 1atmosphere
    2019/01/26 완료. 감사합니다.
  33. kimjs
    190117 완료
  34. Wonni132
    감사합니다. "지식을 습득하는 법"이 중요!
  35. 한승민
    20190114 완료
  36. Yeji Jeong
    완료했습니다
  37. 미완성
    20190107완료
  38. 미요기
    감사합니다!!
  39. 코딩 똑같이 했는데 왜 저는
    맨 위에 li에는 동그라미가 없고 왼쪽으로 글자가 이동해서 이상하게 나오는지 모르겠네요.
  40. Gihoon Pomme Ryu
    완료. 고맙습니다.
  41. 서영주
    감사합니다
  42. shcd
    clear!
  43. 김민영
    완료
  44. 신비
    감사합니다
  45. clear
  46. 와우
    감사합니다
  47. lpuckul
    말 한마디 한마디가 좋았습니다.
    지식은 바뀌니 습득하는 법을 터득하는것이 중요하다는 말씀!
    훅 들어왔네요!
    감사합니다
  48. 어리바리
    11번째줄이 눈에 띄네요
  49. hyebin
    finish
  50. ㅅㅈㅎ
    감사합니다!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기