IL 1주차 5일 - HTML 기초

12440 단어 CODESTATESCODESTATES

학습내용

1. HTML

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>

미비한 점

태그에 대해서 단순 암기식이 되서 활용할 때 자주 까먹을거 같다.

느낀 점

한주가 드디어 끝났는데 이론은 엄청 많은건 아닌데 역시나 활용이 너무 어렵다....
단순 공부가 아닌 활용 하는걸, 타이핑을 많이 쳐보면서 공부하는법에 익숙해져야 할거 같다.

좋은 웹페이지 즐겨찾기