생활코딩 코딩야학 7기 - 2일차

1. 기본 문법 - 태그 : https://opentutorials.org/course/3084/18392

기본 문법 - 태그 - 생활코딩

전에 작성하던 1.html에 본인이 원하는 내용을 작성한 다음 저장해줍니다. 그 다음 1.html을 열어줍니다.

아이유(이지은 | IU)
출생     1993년 5월 16일
소속사   카카오M
수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상
사이트   인스타그램, 페이스북, 유튜브

이 웹페이지 내용에서 원하는 부분을 강조하고 싶을때 <strong>태그를 사용합니다. 원하는 부분 앞 뒤로 <strong>...</strong>을 넣어주면 됩니다.

<strong>아이유(이지은 | IU)</strong>
출생     1993년 5월 16일
소속사   카카오M
수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상
사이트   인스타그램, 페이스북, 유튜브

태그 사이의 구문이 굵은 글씨로 표시됩니다.

더 강조를 하기 위해서 밑줄을 넣어주려면 <u>...</u>을 넣어주면 됩니다.

<strong><u>아이유</u>(이지은 | IU)</strong>
출생     1993년 5월 16일
소속사   카카오M
수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상
사이트   인스타그램, 페이스북, 유튜브

2. 혁명적인 변화 : https://opentutorials.org/course/3084/18400

혁명적인 변화 - 생활코딩

웹 코딩은 태그를 배우기 전과 태그를 배운 후로 나뉠수 있습니다.

 

아무 웹사이트에서 페이지 소스보기를 통해 소스를 보면 아래와 같이 볼 수 있습니다.

코드는 다 이해할 수 없지만 태그가 있다는 것을 알 수 있습니다.

태그를 모르면 검색하면 됩니다. 구글에 "html "tag명" tag"식으로 검색을 하게 되면 나오게됩니다.

검색한 h1 태그를 적용해보겠습니다.

<h1><strong><u>아이유</u>(이지은 | IU)</strong></h1>
출생     1993년 5월 16일
소속사   카카오M
수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상
사이트   인스타그램, 페이스북, 유튜브

3. 통계에 기반한 학습 : https://opentutorials.org/course/3084/18452

통계에 기반한 학습 - 생활코딩

태그는 현재 150개 이상이 있지만 모두 외울필요는 없습니다. 하지만 어느정도는 외우고 있어야 편하고 이해할 수 있습니다. 

 

https://www.advancedwebranking.com/html/ 사이트를 들어가보면 전세계의 웹사이트들이 몇가지 종류의 태그로 이루어져 있는지 통계로 보여줍니다.

AWR: World's longest standing rank tracking tool