HTML
- Hyper Text Markup Language
- 하이퍼 링크 기능을 포함하는 구조화 문서
- HT(Hyper Text): 하이퍼 링크가 걸려 있는 텍스트
- ML(Markup Language)
- 구조화 언어
- HTML, XML 등
- 웹 브라우저 상에 요소(Element)를 생성해주는 역할
- 동적 기능은 포함하지 않는 정적 문서
- Element / Tag / Attribute
- 시작 태그 ~ 종료 태그
- <html> ~ </html>
- 여기서부터 HTML 문법이 적용된다는 영역의 지점
- <head> ~ <head>
- 문서 내에 필요한 환경 설정 및 정보 저장 영역
- <body> ~ <body>
- 화면에 보여지게 될 요소를 생성하는 영역
- Attribute
- 태그를 꾸미는 속성값
- 속성값 넣을 때 더블 쿼터는 안 써도 상관없음
- 띄어쓰기가 있을 때는 써야 함
CSS
- Cascade Style Sheet
- 문서로 작성된 구조화 데이터를 스타일링하는 언어
- HTML에 의해 생성된 요소의 레이아웃을 잡아 주고 꾸미는 역할
- Inline Sytle 방식
- 태그 내부에 속성값으로써 Style을 작성하는 방식
- html 태그와 섞어 사용하기 때문에 잘 안 씀
- 대상 태그를 지정해 줌
- Internal Style 방식
- Head 영역 내부에 Style 영역을 구성하여 Style을 작성하는 방식
- Selector 문법을 사용하여 element에 접근함
- External Style 방식
- style 코드가 너무 많을 시 가독성이 떨어지므로 css 파일을 따로 생성하여 import하는 방식
JavaScript
- Web Browser에서 작성된 문서에 대한 동적 기능을 부여하는 언어
'Web > HTML' 카테고리의 다른 글
| [HTML] HTML 기본 예제 - form(input submit, input reset, required), audio, video, fieldset, legend (0) | 2020.04.23 |
|---|---|
| [HTML] HTML 예제 - 게시판 글쓰기 창 (0) | 2020.04.23 |
| [HTML] HTML 예제 - 자유 게시판 (0) | 2020.04.23 |
| [HTML] HTML 예제 - 간단 로그인 창 (0) | 2020.04.23 |
| [HTML] HTML 기본 개념 - Table(th, tr, td, colspan, rowspan), Input, Textarea, Select (0) | 2020.04.23 |