181227

4일차 : ~HTML 태그의 제왕


11. 부모자식과 목록


<parent>

<child></child>

</parent>


일때, 포함하고 있는 태그를 부모태그, 포함된 태그를 자식태그라고 함


- 목차, 목록 태그, list 태그 <li></li>


- <li></li>의 부모 태그 <ul></ul>태그,  Unordered List의 약자


<ol>

<li></li>

<li></li>

</ol>

의 경우 넘버링이 됨, Ordered List의 약자


- 표의 경우에는 

<table>

<tr>

<td></td>

<td></td>

</tr>

</table>

3대가 같이다니는 태그



12. 문서의 구조와 슈퍼스타들


- 정보가 많아짐에 따라 잘 정돈하기 위한 체계, 구조를 만드는 방법


- 제목을 정하는 태그, <title></title>


- <meta charset="utf-8">, utf-8로 저장해줘 라는 태그,  char 는 문자, set은 규칙


- <title></title><meta~>는 본문을 설명해주는 태그


- 본문은 <body></body>의 태그로 묶기로 약속함


- <body></body>를 설명하는 태그는 <head></head>태그에 넣기로 약속함


- 이 <body></body> 태그와 <head></head>를 <html></html>로 묶기로 약속함


- 그리고 관용적으로 맨 위에는

<!doctype html>

라고 작성, '이 문서는 html이다'



13. HTML 태그의 제왕


-  anchor를 의미하는 <a></a>태그, 닻, 링크를 의미하는 태그

<a href="주소">, h는 하이퍼텍스트, ref는 참조, target 은 어떻게 열것인가?, title은 커서올렸을때..








181226 

3일차 : ~최후의 문법 속성과 img



08. 줄바꿈


- 'html new line tag' 검색


- 'html paragraph tag' 검색


- 새로운 줄 태그는 <br>


- 단락 태그는 <p></p>


- <br>태그는 닫히는 태그 필요 없지만 <p>태그는 닫히는 태그 필요



09. HTML이 중요한 이유


- 정보의 가치, css tag와 h3 tag



10. 최후의 문법 속성과 img


- 그림을 보여주는 tag, img


- 그림의 위치는 source, 너비는 width


- <img src="coding.jpg" width="100%"> 일때, src="coding.jpg" width="100%" < 이 부분을 속성(attribute)라고 함





181223

2일차 : ~통계에 기반한 학습



05. 기본 문법 - 태그


- <strong></strong> 진하게, 앞에 있는 <strong> 태그는 열리는 태그, 뒤에 있는 </strong>은 닫히는 태그


- <u></u> = <underline></underline> 밑줄




06. 혁명적인 변화


- 브라우저에서 '페이지 소스'를 본다면 어떤 코드로 쓰여있는지 확인 할 수 있음


- h1 태그를 알고 싶다면, 'HTML h1 tag'를 검색해보는건 어떨까,





07. 통계에 기반한 학습


+ Recent posts