[Html] 서식 태그

H1 - H6까지 자동 완성

visual studio code에서는 h1만 입력해도 자동으로 열린태그, 닫힌태그를 생성해줍니다.

//입력 
	h$*6
//결과
    <h1></h1>
    <h2></h2>
    <h3></h3>
    <h4></h4>
    <h5></h5>
    <h6></h6>

 

 

{number} 단어로 구성된 텍스트 자동 완성

//입력
<p>lorem5</p>
//결과
<p>Lorem ipsum dolor sit amet.</p>

//입력
<p>lorem</p>
//결과
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum eligendi error necessitatibus, natus laudantium fugit? Tempora eum obcaecati repellat nesciunt tempore, perferendis, odit itaque dolorum unde ipsa quas, quia voluptatibus?</p>

 

 

여러 태그들

<strong>볼드</strong>
<em>기울임</em>

//링크 연결
<a href="링크" target="blank">네이버</a>
//target="blank" 새로운 탭으로 연결

//이미지(닫는 태그 없음)
<img src="폴더/이미지.png" alt="이미지 설명">

//줄바꿈
<br>

 

Div 와 Span

1. Div : 다른 HTML 요소를 그룹화하는 콘테이너(container)로 사용할 수 있는블록 수준 요소
(인라인/블록 요소 모두 가능)

2. span : 인라인(inline) 요소를 그룹화시킬 수 있다. 

    <span>
        <strong>안녕하세요</strong>
    </span>