【 HTML 배우기 】 - 6탄
🦎 Section 01. 기타 사항
① 주석문
: 코드에 설명을 달아 놓기위한 용도로, 브라우저에 표시되지 않습니다
② Empty tag
: 끝 태그가 필요 없는 태그로 <input>, <img>, <hr>, <br> 등이 있습니다
▶ 왜 끝 태그가 필요 없나요 ?
: 시작 태그와 끝 태그 사이에 들어갈 내용 없이, 단순히 줄 바꿈만 하면 되기 때문입니다
▶ Empty tag에 끝 태그를 작성하게 되면 error가 뜨나요?
: ❌, 작성해도 상관은 없습니다!
<input src="flower.jpg"></img>
== <input src="flower.jpg" />
<br></br>
== <br />
③ Text Formatting
( 자세히 알아보기 : https://www.w3schools.com/html/html_formatting.asp )
- <b>
- <strong>
- <i>
- <em>
- <mark>
- <small>
- <del>
- <ins>
- <sub>
- <sup>
- <code>
- <kbd>
🦎 Section 02. 헤드 태그
- <head> : 웹 문서 자체를 설명하거나, 부가적인 정보를 덧붙여줄 때 사용하는 태그로
브라우저에 표시되지 않습니다
(#1) 참고로 아래에 작성된 태그들만 <head> 안에서 작성할 수 있습니다
(#2) 그 외 태그들은 <body> 안에서 작성해야 합니다
① <title>
: 웹 문서 자체의 제목으로, 브라우저 상단 Tab에 표시됩니다
② <style>
: css와 관련있는 태그입니다
③ <link>
: 외부 파일과 연결할 때 사용하는 태그입니다
→ 주로 stylesheet 파일과 연결합니다
+) favicon : favorite icon
④ <script>
: javascript와 관련있는 태그입니다
⑤ <meta>
: 웹 브라우저와 검색 엔진에게 현재 문서에 대한 설명을 전달해주는 태그입니다
⑥ <base>
: 기준 경로에 해당하는 태그입니다
( 설명 ) : <body> 내에서 절대 경로가 아닌 상대 경로로 지정되어 있는 파일들은
<base>의 경로를 기준으로 해당 파일을 찾게됩니다
🦎 Section ##. Finish
① 강의 링크
: https://www.udemy.com/course/ssonsalstudy-html/
② 대표 이미지 출처
디자인 플랫폼 미리캔버스
디자인 작업이 필요한가요? 5만개 이상의 무료 템플릿으로 간편하고 편하게 원하는 디자인을 만들 수 있어요.
www.miricanvas.com
'Markup_Language > HTML' 카테고리의 다른 글
| 【 HTML 배우기 】 - FINISH (1) | 2023.05.12 |
|---|---|
| 【 HTML 배우기 】 - 5탄 (0) | 2023.05.12 |
| 【 HTML 배우기 】 - 4탄 (0) | 2023.05.12 |
| 【 HTML 배우기 】 - 3탄 (0) | 2023.05.12 |
| 【 HTML 배우기 】 - 2탄 (1) | 2023.05.10 |
