여러 키워드
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>는 웹브라우저 마다 지원하는 확장자가다를 때 추가로 사용한다.
'HTML , CSS' 카테고리의 다른 글
HTML5 CSS - Position (0) | 2023.08.11 |
---|---|
HTML CSS - dispaly 속성 中 Block , Inline (0) | 2023.08.09 |
HTML5 - CSS 선택자 (0) | 2023.08.03 |
HTML - 시멘틱 태그 (0) | 2023.08.03 |
HTML 2일차 - form , 특수태그 몇가지 (0) | 2023.08.02 |