[초급] 초급 #3
2021. 5. 24. 20:34ㆍHTML/Basic
<head>
</head>
<body>
</body>
html에는 위처럼 head와 body 구조로 이루어진걸 저번 시간에 배웠어요
오늘 시간에는 body태그 안에서는 어떠한 태그들이 있으며 그 태그들이 어떨때 사용을 하는지에 대해서 알아보겠습니다
<span></span>
// 인라인태그이며, 텍스트를 입력할때 주로 사용하는 태그
<div></div>
// 블록태그이며, 어떠한 경우에나 사용이 가능한 태그
// 단,너무 남용을 하게 된다면 HTML태그에 대한 이해도가 많이 낮게 평가가 되며
// 보기좋은 태그사용은 아닙니다
<h1></h1> ~ <h6></h6>
// 중요한 텍스트를 사이즈업 시켜줄때 사용하는 태그
// CSS내에서 사이즈를 키우는거와는 달리 h태그를 사용하면 h태그 안에 있는 텍스트는 HTML문서
// 내에서 중요한 부분이라고 자체적으로 인식을 합니다
<header></header>
// 헤더영역을 감쌀때 사용하는 태그
// 웹페이지 상단부분을 나타냄
// 헤더부분을 div로 만드는게 아닌 자체적으로 있는 태그를 사용하는것이 좋습니다
<nav></nav>
// 네비게이션 부분을 감쌀때 사용하는 태그입니다
// 네비게이션은 웹페이지 내에 메뉴가 있는 부분을 나타냅니다
<main></main>
// 메인영역을 감쌀때 사용하는 태그입니다
// 웹페이지 중단부분을 나타냄
// section과 aside를 감쌀때 사용하는 태그입니다
<section></section>
// 섹션영역을 감쌀때 사용하는 태그입니다
// 슬라이드이벤트와 같은 main태그 내에서 중요한 부분을 감싸는 태그입니다
<aside></aside>
// 메인 페이지 내에 추가적으로 넣고 싶은 부분을 감쌀때 사용하는 태그입니다
// 주로 중요하지는 않지만 넣어야 하는 부분을 감쌀때 사용합니다
<article></article>
// 섹션영역을 나눌때 사용하는 태그입니다
// 상단 하단, 좌측 우측 구조로 나누거나 할때 사용합니다
<footer></footer>
// 푸터영역을 나눌때 사용하는 태그입니다
// 웹페이지 하단부분을 나타냄
// 푸터에는 주로 이메일,전화번호,SNS 법적명시링크 등등 사용자들이 나중에 알아도 될
// 내용들을 입력합니다
<figure></figure>
// img태그를 감싸는 용도로 사용을 하는 태그
<img>
// img를 불러올때 사용하는 태그이며, 단독태그로 닫는 태그가 없습니다
<td></td>
<th></th>
<button></button>
// 버튼을 만들때 사용하는 태그
// 자체적으로 border와 background가 설정이 되어있습니다
<input>
<label></label>
'HTML > Basic' 카테고리의 다른 글
[HTML] 초급 #2 (0) | 2021.04.26 |
---|---|
[HTML] 초급 #1 (0) | 2021.04.23 |
[HTML]div,span(code) (0) | 2021.04.22 |