이 곳에는 학원을 다니면서 배운 내용을 기록하겠다. (선생님 말씀 위주에서 보충하여 적을 것임ㅎ)

✔과정

:자바&스프링프레임워크 과정(백엔드 과정)(웹개발자과정)

✔학습목표

-html5/ css3/ javascript(jquery)
-java
-oracle
-jsp
-spring framework //가장 중요!
-포트폴리오

프론트엔드 : 클라이언트를 기본으로 구현하는 기술(HTML5,CSS3,JavaScript(JQuery 포함))
백엔드: 서버기반으로 동작하는 기술

✔오늘의 공부!-HTML5

들어가기 앞서,
ML(Markup Language)을 먼저 알아보겠다.
:텍스트에 동그라미를 친다던지, 형광색으로 칠한다던지 등등 표시하거나 커버하거나 한다. (SGML.XML,XHTML,HTML,,, 등등 있음)

**편집툴(Editor)
-Visual Studio : IDE통합개발 툴
MS사의 DottNet(C#) 프로그래밍 전문
-Visual Studio Code : Text Edit 툴
(이것을 이용해서 수업함)
✔Visual Studio Code에 open in browser 설치하기 //웹브라우저 열기 [Alt + B]

HTML이란?🤔

-Hyper Text Markup Language
-웹페이지(웹문서)를 제작하는 언어.
-HTML 요소는 "이것은 제목입니다", "이것은 단락입니다", "이것은 링크입니다"등과 같은 콘텐츠 조각에 레이블을 지정함.

Visual Studio Code 이용한 쉅🎶

!DOCTYPE html
-모든 HTML 문서는 문서 유형 선언으로 시작
-html5로 제작된 문서이다. 라는 의미를 뜻함

html은 태그(tag)라는 명령어로 구성되어 있다.(엘리먼트)
예) < h1>내용< /h1>
<시작태그>내용<종료태그>
👆이런것도 마크업이라고 한다.👆
✔< br>은 줄바꿈이다. 종료태그 없음.

✔< head>, < body>태그 2가지가 존재. (이 태그는 물리적으로 변할 수 없음)
✔태그라는 부모, 자식의 구조를 갖고 있음
✔태그는 형제관계가 존재

✔HTML 링크

✔HTML 링크는 < a>태그 로 정의
✔링크의 목적지는 href속성에 지정

✔HTML 이미지

✔HTML 이미지는 < img>태그 로 정의
✔ source file (src), alternative text (alt), width(폭,너비), height(높이)
1) <태그명>내용</태그명>
2) <태그명 속성="값" 속성은="값">내용</태그명>

👍참고&출처

온라인 웹 자습서
stackoverflow-it faq 사이트 //개발자가 많이 사용하는 사이트