[HTML강의]24.4.20 기본

오대진·2024년 4월 22일
  1. 인터넷과 웹
    1) 인터넷과 웹의 차이점
  • 많은 사람들이 같은 용어로 알고 있지만 다른 의미이다.
    인터넷이 운영체제라면, 웹은 운영체제에서 돌아가는 어플리케이션
    예를 들어 인터넷이 도시라면, 웹은 그 도시에 있는 집 1채를 의미한다.

    웹과 형제쯤 되는 기술로는 이메일, FTP 등이 있다.


    2) 인터넷과 웹의 역사적 관점

  • 1960년대에 인터넷 등장, 1990년대에 웹 등장
    인터넷이란 전세계에 있는 컴퓨터들이 네트워크를 통해 연결되어 파일을 주고 받을 수 있는 가장 거대한 네트워크
    비유자하면 도로 같은 것이다.

    웹이란 전 세계에 깔려있는 네트워크를 활용하여 HTML 웹페이지를 컴퓨터와 컴퓨터 사이에 주고 받을 수 있도록 하는 서비스이다.


    3) 웹 브라우저와 웹 서버와의 작동관계

  • index는 htdocs 폴더에만 넣어야 작동을 한다. 이 루트를 다큐먼트 루트라고 한다.
    웹서버가 문서를 찾는 최상위 디렉토리이다.
    물론 설정을 바꿔서 htdocs 위치를 변경할 수 있다.


  1. 프래그래밍 언어 - 언어란 사람과 사람 사이의 약속, 컴퓨터와 사람의 소통

    html
    body
    h1웹h1
    /body
    /html

    이것을 보고 CODE[코드], Source[소스]라고 한다.
    코드를 작성하는 행위를 코딩이라고 한다.

  2. HTML 언어의 설명
    1) HTML - HT[HyperText] M[Markup] L[Language]
    HT - 문서와 문서가 연결되어 있다는 말
    ML - 언어란 컴퓨터와 인간의 약속된 소통
    TAG - 예를 들어 옷에 붙어 있는 택[세탁방법, 원산지, 크기]과 동일한 것
    Ex) 안녕하세요 strong>생활코딩/strong> 에서 스트롱이 태그이다.

    2) HTML 속성 : 태그의 문법을 조금 더 심화한 것, 가장 중요한 태그는 대부분 1글자이다.
    a 태그 - 링크를 나타내는 코드
    Ex) a href="http//naver.com/"<네이버>
    추가적으로 도메인 끝에 traget="_self를 넣을 시 현재 창에서 링크를 연다.
    target="_blank는 새 창에서 열린다.

    3) List : html, css, javascript 등을 콤마로 구분하는 것이 아닌 연관되어 있다는 것을 분명히 하기 위해 항목화 하는데 사용
    ul - unodrdered list [오더 리스트 순서가 없는 리스트]
    ol - ordered list [오더 리스트 순서가 있는 리스트]

    ul>
    li> </li
    /ul>

    ol>
    li> </li
    /ol>

    4) Tag[태그] - 태그의 총 갯수는 약 200개정도밖에 안되어 배우기 간단하다.
    하지만 그것을 다 외울 필요 없고 필요한 기능을 찾아서 사용하면 된다.

    참고사이트
    http://dev.w3.org/html5/html-author/
    http://opentutorials.org/course/1058

0개의 댓글