【 HTML 배우기 】

Markup_Language/HTML

삐약은지 2023. 5. 12. 02:43

【 HTML 배우기 】 - 6탄

① 주석문

: 코드에 설명을 달아 놓기위한 용도로, 브라우저에 표시되지 않습니다

② Empty tag

: 끝 태그가 필요 없는 태그로 <input>, <img>, <hr>, <br> 등이 있습니다

▶ 왜 끝 태그가 필요 없나요 ?

: 시작 태그와 끝 태그 사이에 들어갈 내용 없이, 단순히 줄 바꿈만 하면 되기 때문입니다

▶ Empty tag에 끝 태그를 작성하게 되면 error가 뜨나요?

: ❌, 작성해도 상관은 없습니다!

<input src="flower.jpg"></img>
== <input src="flower.jpg" />

<br></br> 
== <br />

③ Text Formatting

- <b>

- <strong>

- <i>

- <em>

- <mark>

- <small>

- <del>

- <ins>

- <sub>

- <sup>

- <code>

- <kbd>

- <head> : 웹 문서 자체를 설명하거나, 부가적인 정보를 덧붙여줄 때 사용하는 태그로

브라우저에 표시되지 않습니다

(#1) 참고로 아래에 작성된 태그들만 <head> 안에서 작성할 수 있습니다

(#2) 그 외 태그들은 <body> 안에서 작성해야 합니다

① <title>
: 웹 문서 자체의 제목으로, 브라우저 상단 Tab에 표시됩니다

② <style>
: css와 관련있는 태그입니다

③ <link>
: 외부 파일과 연결할 때 사용하는 태그입니다

→ 주로 stylesheet 파일과 연결합니다

+) favicon : favorite icon

④ <script>
: javascript와 관련있는 태그입니다

⑤ <meta>
: 웹 브라우저와 검색 엔진에게 현재 문서에 대한 설명을 전달해주는 태그입니다

⑥ <base>
: 기준 경로에 해당하는 태그입니다

( 설명 ) : <body> 내에서 절대 경로가 아닌 상대 경로로 지정되어 있는 파일들은
<base>의 경로를 기준으로 해당 파일을 찾게됩니다

① 강의 링크

② 대표 이미지 출처

디자인 플랫폼 미리캔버스

디자인 작업이 필요한가요? 5만개 이상의 무료 템플릿으로 간편하고 편하게 원하는 디자인을 만들 수 있어요.