본문 바로가기
오즈코딩스쿨/[HTML,CSS]

[HTML,CSS 과제] 2일차

by Sowon Kim 2025. 8. 19.

<!DOCTYPE html>

→ HTML 문서에서 어떤 종류의 HTML을 사용하는지 브라우저에게 알려주는 선언문입니다.

<html lang="ko">

→ 언어는 한글이다.

<head>

→ 문서의 머리 부분

<body>

→ 문서의 본문 부분

<meta charset="utf-8">

 다양한 브라우저상에서 인코딩 방식의 통일을 주기 위해 작성한다.

작성하지 않으면 html 파일의 글씨가 깨질 수 있다!

<title>

→ 페이지 탭의 제목 표시

<h1> → 제일 큰 글씨

<h2> → 두번째 큰 글씨

<h3> → 세번째 큰 글씨

<br> → 엔터

<hr> → 분리 선

 

 

<strong>

→ 텍스트, 두껍게 나와요.

<mark>

→ 형광색이 나와요.

<p><q></q><p>

→ 블록 레벨 요소의 안에는 종종

인라인 요소가 포함되기도 합니다.

 

<div></div>

→ 컨테이너 (그룹느낌)

<span></span>

→ 컨테이너 (그룹느낌)

id="study"

id="diet"

→ 

class="text content"

→   

<h1 title="김소원의 프로필 페이지">김 소 원</h1>

→ "김 소 원" 이라는 글자 위에 마우스를 올려두면 '김소원의 프로필 페이지'라는 메세지가 뜸.

<img

src="파일명/파일명.파일명"

→ 찾는 이미지의 위치

art="김소원의 프로필 사진"

→ 이미지 위에 마우스를 올려두면 뜨는 메세지.

width="300">

→ 이미지의 너비

<div

id="introduce">

→ 

id="fun-facts"

→ 

<em></em>

→ 이탈릭체 (기울이기)

&copy;

→ ©

'오즈코딩스쿨 > [HTML,CSS]' 카테고리의 다른 글

06. Chapter6. CSS 중급 속성 다루기 (9 플렉스 실습)  (3) 2025.09.01
[HTML,CSS] 5일차 ❻  (5) 2025.08.27
[HTML,CSS] 4일차 ❺  (2) 2025.08.24
[HTML,CSS 과제] 3일차  (0) 2025.08.19
[HTML,CSS 과제] 1일차  (1) 2025.08.14