🩵[HTML 2일차]

ttt00·2025년 8월 28일

HTML

목록 보기

2/4

1️⃣ <태그>

- ✅ <p> : 하나의 문단(블록 요소, 자동으로 줄바꿈)
- ✅ <br> : 줄바꿈
- ✅ <!--주석 내용--> : 주석 처리
- ✅ <html></html> : HTML문서의 시작과 끝
- ✅ <a>, <span> : 인라인 요소 (공간이 부족하면 밑으로 줄바꿈)
- ✅ <hN> : 글씨 크기
- ✅ <div> : container로 사용하는 태그 (의미X, CSS 적용시 레이아웃 나눔으로
디자인 다르게 적용)
- ✅ <ol> : 순서 있는 목록 (1.--- 2.--- 3.---)
- ✅ <ul> : 순서 없는 목록 (-... -... -...)
- ✅ <li> : 목록 항목 (<ol>, <ul> 각 항목을 정의할 때 사용)
- ✅ <a href = "링크">home</a> : 하이퍼링크 구문 
- ⭐️ <img src = "이미지 경로" alt = "이미지 설명 텍스트"> : 이미지 삽입

2️⃣ 실습

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>연습2</title>
</head>
<body>
  <img src = "윌리엄.jpg" width = "300" alt = "아기">
</body>
</html>

width = "" -> 사진 크기 조절

3️⃣ 결과

4️⃣ Tip💡

alt = "a" -> 사진이 나오지 않을때 a로 대체

넣을 사진은 꼭 같은 폴더에 위치

ttt00

이전 포스트

🩵[HTML 1일차]

다음 포스트

🩵[HTML 2일차]

HTML

1️⃣ <태그>

2️⃣ 실습

3️⃣ 결과

4️⃣ Tip💡

🩵[HTML 1일차]

🩵[HTML 3일차]

0개의 댓글