생활코딩

Coding Everybody

코스 전체목록

닫기

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. 서동주
    엄청 재밌어요 감사합니다
  2. 지미
    2017/04/24 완료 감사해요!
  3. whon
    22017-04-20 11:39
  4. 소간지
    프로그래밍 살면서 처음 접해보는데 재미있어서 미쳐버릴것 같아요 ^^*
  5. Song
    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시간 계속 듣기 완료!
              • 미싱프로그램
                웹 페이지 제작의 첫걸음을 뗍니다.. 감사합니다..
              • 개발자
                170221
              • bluebottle
                2017.02.21 Complete
              • 김정훈
                2017.02.17 완료.
              • 이현균
                역주행갑니다.
              • 2017/02/14 잘 보고 있습니다!
              • 글로리아
                target=_blank
                _self
              • 오 안그래도 왜 깨지나 했는데 덕분에 해결했어요
                감사합니다~!
                대화보기
                • 소히
                  07:02 자막 중 오타 발견했어유! UFT
                • 강의를 다시보세요...
                  대화보기
                  • 170207
                    감사합니다.
                  • Yunhye Lee
                    파일 저장하실때 인코딩을 ANSI로 하신게 아닐까요? UTF-8로 바꿔도 그런가요?
                    대화보기
                    • 강경호
                      감사합니다
                      170204
                    • 천우현
                      �ȳ��ϼ���. ㅡ.ㅡ 글씨가 이리 나오네요
                      <meta charset="utf-8"/>
                      이거루 했을때문 그래요 여기서 숫자 8 그뒤에 아무거나 붙이면 잘나오는데
                      왜그런거죠?
                    • nrudxo12
                      그대로 햇는데 아무것도 나오지 않아요ㅜ 백지가 나오네요
                    버전 관리
                    egoing
                    현재 버전
                    선택 버전
                    graphittie 자세히 보기