웹 애플리케이션 만들기

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. hailey
    안녕하세요! 완전 초보입니다. 강의 너무 잘 듣고 있습니다. 처음 코딩이라는 걸 해보는데 너무 재밌네요!!
    이번 강의에서 배운 3개 태그들을 이것 저것 실험해보다가 생긴 질문들이 있는데 답변가능하실까요?!
    1. <ol>을 쓸 때 앞에 나오는 숫자 1. 2. 3. 얘네까지 진하게 만들고 싶어서 <strong><li>~~~</li></strong> 이런식으로 했더니 의도했던대로 숫자까지 진해지는데, 그 대신 리스트의 숫자가 끊겨요ㅠㅠ 다음 리스트 적으면 다시 1부터 시작하는데 어떻게 해야할까요?
    2. 제가 만든 html로 링크를 걸고 싶어서 <a href="localhost/todolist.html" target="_blank"> 이런식으로 넣었는데 안되구 주소에 localhost/를 빼야 작동되더라구요. 왜 그런지 궁금해요.
  2. colors
    프로그래밍을 저도 할 수 있다는 게 너무 신기하고 재밌어요.
    좋은 강의 만들어주셔서 감사합니다~~~~~~
  3. Seo Yun Seok Tudoistube
    HTML5 사전 감사합니다^_____^
    https://opentutorials.org......058
  4. Anonymous
    2017 / 05 / 18 - 오늘 하루 여기까지 완료하였습니다 . 정말 감사드려요 ㅎㅎ
  5. 허스키
    완주했습니다
  6. 송재욱
    완주 완료 !
  7. 쿠쿠다스
    오늘도 감사합니다^^
  8. 이상엽
    좋아요!
  9. HK.FG204
    2017-05-13
    완료~~~~~~~~~
  10. 김민근
    5.11 Intro success.
  11. Henceforward
    좋은 강의 감사합니다
  12. YuMi Lee
    5/8완료
  13. 슈퍼디벨로퍼
    완료!!!
  14. Seunghyun Shin
    넘나 넘나 넘나 좋은 것
  15. 따옴표를 다 변경하셔아합니다
  16. 서동주
    엄청 재밌어요 감사합니다
  17. 지미
    2017/04/24 완료 감사해요!
  18. 22017-04-20 11:39
  19. 소간지
    프로그래밍 살면서 처음 접해보는데 재미있어서 미쳐버릴것 같아요 ^^*
  20. Web programming하는데 필요한 컴퓨터 사양은 높지가 않습니다. 해당 노트북 사양을 보니 충분한 것 같습니다.
    대화보기
    • 한신웅
      대박! 정말 고맙습니다!!!
      대화보기
      • 이신호
        20170409 완료
      • 윤상철
        텍스트 편집기 환경설정에서
        열기 및 저장하기 탭의 파일을 열 때:
        HTML 파일을 서식있는 텍스트가 아닌 HTML코드로 표시에 체크해주세요.
        대화보기
        • 윤상철
          Mac 사용자분들 중 코드가 그대로 노출되시는 분들은
          텍스트 편집기 - 환경설정 - 새로운 도큐먼트 탭의 포맷에서
          리치 텍스트를 일반 텍스트로 변경하시면 됩니다.

          옵션의 스마트 인용에 체크가 되어있다면 체크를 해제하세요.
          큰 따옴표의 자동 기울임을 해제합니다.

          Safari 사용자 분들중 브라우저에 제대로 출력되지 않으시는 분들은
          환경설정 - 고급 - 기본 인코딩을 UTF-8로 변경하시면 됩니다.
        • 김성연
          자고일어나니까 다되네여...;;ㅎ
          대화보기
          • 김성연
            연습 처음꺼 하는데 왜 흰바탕밖에 안뜰까요?ㅠ
            두번째꺼 하니까 텍스트는 뜨는데 거기선 또 링크가 안되있고...머가 문젤까여
          • 재미나네요
          • zephyr
            오랫동안 손을 놓고 있었는데 다시 시작했습니다.!
          • 이진우
            2017.03.20 시작이 반이다 (18~20)
            - 웹서버 설치오류가 나 우선 전체적으로 보기만 하고 새로이 컴을 산뒤 다시 복습!하기
            - 질문 : 어떤 컴퓨터가 좋을까요? 현재 삼성 아티브 nt900x3g-k58s
          • 박범규
            html은 정보!
          • 오희남
            인코딩에 UTF-8 이라고 하길래 했는데
            인코딩에 뭐에요? 쉽게 설명해주시면 감사하겠습니다.. 제가 이해력이 부족해서 그리고 UTF-8도 뭔지 알려주세요.
          • 란뽕
            해결했는데
            덧글이 삭제가안되네여
          • 텍스트편집기-환경설정-옵션 에서
            스마트 인용 스마트 대시 체크해제하니까 되네요!

            해제한후에 다시 입력해서 했더니 되었습니다ㅎㅎ
            대화보기
            • 안녕하세요~ 저는 맥 os사용자입니다!
              브라우저는 파이어폭스를 쓰고 있구요
              저는 localhost:8080으로 들어가면 제가 쓴 코드가 그대로 나옵니다 ㅠ
              따옴표도 기울어진 것 말고 똑바로 선걸로 바꾸었는데도 그러네요
              무엇이 문제인건지 궁금합니다-
            • 김재희
              안녕하세요, 우선 강의 너무 감사드립니다!
              저는 맥 사용자구요 브라우저는 크롬쓰고있습니다,

              1) 속성 두번째 강의, a태그 강의 내용 실행하면 Not Found로 뜨네요ㅠㅠ이유를 모르겠습니다;;
              저장경로, UTF-8, 파일명등도 확인했구요, 사용한 코드도 강의와 일치합니다!
              유투브 댓글에 보니 저와 같은 문제 있는 분들이 있던데 어떻게 해결할 수 있는지 알려주세요!

              2) 속성 첫번째 강의때 저장해 두었던 파일을 다시 textedit app으로 열었을때
              전에 적어 둔 코드가 아래와 같이 알수없는 문자들로 바뀌어있습니다.
              안녕하세요. 생활코딩입니다.
              textedit app으로 열지 않고, 파일을 더블클릭해서 브라우저를 통해 열렸을때는
              적었던 코드가 정상적으로 뜹니다. 이거는 왜이런건지 궁금합니다!

              확인 부탁드려요~
              감사합니다!
            • 센스쟁이v
              <li> 태그 실습 할 때 익스플로러로 하니까 글자 앞에 점이 뜨지 않았는데 크롬으로 하니까 잘 됩니다.

              잘보고 갑니다^^
            • Richard Park
              감사합니다. 오류나길레 댓글들 읽어보다가 해결하고갑니다!
              대화보기
              • 고은정
                html 본질 - 정보
              • 고은정
                독타입 :이게 어떤 표준안으로 만들어진건지
                웹브라우저가 이해할수있도록 html으로 앞에 명시하는것.

                hmtl문의서 표준안을 독타입을 명시하는것인거네.. .. 맞나 ㅎ. ㅎ/ㅋ
              • 고은정
                ol,ul,a태그
                target, href속성
              • Jaeeui Kwon
                감사합니다~
              • 용기사
                수업 잘 듣고 있습니다.
                링크거는 법을 실습하던 중 질문이 생겼습니다.
                코딩을 한 후에 링크를 누르니 아래와 같은 문장이 뜨며 실패하네요;;
                어디가 잘못된 건지 의견 좀 여쭐게요^^

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

                사이트에 연결할 수 없음

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

                ======================================
              • 이승우
                20170301완료
              • 가드
                20170228 완료
              • 가드
                20170228 게임질려서 보다가 완료!
              • 이승우
                20170228 중간
              • 가드
                20170228 지금은 밤이라 내일 강의를 듣는다 오늘은 자러 가야겠다.
              • 김영곤
                고맙습니다. 저도 사회에 도움될 수 있도록 노력하겠습니다.
              • AskXerre
                갑자기 영상 많아져서 당황;;
              • 너굴
                2/23 20시간 계속 듣기 완료!
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기