아직 배우지 않은 태그가 사용되더라도 걱정ㄴㄴ
HTML 문서
모든 HTML 문서는 문서 유형 선언으로 시작해야 함 <!DOCTYPE html>.
HTML 문서 자체는 로 시작 <html>하고 로 끝남 </html>.
HTML 문서의 보이는 부분은 <body>와 사이에 있음 </body>.
예
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html><!DOCTYPE> 선언
이 <!DOCTYPE>선언은 문서 유형을 나타내며 브라우저가 웹 페이지를 올바르게 표시하는 데 도움이 됨.
이 코드는 페이지 맨 위(HTML 태그 앞)에 한 번만 나타나야 함.
해당 <!DOCTYPE>선언은 대소문자를 구분하지 않음
<!DOCTYPE>HTML5 선언은 다음과 같음
<!DOCTYPE html>
HTML 제목
<h1>HTML 제목은 `<heading> ` 태그 로 정의됨 <h6>.
<h1>가장 중요한 제목을 정의합니다. <h6>가장 중요도가 낮은 제목을 정의함
예
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
HTML 단락
HTML 단락은 <p> 태그로 정의됨 <p>.
예
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>HTML 링크
HTML 링크는 <link> 태그로 정의 <a>
예
<a href="https://www.w3schools.com">This is a link</a>
링크의 대상은 href속성에 지정됨
속성은 HTML 요소에 대한 추가 정보를 제공하는 데 사용됨
속성에 대해서는 뒷 장에서 더 자세히 배우게 될 것.
HTML 이미지
HTML 이미지는 <image> 태그로 정의 <img>.
소스 파일( src), 대체 텍스트( alt), width및 height속성으로 제공
예
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">HTML 소스 코드를 보는 방법
웹페이지를 보다가 "와! 저건 어떻게 만든 거지?"라고 생각했던 적이 있다.
HTML 소스 코드 보기:
HTML 페이지에서 Ctrl + U를 누르거나, 페이지를 마우스 오른쪽 버튼으로 클릭하고 "페이지 소스 보기"를 선택. 그러면 페이지의 HTML 소스 코드가 포함된 새 탭이 열린다.
HTML 요소 검사.
요소(또는 빈 영역)를 마우스 오른쪽 버튼으로 클릭하고 "검사"를 선택하면 요소가 무엇으로 구성되어 있는지 확인할 수 있다(HTML과 CSS 모두 표시됨). 열리는 요소 또는 스타일 패널에서 HTML 또는 CSS를 즉시 편집할 수도 있음.
'HTML' 카테고리의 다른 글
| html 6. 제목 (0) | 2026.05.25 |
|---|---|
| html 5. 속성 (0) | 2026.05.25 |
| html 4. 요소 (0) | 2026.05.25 |
| html 2. 편집기, 웹페이지를 만드는 4단계 (0) | 2026.05.25 |
| html 1. 개요(요소, 구조) 및 기초 실습 (0) | 2026.05.25 |