일상

<a href="sub.html"> 'sub'로 이동 </a><br>
<a href="https://www.tistory.com" target="_blank"> 티스토리 사이트로 이동 </a><br>

-> 글씨를 클릭하면 작업중인 다른 경로, 절대경로 모두 이동 가능

-> target="_blank" : 새로운 창을 열어서 경로를 띄워주는 속성

<a href="sub2.html"><img src="sub2.png"></a>

-> 이미지를 클릭하면 'sub2' 파일로 경로를 이동하는 코드

순서가 없는 리스트 <ul>, <li>

<ul>
<li> 첫번째 리스트 </li>
<li> 두번째 리스트 </li>
<li> 세번째 리스트 </li>
</ul>

결과

• 첫번째 리스트
• 두번째 리스트
• 세번째 리스트

순서가 있는 리스트 <ol>, <li>

<ol>
<li> 첫번째 순서 </li>
<li> 두번째 순서 </li>
<li> 세번째 순서 </li>
</ol>

결과 :

1. 첫번째 순서

2. 두번째 순서

3. 세번째 순서

정의 리스트 <dl>, <dt>, <dd>

<dl>
    <dt> 첫번째 정의할 개념 </dt>
    <dd> 첫번째 정의하는 설명 </dd>
    <dt> 두번째 정의할 개념 </dt>
    <dd> 두번째 정의하는 설명 </dd>
</dl>

결과:

첫번째 정의할 개념

    첫번째 정의하는 설명

두번째 정의할 개념

    두번째 정의하는 설명

상대경로

<img src="file.png">

-> 이미지가 현재 작업중인 html파일과 같은 폴더 안에 있을 때

<img src="./img/file.png">

-> ./ : 현재 작업중인 html 파일이 들어있는 폴더 안에

-> img/ : 'img'폴더 안에 이미지가 있을 때

<img src="./img/img2/file.png">

-> ./ : 현재 작업중인 html 파일이 들어있는 폴더 안에

-> img/ : 'img'폴더 안에

-> img2/ : 'img2'폴더 안에 이미지가 있을 때

<img src="../file.png">

-> ../ : 현제 작업중이  html 파일이 들어있는 폴더의 이전 폴더 안에 이미지가 있을 때

절대경로 

<img src="C:/source/img/file.png">

-> 현재 작업중인 기기의 C드라이브 안에서 파일경로를 가져온 경우

--> 파일 경로는 실제 파일의 속성에서 가져올 수 있다.

<img src="http://web.com/img/file.png">

-> 도메인 주소 안의 파일 안에서 이미지 파일을 가져온 경우

이미지 <img>

속성

• title: 마우스 커서를 올렸을 때 나오는 글
• src : 이미지 파일
• width : 가로 넓이
• height : 세로 크기

• 이미지 파일 포맷  : jpg, png, gif, ,svg(확대시 깨짐없음)

오디오 <audio>

속성

• src : 오디오 파일 명
• controls : 화면에플레이어 표시하기
• autoplay : 자동재생 (크롬은 지원 안함)
• loop : 무한반복

비디오 <video>

속성

• src
• width
• height
• controls
• autoplay
• loop

아이프레임< iframe>

• src
• width
• height
• border:none => 테두리 삭제