[Wecode] HTML

head 태그 속 내용

html태그 다음에는 항상 head태그가 위치하며 head태그는 사이트의 제목, 설명, 부가정보, 기술적내용 등이 포함되는 부분이다.

 <meta name="viewport" content="width=device-width"> 
 // 웹페이지의 크기가 디바이스의 가로 크기가 된다는 뜻으로, 모바일 디바이스에서도 웹페이지가 잘 보이도록 추가하는 내용이며
 // 해당내용을 추가하지 않으면, 데스크탑 버전의 웹페이지가 축소해서 보이게 된다.

span 태그

span태그에는 주로 텍스트를 넣어주고, 줄이 바뀌지 않고 한줄로 이어서 나오게 된다.
이렇게 한 줄에 이어서 나오는 요소를 inline 요소라고 한다.

p 태그

p태그 또한 텍스트를 주로 넣어주는데, 하나의 문단을 통으로 넣을때 주로 사용한다.
span태그와 다르게 줄바꿈이 일어난다.

a 태그

a태그에 href속성에 이동해야하는 주소를 넣어주면 링크로 이동할 수 있다.
target속성에 _blank 값을 넣어주면 새창으로 해당링크를 열 수 있다.

div 태그

웹페이지의 섹션을 나눌 때 사용한다, div 태그 자체로는 의미가 있지 않은데, div 태그를 사용하는 이유는
1) 비슷한 부분끼리 그룹지어준다 (섹션을 나눔)
2) 레이아웃을 분리할 수 있다.
3) class나 id를 부여하여 css스타일을 입혀줄 때 용이하다.

img 태그

img 태그에 직접적으로 width와 height 속성을 부여하여 이미지 사이즈를 조정할 수 있다.