1.HTML 기본 문서 구조

HTML

by 𖠂𖢕🜇𐃄༶இ௹𒀱𐦄𐦉 2022. 9. 10. 12:25

시작하기 전에 아래의 기본 문서에 대해 알아보겠습니다.

* !Doctype html : HTML5 웹 문서 뜻

* <html> ~ </html> : 웹 문서의 시작과 끝.

* <head> ~ </head> : 웹 문서를 해석하기 위한 필요정보를 입력하는 부분이 헤더에 들어갑니다.

* <body> ~ </body> : 우리가 부르는 컨텐츠 = 내용 = 본문 입니다.

* <title> </title> : 태그 문서 제목입니다. 브라우저에서 제목 표시줄에 나타냅니다.

* <html lang="en" > html의 사용하는 언어 지정합니다.

* <meta charset="utf-8"> : 문자 인코딩을 합니다. 한글과 영문을 모두 표시하기 위해서는 utf-8 사용

보신것과 같이 태그들은 < > 열리고 </ > 닫아야 한다는 점을 명심하세요. 대부분 열린 태그가 존재할 경우

닫아줘야 합니다. 일부 태그의 경우에는 닫지 않고 사용하기도 합니다.

그럼 실습하러 가시죠.

1.텍스트 태그

Hn ( h1~h6) : 숫자 작을수록 사이즈가 크고 제목표시 사용.

P: 단락을 나타낼 때 주로 사용.

br : 줄 바꿈

hr : 수평 줄

blockquote : 인용문 넣을 때 다른 사이트나 글을 이용할 경우 표시.

pre : 입력하는 그대로 화면에 표시하기

이제 여러분들은 HTML 편집이 가능한 곳이라면 해당 태그를 통해 연습하실 수 있습니다.

나머지 blockquote ,pre 태그를 사용해서 어떻게 출력되는지 연습해 보시길 바랍니다.

어려운 태그나 고찰이 필요하지 않기 때문에 열고 닫는 태그만 잘 확인해 보세요.

LIST

1-3. 기타 텍스트 (0)	2022.09.10
1-2. 텍스트 태그 (0)	2022.09.10
0-1. 코딩하기 전에 중요한 것 (0)	2022.09.10
1-1. 텍스트 태그 (0)	2022.09.10
0.HTML 시작하기 (Visual Studio code install) (0)	2022.09.10