【 HTML 배우기 】 - 6탄

EunJi·2022년 7월 17일
1

🦎 Front-end 🦎

목록 보기
7/8
post-thumbnail

🦎 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> : 웹 문서 자체를 설명하거나, 부가적인 정보를 덧붙여줄 때 사용하는 태그로
             브라우저에 표시되지 않습니다

참고로 아래에 작성된 태그들만 <head> 안에서 작성할 수 있습니다
 ( 그 외 태그들은 <body> 안에서 작성해야 합니다 )

  • <title>
      : 웹 문서 자체의 제목으로, 브라우저 상단 Tab에 표시됩니다
  • <style>
      : css와 관련있는 태그입니다
  • <link>
      : 외부 파일과 연결할 때 사용하는 태그입니다
        → 주로 stylesheet 파일과 연결합니다
        +) favicon : favorite icon
  • <script>
      : javascript와 관련있는 태그입니다
  • <meta>
      : 웹 브라우저와 검색 엔진에게 현재 문서에 대한 설명을 전달해주는 태그입니다
  • <base>
      : 기준 경로에 해당하는 태그입니다
        ( 설명 ) : <body> 내에서 절대 경로가 아닌 상대 경로로 지정되어 있는 파일들은
                    <base>의 경로를 기준으로 해당 파일을 찾게됩니다




🦎 Section #. Finish

출처 ①
: http://hanium.udemy.com/course/ssonsalstudy-html/learn/lecture/8170424?start=15

출처 ②
: https://www.miricanvas.com/


profile
Opened : 22.07.03 | 【 Lord, You Are Beautiful 】

0개의 댓글