학습내용
1. HTML
- HyperText Markup Language
- 웹페이지의 틀을 만드는 마크업 언어
- 문서의 구조를 위한 문서
- < > TAG 들의 집합 문서
- 도움이 되는 동영상 강의
유튜브 - 생활코딩 WEB1-HTML & Internet
2. HTML 문서 구조
<html>
<head>
- - - - - - - - -
</head>
<body>
- - - - - - - - - -
</body>
</html>3. HTML 문법
3.1 통계에 기반한 학습
https://www.advancedwebranking.com/html/
를 확인하여 tag 가 사용되는 빈도를 확인하여 학습하자.
3.2 문법 사항 :
https://www.w3schools.com/tags/tag_del.asp 참고, 활용
3.2.1 div : 데이터가 한줄을 차지
<div> abc </div> 3.2.2 span : 크기만큼 공간 차지
<span> abc </span>3.2.3 이미지 링크 : self closing tag
<img src = “ 이미지 위치” width="450">3.2.4 주소 링크
<a href =“ 링크를 누르면 이동할 주소” target=“_blank”> 링크 </a>3.2.5 p : 문단 처리, 다음 줄에 공백 생성
<p> abc </p>3.2.6 br : 줄바꿈 : self closing tag
<br> abc 또는 def <br>3.2.7 ul, ol, li : 리스트화
<ul>
<li> item1 </li>
<li> item2 </li>
<li> item3 </li>
<ul>
<li> item3-1 </li>
<li> item3-2 </li>
</ul>
</ul>3.2.8 text box (한줄)
<input type = “text” placeholder = “type here” >3.2.9 password box (텍스트 입력시 ** 처리)
<input type = “password”>3.2.10 check box
<input type = “check box”>3.2.11 check box (check 간 그룹처리)
<input type= “radio” name=“그룹 이름”>동그라미 체크 박스가 생성되고 그룹이름 으로 그룹이 맺어져서 그룹내에 체크 박스는 서로 연관되어 하나만 체크되게끔 한다.
3.2.12 textarea (여러줄)
<textarea> 가나다라 </textarea>3.2.13 button : 누를수 있는 버튼 생성
<button> 로그인 </button>3.2.14 h1,h2,h3,h4,h5 : 글자 서식
<h1> ??? </h1> // <h2> ??? </h2> //<h3> ??? </h3> //<h4> ??? </h4> //<h5> ??? </h5> 3.2.15 strong : 글자 진하게
<strong> 로그인 </strong>3.2.16 u : 글자 밑줄
<u> 로그인 </u>미비한 점
태그에 대해서 단순 암기식이 되서 활용할 때 자주 까먹을거 같다.
느낀 점
한주가 드디어 끝났는데 이론은 엄청 많은건 아닌데 역시나 활용이 너무 어렵다....
단순 공부가 아닌 활용 하는걸, 타이핑을 많이 쳐보면서 공부하는법에 익숙해져야 할거 같다.
