[HTML] HTML의 기본 태그 (3)

 

 

1. a 태그

<a> = 링크  <a href=“링크주소”> 링크거는곳 </a>

Href = hyperlink reference = 이 링크를 참조해 

링크를 클릭하였을 때 새 창이 열리게 하려면 링크주소 “ 뒤에 target =“_blank”> 링크를 클릭하기전에 뭔지 알고싶다면 

Blank 다음에 title=“@@@“> 하면된다. 

 

2. form 태그 

 

(1) input태그

사용자로부터 어떤정보를 입력받을때 사용하는 태그

<input type =“text”>

 이 회원 정보를 데이터베이스로 전송할때 사용하는 것은  submit, 전송하다의 뜻으로 type 옆에 사용 하고 이때 value 속성을 통해 이름을 바꿀수있다. 이 정보를 어디로 보낼것인가? 하는것은  <form action=“받는 주소”>

이때 정보가 서로 같을수있으므로 각자에 name = “ “ 으로 이름을부여한다.  Value 를 하면 입력받는 창에 기본값으로 문자가 들어간다.

<input type=“file” accept = “.pdf“  /> 라고하면 파일을 열어볼수있는 버튼과 pdf파일만 허용한다는 뜻을 가지고있다  

 

(2) label 태그

이 태그는 input과 함께 써야 동작한다 혼자선 의미 x

사용방법 - <label for= “123  “ > 

                  <input id= “  123“ >  for와 id의 값이 같아야한다. 

 

 

3. semantic 

 

의미론적인 이라는 뜻 (document와 code를 명확하게 할 수 있도록 짜는게 좋다)

div tag = division (박스라고 생각해도 됨) 아무런 값이 없는 단순한 box

header tag = div 대체 태그 (head와 헷갈리지 않기. head는 보이지 않지만 header는 보인다)

main tag = 내용을 의미하는 태그

footer tag = 꼬릿말을 의미하는 태그

span tag= 짧은 텍스트를 의미하는 태그