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