html: 구조, 웹 문서를 구조적으로 표현하기 위한 언어
css:스타일, 구조적인 문서를 시각적으로 표현하는 언어
js:동적 모션, 본래는 브라우저에 웹 문서를 표현하기 위한 스크립팅 언어였으나, 현재는 Node.js를 활용해 서버 제작은 물론, PC를 위한 앱/프로그램을 만들 수 있는 범용 프로그래밍 언어가 됨.
마크업(Markup) 언어 => 태그로 구성된, 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어
마크다운?
렌더링? : 서버로부터 html 파일을 받아 브라우저에 뿌려주는 과정
메타 데이터 : 데이터에 대한 데이터, 웹 페이지의 서비스 향상 위해 사용(ex:문자 인코딩,,)
html : 문서의 틀을 만드는 마크업 언어데
html은 트리 구조다.=> 구조가 나무 형태로 되어있음(나무 뒤집어 놓은 구조)
attribute:속성 ex)class,,,
태그(<tag>:html의 기본 구성 요소)들의 집합
태그는 열었으면 닫아야 한다!
<div></div> = <div /> => self-closing 태그
semantic : semantic 요소는 브라우저와 개발자에게 명확하게 그것의 의미를 서술한다. 즉, 의미 가진 요소
ex)
- non-semantic elements: , - 컨텐츠에 대하여 아무런 의미가 없다.
- semantic elements: , , - Clearly defines its content.
<section>: 웹 페이지의 큰 의미 단위가 될 수 있는 것들을 묶어서 하나의 구역으로 구분하는 데에 사용됨.
이 엘리먼트는 html5표준이 탄생함과 동시에 생겨난 시멘틱 요소의 일부.=>이름에 의미를 충분히 담고 있기 때문.
과거에는<div>태그를 하나의 구역을 나타내기 위해 사용했지만 현재는 어떠한 큰 구역을 구분하기 위해 사용되는 것은 지양되고 있음. but 작은 구역에서 불가피하게 div 사용해야 하는 경우 최후의 수단으로 사용해도 괜찮음.
using a<div>does not define a section in HTML.
cf) https://stackoverflow.com/questions/6939864/what-is-the-difference-between-section-and-div/6941170#6941170
block요소 : block-level elements (div,p,h1,ul,li,,,)
vs
inline요소 : inline elements (span,a,strong,img,,,)
=> 줄바꿈 요소
자주 쓰이는 태그
<div></div>: 줄바꿈이 있는 단락 태그, 한 줄 차지
<span></span>: 줄바꿈이 없는 단락 태그, 컨텐츠의 크기만큼만 공간 차지
<img>: 이미지 태그는 닫는 태그가 필요없다.
ex)<img src="#">
<img alt="텍스트">: alt 속성은 이미지를 보여줄 수 없을 때 대체할 텍스트를 명시
<a>: 링크 삽입, anchor 약자
ex) => 같은 창에서 이동
<target="_blank">추가 시 새 창에서 열림
=><a href="www.naver.com" target="_blank">네이버</a>
<ul></ul>: unordered list(순서X,숫자 대신 bullet mark)
<ol></ol>: ordered list(순서O)
<input>,<textarea>: 텍스트 입력폼
ex) input type 종류 : text, password,checkbox(여러개 체크 가능),radio(하나만 선택 가능),,,
radio : name="" 속성 이용해서 그룹으로 묶어야 하나만 선택하는 선지가 나옴. =name 맞춰야 함.
<textarea></textarea> : 꼭 닫아줘야 함. input타입과 다르게 폼 안에서 줄바꿈 가능.: 버튼 태그`` : paragraph(문단)의 약자, 하나의 문단 표현하기 위해 사용됨.
그 외 태그
: 미리 정의된 형식(preformatted)의 텍스트 정의할 때 사용, pre 요소 내의 텍스트는 시스템에서 미리 지정한 고정폭 글꼴을 사용하여 표현, 텍스트에 사용된 여백과 줄바꿈이 모두 그대로 화면에 나타남.<aside>:
<head></head>: 문서의 메타 데이터를 선언
