HTML5 1일차 - 여러 키워드

여러 키워드

1. <a href="url 주소">글 또는 그림등</a>

 

2. taget 속성

target 속성이란 링크를 클릭할때 창에 대한 여부를 설정합니다

​

_self : 링크 클릭 후 해당 창에서 열기

_blank : 링크 새창으로 열기

_parent : 부모창에서 열기 (부모 창이 없는 경우 _self 속성 처리)

_top : 전체 브라우저 창에서 가장 상위 창 열기(부모 창이 없는 경우 _self 속성 처리)

​

​

3. title 속성

title 속성은 링크에 마우스 커서를 올릴때 도움말 설명이 나오게 할 수 있습니다.

 

ex) 네이버 다움 구글 연결

ex2) (authorinner 웹페이지) 내부 연결

여러 글자 모양 태그

<b> , <i> , <small> , <sub> , <sup> , <ins> , <del> ,<h1~6> , <p> , <b> 등

 

순서가 있는 목록 <ol> 과 순서가 없는 목록 <ul>

리스트를 만드는 <li>

표를 만드는 <table>

행을 만드는 <tr>과 열을 만드는 <th>,와 <td>

특징

col(행) 과 row(열)  colspan="" 또는 rowspan="" 으로 행열 합치기

group으로 묶어 사용가능

css인 border spacing: 0;로 경계를 줄여줄 수도 있음

 

비디오 소스를 만드는 <video>

== <video (속성) controls = "autoplay ,loop ,controls ,preload "> <source src="비디오 경로" type = "mp4 ,webm 등"> </video>

또는 <video (속성) controls="autoplay, loop, controls, preload" (안해도됨ㅡ>)poster="동영상 불러올 동안 이미지" >

<source src="비디오 소스" type="video/mp4,webm 등(비디오 타입)"

 

오디오 소스를 만드는 <audio>

== <audio src="비디오 소스" controls="autoplay, loop ,controls ,preload" (속성)></audio>

또는  <audio (속성) controls="오디오 경로"> <source src="비디오 소스" type="audio/mp3 , ogg 등"> </audio>

 

이미지 파일을 올려주는 <img>

== <img src="이미지 소스" alt="이미지의 설명" (속성)>

alt="" (웹 접근성)

 

 

주의

<source>는 웹브라우저 마다 지원하는 확장자가다를 때 추가로 사용한다.