Can do IT!

[코딩야학] 2일차 정리 본문

IT관련/IT교육

[코딩야학] 2일차 정리

Sisi0210 2019. 12. 31. 23:16

2일차 진도는 기본문법 - 태그부터 통계에 기반한 학습까지이다.

기본문법 - 태그

1. 웹페이지에 들어간 글 내용을 Atom에 코드로 작성한다. -> 저장

: Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.

2. 웹페이지 새로고침을 눌러 내용을 확인한다.

3. 내용 중 중요한 부분을 강조하고 싶을 때

볼드 처리 : 내용

밑줄 처리 : 내용

가장 쉬운 문법인 태그!!!

태그는 중첩해서 사용할 수 있다.

혁명적인 변화

1. 아래의 홈페이지를 클릭한다.

https://www.w3.org/

[

World Wide Web Consortium (W3C)

Happy holidays from the World Wide Web Consortium! 13 December 2019 | Archive Many thanks for all the ways you have made the Web work for everyone in 2019, and for all the work we will accomplish together in 2020. W3C wishes you a happy holiday season and

www.w3.org

](https://www.w3.org/)

W3C(The World Wide Web Consortium)라는 국제민간표준화기구의 홈페이지

2. 마우스 오른쪽 버튼을 클릭하여 페이지 소스보기(View Page Source)를 실행한다.

해당 홈페이지에 대한 HTML 코드를 볼 수 있다.

태그가 무엇인지 알 수 있다. 복잡복잡...

코드를 보면

W3C

이라는 태그를 발견할 수 있다.

 

3. h1-6 태그란?

HTML h1 tag 를 검색해보면 다음과 같은 예제를 찾을 수 있다.

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

출처 : https://www.w3schools.com/tags/tag_hn.asp

 

해당 예제를 실행시켜 보면 다음과 같다.

따라서 h1 - 6 은 제목을 나타내는 태그임을 알 수 있다.

숫자가 증가할수록 글자가 작아지고, h6이 최소 h1이 최대 크기가 된다.

또한 제목 태그는 자동 줄바꿈이 적용된다.

 

4. 예제에 적용해보기

기존 코드에 제목을 추가하면 이렇게 된다.

 

+++ 강사님의 주옥같은 말씀

우리가 얼마나 놀라운 시대에 살고 있는가를 낯설게 바라보는 것.

기초만으로도 많은 것을 할 수 있는 시대가 되고 있다.

우리의 시작이 빠른 속도로 대단해지고 있습니다.

 

통계에 기반한 학습

HTML은 약 150개가 넘는 태그가 존재한다.

다 외울 필요는 없다! 검색을 하면 된다.

 

https://advancedwebranking.com/html/

 

The average web page from top twenty Google results

Apparently, an average web page uses twenty-eight different element types: The twenty-eight elements used on most pages, ordered by appearance frequency:

www.advancedwebranking.com

전 세계 수많은 웹페이지를 분석한 결과, 26개 정도의 태그 종류를 사용하는 웹페이지가 가장 많으며,

그 중 <head> 태그가 98.1%로 가장 많이 사용된다.

 

+++ 강사님의 주옥같은 말씀

통계를 보면 어떻게 공부해야 할지가 눈에 보이므로 통계에 기반해서 학습하는 것이 좋다.

쉽고 단순한 것들은 어렵고 복잡한 것들의 어버이이면서 이것들이 결합하여 새로운 의미를 만들어낸다.

 

 

강의평 : HTML을 쉽고 와닿게 배울 수 있고, 알려주시는 공부방법과 마음가짐, 어록을 통해서 배울 점이 많다.

단순히 컴퓨터 언어를 배운다기 보다 컴퓨터 공학과 언어가 어떻게 발전해왔는지를 알 수 있고, 이러한 기술을 통해 무엇을 만들고, 인간세상에 어떤 방식으로 발전을 가져다 줄 수 있을지를 고민할 수 있는 시간을 가지는 강의인 듯하다. 

 

저작자표시 비영리 변경금지

'IT관련 > IT교육' 카테고리의 다른 글

[코딩야학] 5일차 정리  (0) 2020.01.05
[코딩야학] 4일차 정리  (0) 2020.01.05
[코딩야학] 3일차 정리  (0) 2020.01.02
[코딩야학] 1일차 정리  (0) 2019.12.30
[코딩야학] 작심10일 코딩야학 7기  (0) 2019.12.30
'IT관련/IT교육' Related Articles more