[코딩의 기초] 브라우저의 스타일 초기화, HTML 주석처리, 빈 태그

kemi·2022년 10월 28일
0
post-thumbnail

본격적으로 html에서 쓰이는 Inline요소, block요소 tag들을 정리하기 전에
코딩을 하면서 html에서 주석처리를 하는 법이나,
내가 현재 사용하고 있는 브라우저의 스타일을 초기화 하는 방법 등
알아두면 좋을 것 같은 것들을 정리해보ㄹ게요.. 불금🔥 오늘도 화이팅,,(۶•̀ᴗ•́)۶

브라우저의 스타일 초기화

: 내가 사용하는 브라우저에 기본적으로 설정돼있는 스타일을 초기화 시키는 것

  1. 구글에 "reset.css.cdn"을 검색한다.
  2. "jsdeliver.com"을 선택한다.
  3. "reset.min.css"의 copy html을 선택해 코드를 복사한다.
    (min -> 용량이 가장 적게 압축되어 있는 것을 의미)
  4. 자신의 index.html에서 <link> 태그 위에 붙여넣는다.

자식요소, 부모요소

<tag1> <tag2> 내용 </tag2> </tag1>

=> tab을  이용한 들여쓰기

<tag1>
		<tag2> 내용 </tag2>
</tag1>

<tag1> = 부모요소
<tag2> = 자식요소

HTML 주석처리

cmd + /

<!--내용-->


빈 태그 (Empty tag)

ex) link, meta ...

<태그> : html 1 ~ 5 / 편리함
<태그/> : Xhtml, html 5 / 안전함

<태그 속성 = "값" />

속성 = "값" : 기능의 확장을 의미한다.

ex) <img src = "./cat.jpg" alt ="고양이">

: 빈 태그의 경우 속성, 값을 작성하는 것이 기본이다 (필수속성)

예외 : <br> = 줄바꿈의 용도

profile
어쩌다 코딩

0개의 댓글