[STEP 온라인평생교육원] - HTML5프로그래밍 스터디ing
블로그를 스킨을 편집할 때 HTML 수정이라는 것을 보았을 것이다. 어느 부분을 어떻게 수정을 해야하는지 HTML의 기초에 대해 살펴보자.
오늘의 학습 목표
- HTML 과 XHTML에 대해서 설명할 수 있다.
- HTML 과 XHTML의 차이를 설명할 수 있다.
- HTML5 표준 문서들을 파악할 수 있다.
오늘의 학습 내용
- HTML과 XHTML
- HTML5 표준문서
오늘의 핵심용어
| Markup | 태그 등을 이용하여 데이터의 구조를 명기하는 언어의 한 가지 |
| HTML | Hyper Text Markup Language 의 약자로 Hyper Text 기능을 가진 문서를 만드는 언어 |
| View Point | 스마트 디바이스는 기종별로 화면 크기를 전용 버전에 맞춰 개발하는 것이 아닌 자동으로 화면 사이즈에 맞추어서 표시해주는 것 |
| ASC|| 코드 | 1962년 안시가 정의한 미국 표준 정보 교환 코드 이 코드는 7비트의 이진수 조합으로 만들어져 총 128개의 부호를 표현할 수 있다. |
HTML(Hyper Text Markup Language) 개념
- WWW에서 볼 수 있는 문서를 만들기 위한 일종의 표준 언어이다.
- HTML로 만들어진 문서는 웹 브라우저라는 클라이언트 프로그램을 통해 해석되며, 확장자로 .html이나 .htm을 사용한다
HTML의 특징
- HTML은 웹 문서의 표준 형식이다.
- HTML 문서는 마크업(Markup) 언어이다. (프로그래밍 언어로 HTML배웠다 그러면 혼나기 딱좋다. 프로그래밍언어로 볼 순없다)
- 컴퓨터 시스템이나 운영 체제에 대해 독립적이다.
- HTML 문서는 공백이나 줄바꿈을 인식하지 않고, 대문자와 소문자를 구분하지 않는다.
- 태그는 단일 태그와 복합 태그로 나눌 수 있다
HTML 문서의 4가지 구성 요소
1) 요소(Elements)
<html> 내용 </html> 까지를 html의 한 엘리먼트라고 한다.
<body> 내용 </body> 까지를 body태그의 한 엘리먼트라고 한다.
즉 시작테태그와 끝 태그 까지의 블럭을 요소(Elements)라고 구분한다.
2) 태그(Tags)
< 기호와 > 기호로 둘러싸인 문서의 중간에 붙여 주는 일종의 꼬리표이다. 엘리멘트에서 설명했듯이 시작태그가 있으면 끝 태그를 사용하여 그 태그를 끝낸다. 단일태그와 복합태그로 나누어 지면 단일태그에서는 끝 태그를 사용하지 않는다.
3) 속성(Attributes)
요소(Elements)의 시작 태그 내에 사용하는 것으로 명령을 구체화하는 것을 말한다.
예를 들어, 텍스트의 폰트를 지정하기 위해 사용하는 … 요소는 SIZE, COLOR, FACE 등의 속성을 갖고 있다.
태그마다 가지고 있는 속성값이 모두 다르기 때문에 이를 구별하는 능력이 요구된다.
4) 변수(Arguments)
속성과 관련된 값을 의미한다. " " 안에 사용한다.
HTML5 = HTML + CSS + 자바스크립트API
= 최신 웹 개발을 위한 차세대의 웹 표준
HTML5 주요 특징
- 임베디드 오디오/ 비디오 지원
- 미디어 쿼리
- CSS3
- 위치정보
- 캔버스
STEP 온라인평생교육원에서 수업을 듣고 있는데 생각 이상으로 재미있다. 내가 원하는 강의를 들어서 집중력이 더 높아지고 핵심만 딱딱 짚어주어 유익하다는 생각이 든다. 대학에 가면 원하는 수업을 들을 줄 알았는데 학교 커리큘럼 안에서 원하는 수업보다는 들어야하는 수업을 들었었는데 자율적인 학습을 하니 효율도 올라가고 뿌듯함도 더 큰 것 같다. 아직 권장 진도율을 다 듣지는 못했지만 한 강의만 더 들으면 권장 진도율에 맞출 수 있다. 수업을 들으며 평생학습의 중요성을 알아가고 스스로 학습의 효과를 체감하고 있다.
https://www.step.or.kr/page/pt/?m1=home%25
STEP 포털
www.step.or.kr
'STEP 온라인평생교육원' 카테고리의 다른 글
| [STEP 온라인평생교육원] - 수강생 후기 인터뷰★ (0) | 2020.05.08 |
|---|---|
| [STEP 온라인평생교육원] - 관심있는 강좌 소개&공유/색채디자인/ 마케팅/ PPT (0) | 2020.05.07 |
| [STEP 온라인평생교육원] - 스텝 위키/STEP 위키 멘토 / SNS 입소문 이벤트 (0) | 2020.05.04 |
| [STEP 온라인평생교육원] - 수강 후기/ 1일 차/HTML5 (4) | 2020.05.02 |
| [STEP 온라인평생교육원] - 유튜브 홍보 영상 (0) | 2020.04.30 |