[HTML] 주요 태그 살펴보기

제목

<h1>제목</h1>

 

문단

 

<p>문단</p>

 

강조

 

<em>강조</em>

<strong>강조</strong>

 

줄바꿈

 

<br/>

-> '/' 가 뒤에 붙는 것 주의, 남용X(뒤 강의에서 설명)

 

링크 Anchor

 

<a href="주소">링크</a>

href 주소값 표기 방법

1. 웹 URL

2. 페이지 내 이동

 

<a href="#id 이름">

id 이름이 있는 세션으로 이동

</a>

 

메일쓰기

<a href="mailto:메일주소">

김버그에게 메일 쓰기

</a>

 

전화걸기

<a href="tel:전화번호">

김버그에게 전화 걸기

</a>

 

 

이미지 태그

 

<img src="#" alt=""/>

src: source

alt: alternative text

--> 앞을 보시지 못하시는 분들이나 네트워크 상태가 좋지 않아서 이미지를 못보시는 분들을 위한 대체 텍스트

 

이미지 가져오는 두 가지 방법

1. 이미지의 경로를 # 위치에 붙여넣기

2. 이미지를 다운 받아서 경로 적어주기

<img src="./images/cat.png" alt="귀여운 고양이"/>

 

 

 

 

 

 

※내가 원래 있던 페이지는 그대로 있고 새창으로 열고 싶을 때

target="_blank"

사용법: <a href=" " target="_blank"> </a>