웹이라는 건 하나의 기술이 아닌 여러개의 기술로 동작하는 거대한 시스템이기 때문에, 우리가 HTML을 제대로 공부하기 위해서는 웹에 대한 전반적인 흐름, 분위기를 파악할 필요가 있다.
Client
- HTML
- CSS
- JavaScript
- 웹브라우저
Sever
- 미들웨어(PHP)
- 데이터베이스(MySQL)
- 웹서버
HTML (HyperText Markup Language)
: 하이퍼텍스트라는 기능을 가장 중요한 특징으로 하는 마크업 형식을 가진 컴퓨터 프로그래밍 언어이다.
웹브라우저에 표시되는 웹페이지를 만들어달라고 컴퓨터에 요청하는 언어라고 이해해보자.
사람과 컴퓨터, 프로그램 사이의 약속!
- HyperText: 웹브라우저를 통해서 웹페이지를 보면, 웹페이지에는 언제나 링크가 있는데, 그 기능이 Hypertext이다.
- Language: 내가 컴퓨터나 기계를 제어할 때 나와 컴퓨터 모두 알아 들을 수 있는 언어를 이용하기로 약속. 그래서 이것을 컴퓨터 언어, 프로그래밍 언어라고 부른다.
TAG(element)
태그 뒤에는 속성을 통해 여러가지 동작(?) 기능(?)을 설정할 수 있다.
속성(attributes)
속성이라는 문법은 각 태그 안에서 태그의 기능과 동작을 설정할 수 있다.
예시) a href="url" target="언더바blank" title="전설적인 프로그래머"
- href 에는 url 을 넣어준다.
- target 에 _blank를 하면 링크를 클릭했을 때 그 창이아닌 뉴탭에 페이지가 켜진다.
- title 에 내용을 적어주면 커서를 가져다 댔을 때 속성에 부여한 텍스트가 커서 오른쪽 아래에 보인다.
링크란 문서와 문서가 연결되는 것.
꿀 tip!!!!
* 두개의 태그를 연속 작성할 때 태그1>태그2+tap하면 태그 두개 다 생성
* 같은 태그를 여러개 생성하고 싶을 때 태그*숫자 하면 숫자만큼 여러개 생성
* 태그+tab 하면 태그 <>,</> 자동완성!
* ^+opt 누른상태로 화살표 > 누르면 다음 태그로 쉭쉭 이동가능함.
코베베