웹 애플리케이션 만들기

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. 개발자
    170221
  2. bluebottle
    2017.02.21 Complete
  3. 김정훈
    2017.02.17 완료.
  4. 이현균
    역주행갑니다.
  5. Funny
    2017/02/14 잘 보고 있습니다!
  6. 글로리아
    target=_blank
    _self
  7. 오 안그래도 왜 깨지나 했는데 덕분에 해결했어요
    감사합니다~!
    대화보기
    • 소히
      07:02 자막 중 오타 발견했어유! UFT
    • 강의를 다시보세요...
      대화보기
      • InSoo
        170207
        감사합니다.
      • Yunhye Lee
        파일 저장하실때 인코딩을 ANSI로 하신게 아닐까요? UTF-8로 바꿔도 그런가요?
        대화보기
        • 강경호
          감사합니다
          170204
        • 천우현
          �ȳ��ϼ���. ㅡ.ㅡ 글씨가 이리 나오네요
          <meta charset="utf-8"/>
          이거루 했을때문 그래요 여기서 숫자 8 그뒤에 아무거나 붙이면 잘나오는데
          왜그런거죠?
        • nrudxo12
          그대로 햇는데 아무것도 나오지 않아요ㅜ 백지가 나오네요
        • Da Yeon Kim
          슬슬 재밌어지기 시작합니다~~
        • 완전초보seo
          저는 왜 그대로 했는데 홈페이지가 안나올까요??T T
        • egoing
          #을 없애보세요~
          대화보기
          • 홀로서기
            안녕하세요
            강의 들으며 너무 감사해 하고 있습니다.
            좋은강의 잘 듣고 좋은학생 되겠습니다.

            그리고 초보질문이 있습니다.
            속성부분을 들으며 메모장에 실습을 하는데
            테그속성에서 " " 를 사용 안해도 에러가 나지를 않는데
            이걸 꼭 넣어야 하나요?
            " " 이 기호가 어떤 역활을 하는지 좀 설명 부탁 드려도 될까요...?
          • 네모네트
            제가 파일이름을 #1이라하고 localhost/#1.html이라고 쳤는데 bitnami홈페이지가 떠요
            왜그런거에요?
          • sinclair
            좋은 강의 잘 들었습니다. 늦었지만 다음 강의로 . 휘리릭~
          • 천우현
            하나하나 쉽게 설명 정말 저같은 혼자 배우는 초보한테 쉽게 다가오겠금 잘 만들어 주신거 같습니다.
            열심히 잘배우겠습니다 감사합니다~
          • 심재엽
            완전 초보지만 열심히 해보겠습니다 감사합니다
          • 첨지
            쉽지만 조금 길었던 수업이네요.. 그래도 완료했습니다! *.*
          • 미나리
            연결프로그램통해서 메모장으로 파일여시면될겁니다.
            대화보기
            • 링크
              2월 안으로 멋진 개발자가 되고싶다
              html 이론 완료!
            • 김세창
              해당파일을 오른쪽 클릭해서 메모장으로 열어보세요!
              대화보기
              • hoon222y
                1월 24일 완료
              • 열정학생
                htdocs에 저장되어있는 예제 파일을 클릭하면 웹페이지가 뜨는데
                코딩을 수정하려면 어떻게 해야하나요???
              • 하루에 한 강의 라도 열심히 20170115 완료.
              • 임정훈
                잘 봤습니다 !!
              • Jin Ah Lee
                MAC(맥) 쓰시는 분 들 중에
                링크 깨지는 분들 (링크를 클릭하면 Opentutorials 홈페이지 나오는 대신 주소창에 이렇게 http://localhost......e/1), 아랫분이 알려주신 것처럼 따옴표 모양 - 이텔릭처럼 휜 게 아닌, 직선으로 된 - 바꿔주시면 안 깨지고 잘 나옵니다!

                두번째 비디오 링크걸기 부터는 '스마트 따옴표 체크박스 해제' 하는 건 안 되고, 체크박스 놔 둔채로 따옴표 모양만 바꿔야 가능하더라고요!
              • 울랄라부라더스
                잘 들었습니다.
              • 토코나스
                <!DOCTYPE html>
                <html>
                <head>
                <meta charset="utf-8" />
                </head>
                <body>
                인구 수가 가장 많은 나라
                <ol>
                <li>중국</li>
                <li>인도</li>
                <li>미국</li>
                </ol>


                커뮤니티 사이트 모음
                <ul>
                <a href="http://inven.co.kr/" target="_blank"> <li> <strong>인</strong>벤 </li> </a>
                <a href="https://twitter.com/" target="_blank"> <li>트<strong>위</strong>터 </li> </a>
                <a href="http://www.dcinside.com/" target="_blank"> <li>갤러<strong>리</strong> </li> </a>
                </ul>
                </body>
                </html>



                이번 강좌에 나온 태그들을 활용해 직접 만들어 봤습니다.
              • macbookrgh55
                2017-01-03
                9:17 am 잘봤네요. 참길었습니다....
              • 맥에서 따옴표 문제를 어떻게 해결해야 하나 헤매고 있었는데 감사합니다:-)
                대화보기
                • 김상환
                  친절한 강의 매번 감사합니다.
                • Student-Y
                  2016.12.30 잘들었습니다
                • 쌘진
                  2016-12-30 완료
                • 추라이
                  161229 완료!!
                • 김남경
                  2016/12/23
                • 수호아빠
                  161222 완료
                • 정승현
                  맥 쓰시는 분들 편집기로 Brackets 한번 써보세요
                  생각보다 괜찮은거 같아요
                  하이퍼링크 오류나 한글 깨짐도 없고
                • Donghee Lee
                  161218 완료
                • 완료
                • 161216 23:30 완료
                • 좋은 강의 감사합니다.
                • 161210
                • 김지훈
                  제 데스크톱 하나로 만든 서버를 다른 노트북(다른 브라우저)에서 접속하면 안되는 이유가 뭔가요?
                  bitnamis가 설치된 컴퓨터만 위의 활동이 적용되는 것인가요?
                • 그런데 위의 태그의중첩 영상 초반에 <ul>,<ol> 없이 <li>로만 했을때에도 기호가 나오던데요..?
                  대화보기
                  • < ul> ,<ol> 하의 태그로 <li>를 사용합니다.
                    대화보기
                    버전 관리
                    egoing
                    현재 버전
                    선택 버전
                    graphittie 자세히 보기