본문 바로가기
코딩야학/HTML

[3일차] ~HTML 실습

by june._.note 2017. 6. 9.

1. HTML 실습 (https://opentutorials.org/course/1688/9345)

1.1 모델링을 HTML로 만들기

1.2 의미론적 웹 (Semantic Web)

- <nav> : 네비게이션 tag로서 특별한 기능이 없음.

- <header> : 웹 페이지의 헤더(간판)를 묶어주는 태그. 특별한 기능이 없음.

- <article> : 내용을 묶어주는 태그. 특별한 기능이 없음.

=> HTML은 의미론적으로 만들기 위해 발전해 왔음. 위의 태그를 사용함으로서 해당 태그의 속해있는 내용이

어떠한 역할을 하는지 컴퓨터도 인식 할 수 있는 역할을 하는것이 위의 태그들임.

1.3 사이트 완성

* 쉬어가기

웹 브라우저                VS    웹서버

(Client Side Tech)              (Server Side Tech)

HTML                             PHP

CSS                                DB

JavaScript

 

* Tag를 어떻게 사용하느냐에 따라 검색결과(노출)가 달라짐. 검색엔진은 검색을통해 각 사이트의 내용을 DB에 저장을 해두는데,

  검색한 내용이 <h1>태그에 담긴 사이트와 <Strong>이라는 태그에 담긴 사이트가 있다면 컴퓨터는 당연히 제목을 넣는데 주로 사용되는

  <h1>태그에 검색어가 담긴 사이트를 사용자가 원하는 사이트라고 생각을 할 것이고(우선순위를 줄 것임) 검색결과에서 앞페이지에 놓여

  노출이 많이되고 방문자도 많아질 것.

* 구글 검색엔진 최적화 기본 가이드

* 반복을 통해 실력을 쌓으세요.

* 모두의 딥러닝 : 딥러닝 강의

* InfLearn : 강의 웹사이트

'코딩야학 > HTML' 카테고리의 다른 글

[6일차] CSS 실습  (0) 2017.06.11
[5일차] CSS 이론 및 실습  (0) 2017.06.10
[4일차] 개발도구  (0) 2017.06.10
[2일차]~HTML 이론  (0) 2017.06.08
[1일차] 처음부터 서버..까지  (0) 2017.06.07