개발 걸음마 중
HTML / CSS - 학습 전 기초 지식 본문
웹(Web)이란?
* Word Wide Web
- 인터넷을 통해 접근할 수 있는 공용 웹 페이지의 상호 연결 시스템으로 사용자들이 서로의 정보를 공유할 수 있다.
- 줄여서 WWW, W3이라고도 불린다.
- 인터넷상에서 그림, 소리, 영상과 같은 멀티미디어 정보를 하이퍼텍스트(hypertext) 방식으로 연결하여 제공한다.
Web !== Internet
- 웹(Web)은 인터넷과 다르다. 웹은 인터넷을 기반으로 하는 서비스 중 하나일 뿐!
HTML이란?
* HyperText Markup Language
- 하이퍼텍스트(HyperText)란 정해진 순서 없이 '참조'를 통해 한 문서에서 다른 문서로 연결되는 텍스트이다.
- 마크업 언어(Markup Language)란 태그 등을 이용하여 문서가 화면에 표시되는 형식을 나타내는 언어이다.
- 프로그래밍 언어가 아닌 콘텐츠의 구조를 정의하는 언어이다.
- 확장자 : .html
HTML5
- HTML4.01과 차별화를 위한 용어로 최신 웹 기술을 가리키는 유행어가 되었다.
- 더 이상의 버전은 없으며 <!DOCTYPE html> 태그를 선언하면 Living Standard로 작성된 문서임을 의미한다.
CSS란?
* Cascading Style Sheets
- 웹페이지의 모양과 표현을 꾸며주는 역할을 한다.
- 확장자 : .css
CSS3
- 모듈별로 개발하고 공개하는 것이 더 효과적인 상황이 되었기에 공식 버전이 CSS4로 올라가지 않는다.
🤔 HTML에서 가장 중요한 태그는 무엇일까?
- 제일 처음에 선언되는 <!DOCTYPE html> ?
- HTML 문서라는 것을 알려주는 <html> ?
- 검색엔진 최적화와 코드 가독성을 향상해 주는 시맨틱 태그(Semantic Tag)?
- 주로 CSS와 연동하여 레이아웃을 나누는데 주로 쓰이는 <div></div>?
- 문서와 문서를 연결해 주는, 인터넷의 이점을 사용할 수 있게 하는 <a></a>?
💭 공부하면서 생각해 보기
잘못된 정보에 대한 피드백은 언제든지 환영입니다!
'dev > HTML + CSS' 카테고리의 다른 글
HTML - 목록 관련 태그 (ul, ol, dl) (0) | 2023.03.05 |
---|---|
HTML / CSS - 텍스트 꾸미기 (0) | 2023.03.05 |
HTML - 텍스트 관련 태그 (0) | 2023.03.03 |
CSS - 기초, 선택자, 단위 (0) | 2023.03.03 |
HTML - 기본 요소와 준비 (0) | 2023.03.02 |