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

1. 줄바꿈 : https://opentutorials.org/course/3084/18403

줄바꿈 - 생활코딩

내용을 좀 추가하였더니 단락이 없으니 보기가 힘듭니다. 

코드에서는 줄바꿈을 했음에도 불구하고 반영되지 않았습니다.

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

대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.

현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.

이런 줄바꿈을 해주는 태그를 검색하기 위해서 "html new line tag"라고 검색을 해줍니다.

검색 결과 <br>이라는 태그가 있습니다. 이 태그는 특이하게 닫히는 태그가 없습니다.

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

대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.

현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.

<br>태그 말고 "html paragraph tag"라고 검색을 하게 되면 <p>라는 태그를 찾을 수 있습니다. <p>태그는 단락을 나눠 표현해줄 수 있습니다. 그러기에 좀 더 정보로써 가치 있게 만들어줍니다. 

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

<p>대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.</p>

<p>현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.</p>

단락의 여백을 조절해 주기 위해서는 두번째 단락의  <p>안에 style 속성을 추가해 주면 됩니다.

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

<p>대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.</p>

<p style="margin-top:40px;">현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.</p>

2. HTML이 중요한 이유 : https://opentutorials.org/course/3084/18488

HTML이 중요한 이유 - 생활코딩

1. 비즈니스적 측면

제목을 짓는 방법 두가지를 비교해보려 합니다. 웹 페이지에 coding이라고 검색할 때 제목을 시각적으로만 표현한 코드와 제목이 coding인 사이트 중 검색엔진은 후자의 경우를 좀 더 앞쪽에 보여주게 됩니다.

2. 접근성

접근성은 누구나 차별없이 정보에 접근할 수 있다는 철학을 의미합니다. 신체적인 장애가 있는 사람도 접근할 수 있어야 합니다. HTML을 사용하지 않고 이미지로만 글을 보여주게 된다면 시각장애인들은 글을 읽어주는 프로그램을 사용할 수 없습니다.

3. 최후의 문법 속성과 img : https://opentutorials.org/course/3084/18407

최후의 문법 속성과 img - 생활코딩

이미지를 넣기 위해서 사용하는 태그는 <img>입니다. 우선 원하는 이미지를 다운로드 받아 1.html이 있는 폴더에 넣어줍니다.

그리고 <img> 태그안에 src 속성을 넣어줍니다.

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

<p>대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.</p>

<p style="margin-top:40px;">현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.</p>

이미지 크기를 조절하기 위해서는 width 속성을 추가해주면 됩니다.

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

<p>대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.</p>

<p style="margin-top:40px;">현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.</p>

혹은 width의 값을 %값으로 주게 된다면 웹 사이트에 맞게 이미지를 조절합니다.

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

<p>대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.</p>

<p style="margin-top:40px;">현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.</p>

src나 width 같은 것들을 속성(Attribute)이라고 합니다. 순서는 상관이 없으며 태그만으로는 정보가 부족할 떄 속성을 추가함으로써 더 많은 정보를 추가할 수 있습니다.