본문 바로가기
StudyLife

[HTML/CSS 공부] 기초 태그 정리해보기

by 캐시라이프 2022. 3. 1.

안녕하세요. 오늘은 HTML/CSS 아주 기초 태그들을 한번 정리해보도록할게요.

 

기본 HTML 태그들


<!DOCTYPE html>

-> html 파일을 쓸때는 이걸 젤 처음에 무조건 써 줘야합니다.(특정 html을 언급하지 않는다면 가장 최신버전이 사용된다고 함.)

 

 

#title 태그
<title></title>

-> 페이지의 제목을 적는 태그입니다.(탭에 있는 이름이 타이틀 이다.)

 

#헤딩 태그
<h1>글자 1</h1>
<h2>글자 2</h2>
<h3>글자 3</h3>
<h4>글자 4</h4>
<h5>글자 5</h5>
<h6>글자 6</h6>

-> 머리말을 쓰기위한 태그입니다.(h1부터 6까지 있고 숫자가 숫자가 작을수록 크기가 크다. h1이 가장 큰 글씨이고 h6이 가장 작은 글씨. 보통 6까지는 잘 안쓰는듯? 1, 2, 3만 주로 쓸 것 같다.)

 

#본문 태그
<p>본문을 쓰기위한 태그입니다.</p>

-> 말 그대로 본문을 감싸주기위한 태그입니다.

 

 

#글자를 굵게 만들어주는 태그
<b>글자</b>

-> 이렇게 <b>태그로 감싸주면 해당 글씨가 굵어진다.(흔히 아는 Bold체 모양이 됨. 이렇게: 글자)

 

#글자를 기울여 주는 태그
<i>글자</i>

-> 이렇게 <i>태그로 감싸주면 해당 글씨가 기울여진 글씨가 된다.(흔히 아는 Italic체 모양이 됨. 이렇게: 글자)

 

 

기본 CSS 속성들


<style>
/* css코드 여기에다가 넣으면 됨 */
</style>

css 속성들 간단 정리

  • font-size: 24px; (폰트 사이즈를 원하는 크기로 표현할 수 있음)
  • text-align: left/right/center; (왼쪽정렬/오른쪽정렬/ 중앙정렬 설정 가능)
  • color: magent/blue 등; (요소의 컬러를 설정할 수 있음)
  • margin-top/bottom/left/right: 100px (상, 하, 좌, 우 의 여백 공간을 원하는 만큼 설정할 수 있음)

댓글