웹 애플리케이션 만들기

HTML 이론

 HTML의 기본문법

 ex_html1.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    안녕하세요. <strong>생활코딩</strong>입니다.
  </body>
</html>

 HTML 문법 - 속성

ex_html2.html 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    안녕하세요. <a href="http://opentutorials.org/course/1" target="_blank">생활코딩</a>입니다.
  </body>
</html>

HTML 문법 - 태그의 중첩

ex_html3.html 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <ol>
      <li>html</li>
      <li>css</li>
      <li>JavaScript</li>
    </ol>
    <ul>
      <li>최진혁</li>
      <li>최유빈</li>
      <li>한이람</li>
    </ul>
  </body>
</html>

HTML 정리

소스코드

댓글

댓글 본문
작성자
비밀번호
  1. Yonjung Ji
    완료! 차근차근 잘 알려주시는 걸로는 최강이지않나 싶습니다.
  2. 쿠티뉴
    16.11.29 완
  3. harris
    2016.11.29 22.53 완료
  4. 문성은
    16.11.29 완료
  5. 덜렁이
    <table>
    <tr>1.html</tr> <tr>2.css</tr> <tr>3.javascript</tr>
    </table>
    을 <body></body>사이에 넣으면 됩니다.
    요새는 <div></div>를 많이 씁니다.
    대화보기
    • 카별
      해결되었습니다! 아파치가 꺼져있었네요.
    • 카별
      <에러가 뜹니다>
      사이트에 연결할 수 없음

      localhost에서 연결을 거부했습니다.
      Google에서 localhost hello world 검색
      ERR_CONNECTION_REFUSED

      잘 되다가 노트북을 옮겨서 다른 장소에서 hellowolrd.html을 작동시키니 이런 글이 뜹니다. 왜일까요?
      제 이메일로 답변을 보내주시면 감사하겠습니다.
    • 이호준
      2016.11.19
    • 박정한
      완료
    • 민지민디
      2016.11.13여기까지
    • Bogwang Jung
      11.5 완료!
    • 당당비
      목소리 넘나 좋으세요!
      완료!
    • 배둘
      16.11.01 완료
    • 강연지
      16.10.31
    • 약 10여년 전에 나모 웹 에디터 라는 프로그램을 이용해서 처음 접하게 된 html인데, 이렇게 head body 같은 기본적인 것들을 모르는 상태에서 홈페이지를 만들던 기억이 새록새록 떠오르네요. 잘 보고 갑니다^^
    • 활화산
      맥을 짚어서 알려 주시네요. 감사합니다
    • 정말 감사합니다.
    • 데브시
      20161017 - 너무 쉽고 재밌고 조곤조곤 설명해주시는게 너무 좋네요~!
      이 수업을 알게되서 참 다행이라고 생각합니다
    • Ino Jeong
      MAC OS의 텍스트편집기를 사용해 HTML을 작성하는 경우
      "기호를 제대로 인식하지 못해 작동이 정상적으로 되지 않는 경우가 있습니다.

      이럴때는 시스템 환경설정 -> 키보드 -> 텍스트 -> 스마트 인용 및 대시 인용
      여기에서 큰 따옴표 부분이 살짝 다른모양의 큰따옴표로 바뀌어 있는 것을 확인할 수 있습니다.
      이부분을 정상적인 큰 따옴표로 변경하거나 체크 해제해주시고, 재작업하면 정상적으로 돌아갑니다.
    • 김용운
      16.10.13 완료
    • 권은중
      잘봤습니다
    • 안재우
      2016.10.12. 완.료.
    • 안재우
      2016.10.12. 완.료.
    • bluegun
      161011 수강완료. 감사합니다
    • Kun-Woo Lee
      2016.10.11 완료!
    • veritas3264
      2016.10.11 감사합니다.
    • Mrdawn
      161010 수강완료
    • Shinkyu Lee
      차근차근 한 걸음씩 따라갑니다. 재밌네요!
    • 류엶
      20161006 완료
    • San Koh
      2016-10-07 완료했습니다!!!
    • nanggoon
      <ol></ol>을 테이블 안에 넣으려면 어떻해야 할까요?
      지금 배운건
      1.html
      2.css
      3.javascript
      라고 화면에 나오는데
      <table>을 이용해서
      1.html 2.css 3.javascript
      이렇게 나오게 하고 싶은데...잘 안되네요.
    • Xuperman
      160930 완료 :D
    • 수강완료
    • 박용환
      2016-09-30 완료
    • 송곳
      저도 처음에는 안됐는데, html문서 다시 저장하고 웹페이지 새로고침하고 링크를 누르니까 됐어요.
      _self같은 경우에는 굳이 저장을 하지않고 새로고침을 하지 않더라도, 기본적인 하이퍼링크 설정(_self나 _blank라는 target의 속성값을 입력하지 않은 경우, target이라는 속성을 입력하지 않은 경우)이 기존 탭에서 이동하도록 되어있는 경우라 _self만 되고 _blank만 되지 않는것 같다고 느끼신것 같습니다.
      맞나요?? egoing님
      대화보기
      • john2nd
        _blank 가 안먹혀요 ㅠㅠ
        _self만 되네요..
      • xianabe
        수강완료 09.28 감사합니다.^^
      • HTML 기본문법 수강완료
      • myong7351
        감사합니다.^^
      • BlueFox
        egoing님은 책한권 쓰셔야될 듯!^^
      • 김준복
        수강완료 09/20
      • 이수재
        수강완료 09/19
      • egoing
        그렇게 안하면 파일명 끝에 .txt가 붙거든요~
        대화보기
        • 구찬우
          맥 유저입니다. 윈도우에서 메모장으로 저장할때 모든파일로 선택 후 저장을 하시는데 이 동작이 어떤 차이가 있는건가요? 맥에선 그런 설정이 없기 때문에, 다른게 뭐가 있나 하고 질문드립니다. 강좌 너무 잘보고있습니다. 항상 감사드립니다!
        • 이성진
          수강완료!
          감사합니다~
        • Shanks78
          2016.09.12 수강완료 ^^
        • 임지호
          오랜만에 학문에 대한 열정을 다시 느낍니다.
          쉽고 이해 잘 되고 은근 재밌는 수업인 것 같습니다.
          또 하나 수업목적에 따라 체계를 굉장히 잘 짜셨다는 생각이 듭니다
          ppt보면 심플한 것을 좋아하시는 것 같은데 역시 핵심은 간결함에서 나온다는 생각이 드네요.
          앞으로 응원하겠습니다.
        • 박주성
          2016 9월 5일 잘 보았습니다
        • 이정희
          2016년 09월05일 봤어요~~
        • 강태풍
          감사합니다
          html 이론 수업
          2016 , 9 , 5 (월)
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기