HTML.CSS.JavaScript/수업

2. HTML 기본태그 익히기(1-2)

멜데스 2017. 4. 18. 20:21

소스 내에 주석 삽입하는 방법

주석이란

- 주석은 HTML 문서에 기술된 내용에 대해 HTML 작성한 사람에게 알리는 설명

- 웹 브라우저에서는 인식하지 않는다.

- 주석 태그로 둘러싼 부분 전체가 브라우저에 출력되지 않는다.

- 주석 태그 "<!--"로 시작되어 "-->" 로 종료

- "<!--" 을 기술할 때 문자 사이에 공백이 있어서는 안된다.


=====================================================================================

제목의 글자의 크기를 변경하는 태그

제목태그

- Headline의 약어, 문서의 제목을 위해 사용

- 제목의 크기는 1~6 까지 사용 가능

- 숫자가 작을 수록 제목의 크기는 크다

- <Hn> 여기서 n은 1에서 6까지의 정수를 의미

* (<H1> ~ <H6>)


=====================================================================================

줄 바꿈에 사용하는 태그

줄 바꿈 태그 <br>

- line break를 의미

- 강제적으로 줄 바꿈을 할 때 또는 빈 줄을 삽입할 경우 사용

- 메모장에서 줄 바꿈 태그 없이 엔터를 쳐서 줄 바꿈 했을 경우 웹 브라우저에서는 엔터를 무시한다.

- 웹 브라우저를 통해 보이는 문장들이 줄이 바뀌도록 하기 위해서는 줄 바꿈 태그를 사용해야 한다.


입력한 대로 보여주는 태그

입력한 대로 보여주기

- Tab이나 Enter, 연속된 공백(Space)등을 여러 번 사용해도 웹 브라우저에서는 하나의 공백으로 인식하여 나타낸다.

- 메모장에서 작성한 문장 형태 그대로 웹 브라우저에 나타내기 위해서 <pre> 태그를 사용한다.

- <pre> ~ </pre> 태그 안에서는 다른 태그를 사용하지 않아야 한다.


Test.html

글자크기.html

입력한대로보여주는 태그.html

줄바꿈 태그.html