$$config title: 타겟 이미지 삽입 테이블 이용해서 표 만들기 등등 $$ $$config $$ $$config $$ # target ``` _self a에 링크를 넣고 클릭 했을 때 현재 브라우저에서 변함 _blank 는 새로운 브라우저를 열어서 링크에 접속함 ``` # img 삽입 ``` ex) < img src="이미지 경로" alt="이미지 대체 텍스트" > ``` # table - 표 구현 하기 위한 태그 ``` thead : 제목으로 구성된 열들을 가진 행을 표시 th : 제목으로 구성된 각 열을 표시 tbody : 표의 내용들을 나타내는 행들을 표시 tr : 표의 내용을 나타내는 각 행들을 표시 td : 표의 내용을 나타내는 각 열들을 표시 tfoot : 표의 마지막 행을 표시 ``` html 표만들기 ```

교시/월일	월요일	화요일
1교시	수학	영어
2교시	수학	국어

``` css 이렇게 다듬어주기 border-collapse:collapse;줄 하나로 text-align:center;는 td를 위한 가운데 배치 ``` css table { border-collapse:collapse; text-align:center; } ``` # form [form, input태그정리](https://j9in6.tistory.com/7) - 사용자 입력을 받는 태그 , input 태그등과 같이 사용 됌 ``` action : 사용자 입력 받은 데이터를 처리 할 url method : url를 post 방식으로 만들지 get 방식으로 만들지 정해야함 target : 타겟은 아까 작성한 되로 선택해서 하면됌 ``` # input - 사용자 데이터를 입력바는 주요태그 [input tag들](https://www.w3schools.com/tags/tag_input.asp) ``` type에서 가장 많이 쓰이는 태그들은 버튼,체크박스,컬러,이메일,라디오,텍스트 등등 있다. (https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input#attr-value) 또다른 속성으로는 maxlength(문자열 최대 길이) minlength(입력 문자열 최소 길이) autofocus(사용자 입력창에 커서가 자동으로 놓이도록 하는 설정) 등이 있음 ``` # 시멘트 웹 - 요즘 웹페이지 구성을 시멘트라 부름 1.header 2.nav 3.section>article(여러개 있음) 4.aside 5.footer로 이루어져 있음 $$ 여기까지 html5 주요 태그와 정리 2 과정