<!DOCTYPE html>
html5의 선언구문(html 주석) ctrl+s
<!-- ctrl+/ 자동주석 html 문서의 시작-->
<html lang="en">
<!-- head 문서의 제목 -->
<!-- head 문서의 제목 -->
<head>
<!-- meta charset="UTF-8" 한글이 깨지지 않도록 옵션-->
<meta charset="UTF-8">
<!-- 모바일 화면에서도 잘 보이게 설정해주는 옵션 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>1.html문서구조내용 파악</title>
</head>
<!-- body~body (본문내용)
태그의 종류-block계열의 태그->자동으로 다음줄 개행(줄바꿈)
inline계열의 태그=>자동으로 줄바꿈X
-->
<body>
<h1>html문서의 특징</h1>
1.태그내부에 또 다른 태그 사용이 가능하다. <br> <!-- enter 1번 -->
2.태그명은 대,소문자 구분이 없다. <br>
3.파일저장=>~.html or ~.htm <br>
<!-- p태그는 enter 2번 -->
4.태그내부에 속성명이 존재=> 태그의 자세한 설정이 필요할때 사용 <p></p>
5.줄바꿈=>br or p태그를 사용한다. <br>
6.html문서=>글자(text),이미지,동영상,음악파일 포함 <br>
<!-- font-family(글꼴)
font-size(글자크기)
font-color(글자색)
color(영어 or 16진수 1~9 10(A),11(B)~15(F)
RGB(0~255)=>(0,0,0)~(255*255*255)=16만 color
)
-->
<font size="5pt" color="#ffff00">7.일반적인 글꼴,크기,색깔(css로 해결)-font태그</font>
</body>
</html>
<!-- /html 문서의 종료 -->
실행결과
'HTML' 카테고리의 다른 글
| 6.semantic(3) (0) | 2024.07.05 |
|---|---|
| 5.semantic(2) (0) | 2024.07.05 |
| 4.semantic(1) (0) | 2024.07.05 |
| 3.목록보기 (0) | 2024.07.05 |
| 2.이미지,링크문자 (0) | 2024.07.05 |