웹 애플리케이션 만들기

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. Hyun
    9/19완료
  2. Gyoil Gu
    href 속성명 뒤에 " 따옴표로 시작하시고, "로 닫아주는 것 까지 하셨나요??
    대화보기
    • XTRA
      9/18 수강완료!
    • 아티초보
      완ㅇ료!
    • 지현이짱
      <a>링크를 걸었는데 ... <a>링크가 시작되는 부분부터 글이 아예 웹사이트에 안나오네요.. 이거 문제가 뭐죵? 아파치 다시 껐다 켜봐도 안도요 ㅠㅠ
    • Nifty
      9/18 수강 완료
    • Lintz
      감사합니다!
    • complepiens
      완료! 감사합니다.
    • 주주맘마
      완료
    • 왓떠뻐꺼
      완료했습니다. 감사합니다
    • 왓떠뻐꺼
      완료했습니다. 감사합니다.
    • daniel
      완료!
    • Gimme_Gsuit
      완료.
    • 아이노바
      가슴으로 말합니다. 너무 감사합니다.
    • forest
      완료
    • 마노스
      (메모) 현재진행: 3볼차례
    • Yeong Su Song
      완료!
    • 홍홍
      완료
    • 유상원
      2017-09-03 완료!
    • Kenneth So
      완료
    • 효효
      완료!
    • 김아영
      완료
    • pash15xk
      완료
    • 효근
      다른이름으로 저장을 사용하세요 영상 중간중간에 나옵니다.
      대화보기
      • 효근
        <strong> 강조
        <a> 링크
        target="_blank" 새창에서 열기
        속성과 속성 구분 띄어쓰기
        <ul>
        <list> 무 순서리스트 ●박
        <ol>
        <list> 순서 리스트 1.박
        <body> 문서 설명
        <head> 문서 내용
        <title> 문서 제목
        html은 정보를 표현하는 언어다. 팀 버너스리가 창조했고 현제 중요도가 높아져 w3c라는 국제 기관에서 관리한다. 기관장은 아직 팀 버너스리다.
        아마도 css는 디자인을 표현하는 언어일 것이다.
      • SanFrancisco
        네 저도 왜 한글이 깨져나오지 했다가, 따옴표 문제인 것을 알고 나서는 제대로 나오네요. ^^
        대화보기
        • 동관K
          맥OS를 이용하시는분은 저장할때 UTF-8 타입으로 설정하는 부분과함께 Smart Quotes 를 해제해주셔야합니다. 그래야 제대로 된 HTML로 인식이 됩니다. 아니면 그냥 다른 문자로 인식해 버려서 타입설정이 되지 않으므로 한글이 깨져나오게 되죠. 본문에도 그런 내용이 나와있습니다..
        • J_Project
          메모장 파일을 저장하실 때, 저장 버튼 옆에 인코딩 타입이라는 부분을
          UTF-8로 지정하시면 안 그럴거에요!
          저도 어딘지 모르겠지만 앞 수업에서 저장을 그렇게 하라고 했었네요.
          왜 그런지는 모르겠지만, 인코딩 타입이 UTF-8이 좋아서 그런거 아닐까요?
          대화보기
          • 김유민
            done!!
          • 야간비행
            항상 감사합니다.
            동영상을 보고, 추가해주신 코드를 메모장에 입력해가면서 실습하고 있습니다.
            그런데....
            코드를 그대로 입력하면 한글이 깨져 나오더군요...
            그래서 <meta charset="uft-8 /> 부분을 지우니깐
            한글이 제대로 표현되었습니다.

            아직 <meta> 부분 강의를 듣지 않아서 그러는데
            이유가 뭘까요?
          • beom
            done
          • 유대표
            여러번에 나누어서 했더니 메모판이 자꾸 없어져서...
            메모판을 다시 계속 만드느라 ..좀 어려웠어요.. ㅠㅠ (뭔가 제가 방법을 잘 모르는거겠지요..)

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

            Stderr:
            Unknown error starting apache

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

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

            도와주세요ㅜㅜ
          • 딕킨스
            좋다 ㅋㅋㅋ
          • 랩돌이
            출첵!
          • markerss2
            완료!
          • 백승연
            완료
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기