반응형
2025.04.19 - [HTML, CSS] - HTML 구조 이해
HTML 구조 이해
HTML 구조 이해HTML 문서는 기본 틀이 정해져 있다. 웹 브라우저가 이 구조를 기준으로 웹페이지를 보여준다. 실제로 보이는 내용이 들어감 각 부분 설명태그설명HTML5 문서라고 알려주는 선언전체
check22.tistory.com
2025.04.19 - [HTML, CSS] - HTML 텍스트 관련 기초 태그(제목, 문단, 강조)
HTML 텍스트 관련 기초 태그(제목, 문단, 강조)
텍스트 관련 태그1. 제목 테그 ~글 제목을 표시할 때 사용숫자가 작을수록 글자가 크고 굵음제목 1제목 2제목 3 2. 문단 태그 일반적인 본문 내용을 쓸 때 사용문단입니다. 문단 글 작성 칸 3. 강조
check22.tistory.com
2025.04.19 - [HTML, CSS] - HTML 링크, 이미지, 리스트
HTML 링크, 이미지, 리스트
링크, 이미지, 리스트1. 링크 테그 다른 페이지나 사이트로 이동하게 해주는 태그href는 이동할 주소구글로 가기 2. 이미지 태그 이미지 넣을 때 사용src는 이미지 주소, alt는 이미지가 안 보일 때
check22.tistory.com
오늘은 이전에 배웠던 내용으로 예제를 다뤄보려 한다.
제목, 문단, 강조, 링크, 이미지, 리스트를 전부 포함하여 예제를 완성해보자.
<!DOCTYPE html>
<html>
<head>
<title>HTML 연습</title>
</head>
<body>
<h1>첫 HTML 페이지</h1>
<p>지금은 <strong>HTML</strong>을 배우는 중이에요.</p>
<p>이건 <em>강조</em>하는 문장이에요.</p>
<a href="https://naver.com">네이버로 이동</a>
<br><br>
<img src="https://via.placeholder.com/200" alt="예시 이미지">
<h2>좋아하는 과일 리스트</h2>
<ul>
<li>망고</li>
<li>수박</li>
<li>복숭아</li>
</ul>
<h2>공부 순서</h2>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
</body>
</html>
반응형
'HTML, CSS' 카테고리의 다른 글
| CSS 선택자 (selector) (0) | 2025.04.19 |
|---|---|
| CSS 작성 방법 3가지 (0) | 2025.04.19 |
| HTML 링크, 이미지, 리스트 (0) | 2025.04.19 |
| HTML 텍스트 관련 기초 태그(제목, 문단, 강조) (0) | 2025.04.19 |
| HTML 구조 이해 (0) | 2025.04.19 |
