웹 애플리케이션 만들기

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. 161210
  2. 김지훈
    제 데스크톱 하나로 만든 서버를 다른 노트북(다른 브라우저)에서 접속하면 안되는 이유가 뭔가요?
    bitnamis가 설치된 컴퓨터만 위의 활동이 적용되는 것인가요?
  3. 그런데 위의 태그의중첩 영상 초반에 <ul>,<ol> 없이 <li>로만 했을때에도 기호가 나오던데요..?
    대화보기
    • < ul> ,<ol> 하의 태그로 <li>를 사용합니다.
      대화보기
      • ksj321321@naver.com
        <li> 내용은 표기되는데 왜 기호는 안나올까요..? 그런데 또 <ul> 그룹을 묶어주면 <li> 정상으로 표시되구요..왜그럴까요???
      • Yonjung Ji
        완료! 차근차근 잘 알려주시는 걸로는 최강이지않나 싶습니다.
      • 쿠티뉴
        16.11.29 완
      • harris
        2016.11.29 22.53 완료
      • 문성은
        16.11.29 완료
      • 덜렁이
        <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가 붙거든요~
            대화보기
            • 구찬우
              맥 유저입니다. 윈도우에서 메모장으로 저장할때 모든파일로 선택 후 저장을 하시는데 이 동작이 어떤 차이가 있는건가요? 맥에선 그런 설정이 없기 때문에, 다른게 뭐가 있나 하고 질문드립니다. 강좌 너무 잘보고있습니다. 항상 감사드립니다!
            • 이성진
              수강완료!
              감사합니다~
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기