HTML 태그 2

 

 

 

 

 

 

 

P 태그

<p>

 

새로운 라인으로 바꿔준다. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

이미지 태그 

 

<img src="">

 

사진을 보여줄때 사용한다.

 

로컬의 위치를 지정해줘도 되고, 사이트의 링크를 지정해 줘도 된다. 

 

 

 

 

 

 

 

아래처럼 이미지 주소를 복사해서 

src에 붙여넣는다. 

 

아래처럼 이미지가 나온다. 

 

 

 

 

 

사진 크기 조정도 가능한데, width는 가로 / height는 세로 크기 이다. 

 

 

 

 

 

 

링크

<a href="">

 

 

누르면 링크로 이동되는데 

target="_blank" 태그는 현재 탭이 아닌 새로운 탭에 링크를 띄워준다.

 

 

위의코드는 아래처럼 만들어지고,

 

 

 

클릭하면  새로운탭에 생성된다. 

 

 

target를 지정하지않으면, 

 

 

현재 탭에서 뜬다. 

 

 

 

 

 

 

버튼

 

<button>

 

누를수 있는 버튼을 만들수 있다. 

 

 

 

 

 

 

 

 

텍스트 입력

 

 

<textarea>

 

 

가로세로 크기를 조정가능하고, 

 

 

 

 

아래처럼 글자도 쳐진다. 

 

 

내부에 태그를 남기고 싶으면, placeholder를 사용하면 된다. 

 

 

 

 

 

 

 

 

 

 

 

Select

 

 

<select>

 

리스트형 선택지를 준다. 

안의 선택지는 

<option> 태그를 준다. 

 

 

 

 

 

 

 input

<input type="">

 

리스트형 text입력창을 제공한다. 

 

 

 

 

타입에 따라 여러가지 값으로 받을 수 있다. 

password type는 보이지않는다. 

 

 

 

 

 

 

footer