생활코딩

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 정리

소스코드

웹접근성

시각 장애인들은 어떻게 웹의 정보에 접근하는가에 대해서 '이건 모야^^'님께서 귀한 댓글을 달아주셨습니다. 시각 장애가 있는 분들은 어떻게 웹의 정보를 사용하는가를 읽어보시면 우리가 배우고 있는 HTML이 얼마나 중요한 기술인지에 대해서 공감할 수 있을 것 같습니다. 일독을 권합니다. 

쉬어가기

댓글

댓글 본문
작성자
비밀번호
  1. 학생
    맥 텍스트 에디트 사용하는데 저는 왜 모든파일 저장하기가 안뜨는걸까요? 그래서 인지 생활코딩 글자도 안나오고 ㅋ
    재미있아사 열심히 따라하는데 힘드네요 ㅋㅋ 감사합니다.
  2. 김태윤
    완료
  3. Desperado
    8월1일부터 8월16일까지 완주했슴다!
  4. Baekkyu Han
    HTML이론
    기본문법 속성 태그의 중첩 정리
    내용이 많아진다 1234
    링크는 HTML의 본질. 웹의 본질.
    Hypertext Markup Language HTML
    태그<tag> <a href=> a tag속성
    각종 태그 리스트
    팀버너스리 w3c HTML5버젼
    HTML본질 정보
  5. GoldPenguin
    완료했습니다.
  6. 요네이릇노칠미
    비튼나미가 안깔려서 코드애니웨어로 실습중인데
    저장하고 실행했을 때 결과 화면에서
    <strong>생활코딩</strong>이 제대로 적용되지 않고 있습니다.ㅠ
    혼자 독학하는데 넘모 답답하네요ㅠㅠ왜이러는 걸까요
  7. pmk8618
    텍스트편집기로 저장시 확장자가 저장이 안되어 localhost~ 로 불러오지 못해요.
    파일명을 작성할 땐 분명히.html까지 썼는데 저장만하면 확장자가 안보이네요.
    bitnam설치하고 html 저장할 때 까진 잘 되었는데..왤까요?
  8. 만두
    완료
  9. 지영환
    수강완료!
  10. 박명철
    bitnami 매니저툴에서 보면 서버가 stopped 되어있고 에러상태를 살펴보면

    Stderr:
    Unknown error starting apache

    라고 뜹니다. 아무리 재부팅하고 Restart 버튼을 눌러도 소용이없네요.

    전시간까진 분명히 잘됐었습니다.

    도와주세요ㅜㅜ
  11. 딕킨스
    좋다 ㅋㅋㅋ
  12. 랩돌이
    출첵!
  13. markerss2
    완료!
  14. 백승연
    완료
  15. 설블리
    네 입력했는데도 그러네요!ㅜㅜ 혼자 공부하는데 답답하네요
    대화보기
    • Eunhee Koo
      수강완료0809
    • 내가세상최고다
      좋은 정보 감사합니다!!!!!!!!!
      대화보기
      • ysGu
        <li>에서 li는 List item의 약자라는 표현이 정확합니다.
      • 두부
        완료
      • Michael
        완료!
      • 김지영
        이미알고있던 내용이었지만 더 본질적인 것까지 설명해주시니 좋았어요. 감사합니다!!
      • 완료
      • eins7402@gmail.com
        완료
      • FirstSubject
        파일명 뒤에
        .html
        입력 하셨나요?
        대화보기
        • Hyung Youl Jeon
          완료!
        • Injun Choi
          앞에 설치후 실패하니 이것도 실행이 안되네요... 문제점을 찾아 해결해야 겠네요
        • Cooldaddy
          주말에 진도 뺴봅니다
        • DONE
        • 왕초보
          완료
        • yoon88
          완료
        • 수민
          완료!
        • 창개구리
          완료
        • yoon88
          속성까지 완료
        • 설블리
          저장된 폴더에선 크롬으로 연결되어 열리는데 크롬에서 주소를 치면 나오질 않아요.The requested URL /html0727-2.html was not found on this server. 요런식으로 나오는데 뭐때문이죠? 이 파일 뿐 만 아니라 다른 파일도 다 똑같아요 ㅠㅠ 문제가 뭔지 잘 모르겠어요! 도와주시면 감사하겠습니다.
        • plm1929
          실습완료!
        • 유정엽
          수강완료!
        • charl
          완료!
        • David Kim
          Done!
        • bbollonge
          완료!
        • 완료~ ^^
        • hunter10
          완료
        • Sunghyun Kim
          설명해주시는 속도가 정말 딱! 좋아요!!!
          감사합니다~
        • 정세희
          완료
        • 임영선
          강의 잘들었습니다!
          실습 중간중간에 꼭 필요한 점을 적절하게 언급해주시니 이해하기 참 편해요.
        • 박성진
          글씨가 이상하게 뜹니다.
        • 고유정
          완료!!
        • 김영균
          완료
        • 스트릭랜드
          완료
        • 쭈니
          완료
        • ㅇㅇ
          재미있네요. 계속 열심히 공부하겠습니다.
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기