1. 서버 제어 (https://opentutorials.org/course/1688/9410)
Bitnami 매니저 프로그램을 통해 Apache, DB를 실행시켜야함.
Log를 확인 할 수 있음.
2. 프로그래밍 언어 (https://opentutorials.org/course/1688/9339)
프로그래밍을 해보았기 때문에, Skip
3. HTML 이론 (https://opentutorials.org/course/1688/9340)
3.1 HTML의 기본 문법
HTML : Hypertext (= Link) => 링크는 HTML의 본질. 웹의 본질.
Markup Language => tag를 이용하여 문서나 데이터의 구조를 명기하는 언어 <위키백과>
3.2 HTML 문법 - 속성
여러가지 tag가 존재하며 각각의 tag에는 다양한 속성값을 갖는다.
ex) <a>내용</a> : 링크를 나타내는 태그, href속성 없이는 아무런 동작을 하지 않는다.
-> <a href="http://....">내용</a> : href속성을 이용하여 링크 클릭시 속성에 지정해둔 웹 페이지를 지정.
-> <a href="http://...." target="_blank" >내용</a> : target="_blank", 새로운 창에서 페이지를 연다.
(default는 target="_self" : 현재 창에서 연다.)
3.3 HTML 문법 - tag의 중첩
tag는 중첩이 됨. 상위tag의 효과가 하위 tag(내부 tag)에 적용됨.
<head> : 문서의 정보를 갖고 있음
<body> : 문서의 내용을 갖고 있음.
<html> : tag 안에 있는 내용이 HTML 문서임을 알려줌.
3.4 HTML 정리
w3c : html의 표준을 정의함.
<!DOCTYPE html> : HTML 문서를 시작하는 부분에 있는 태그로, 없어도 실행은 된다.
HTML 문서가 어떤 표준안에 따라 작성된 것인지 브라우저가 이해할 수 있도록 html 작성자가 기술해주는 부분 임.
* Tag Referance : 필요한 tag를 검색해서 사용하면 됨.
* HTML의 본질은 정보 전달임. 그렇기에 w3c에서 시각적인, 디자인을 담당하는 CSS를 분리함.
* DISQUS : 댓글작성 서비스를 제공하는 사이트.
* Google Analytics : 페이지에 해당 API를 붙이면 사이트 접속 통계를 분석해줌.
* HTML - CSS : 디자인 관련 언어
- JavaScript : 사용자와 상호작용하는 웹페이지를 만들기 위한 언어. ==> 이 것들이 모여서 웹 애플리케이션!
- PHP/JSP/Djange/Nod.js 등등등 : 페이지를 만들어내는?!
- DB
'코딩야학 > HTML' 카테고리의 다른 글
[6일차] CSS 실습 (0) | 2017.06.11 |
---|---|
[5일차] CSS 이론 및 실습 (0) | 2017.06.10 |
[4일차] 개발도구 (0) | 2017.06.10 |
[3일차] ~HTML 실습 (0) | 2017.06.09 |
[1일차] 처음부터 서버..까지 (0) | 2017.06.07 |