| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
- 사칙연산
- SpringBoot 2
- scanner
- Kadane's Algorithm
- Easy
- 자바입력
- heroku
- hash table
- 수학
- 자바 thread 실행 순서 제어
- R
- input
- 자바 스레드 실행 순서 제어
- 카데인 알고리즘
- JAVA11
- array
- Today
- Total
DeFacto-Standard IT
[HTML] 기본 태그 모음 본문
|
태그 |
설명 |
속성 |
|
<!DOCTYPE html> |
HTML5 문서임을 알리는 지시어. 없으면 아닐 수도 있다. |
|
|
<html></html> |
||
|
<head></head> |
문서 제목, javascript, CSS, 메타데이터 정의 |
|
|
<body></body> |
문서 본문 텍스트, 이미지, 테이블, javascript, 동영상 등 |
|
|
<title></title> |
타이틀 제목(브라우저 탭) |
|
|
<hr> |
수평선 긋기 |
|
|
<br> |
줄넘어가기 |
|
|
<p></p> |
단락 나누기 |
|
|
<pre></pre> |
사용자가 입력한 값을 그대로 출력 |
|
|
<h1~6></h1~6> |
글씨체가 굵어짐. h1이 가장 큰 제목, h6이 가장 작은 제목 |
- title : 마우스를 올리면 나타나는 툴팁의 값을 정의 |
|
<img> |
이미지 삽입 |
- src : 이미지 파일 path. .bmp .gif .png .jpg(jpeg) animated-gif 지정 가능 - alt : src경로 이미지 로딩 실패 시 img태그에 출력할 문자열 - width : 이미지 폭 - height : 이미지 높이 => width, height 생략 시 이미지 원본 크기로 출력 |
|
<audio> |
오디오 삽입 |
- src : 오디오 파일 path. - autoplay(단일) : 오디오 로딩 시 자동 재생 - loop(단일) : 반복 재생 |
|
<video> |
비디오 삽입(HTML5 표준) innerHTML 삽입 시, 해당 태그를 지원하지 않는 브라우저가 출력하는 메시지임. |
- src : 비디오 파일 path. - width : 가로크기 - height : 세로크기 - controls(단일) : 컨트롤 판넬 출력 (재생버튼, 재생시간, 중단버튼, 음소거버튼 등) - autoplay(단일) : 비디오 로딩 시 자동 재생 - muted(단일) : 음소거 - loop(단일) : 반복 재생 |
|
<embed> <object> |
비디오 삽입(비표준 : 플래시, HTML5에서 미지원) |
- (object 태그) data : 미디어 파일의 path - (embed 태그) src : 미디어 파일의 path |
|
<source> |
비디오 또는 오디오 정보의 path와 마임타입 기술. source태그 사용 시 video, audio의 src속성은 무시한다. |
- src : 비디오, 오디오 파일 URL. video, audio태그 안에 src미기술 시 사용 가능 - type : 비디오, 오디오의 마임 타입. "video/mp4" : H264비디오, ACC오디오 코덱으로 인코딩 된 .MPEG4 파일 "video/webm" : VP8비디오와 Vorbis오디오 코덱으로 인코딩된 .WebM 파일 "video/ogg" : Theora비디오와 Vorbis오디오 코덱으로 인코딩된 .Ogg파일 "audio/mpeg" : MP3로 인코딩된 .mp3 파일 "audio/wav" : wave형식으로 인코딩된 .wav파일 "audio/ogg" : vorbis 오디오 코덱으로 인코딩된 .ogg파일 |
|
<style></style> |
css 기술 |
|
|
<a></a> |
링크 처리 |
- href : 클릭 시 이동할 URL 표시. 웹페이지, URL 등 표시 가능. "#앵커명" 기술 시 페이지 내 id값과 페이지 내 앵커명과 일치하는 위치로 페이지 스크롤 이동. - id : 앵커명 설정과 앵커 생성 - target : 출력 윈도우 지정 _blank : 새 윈도우(새 탭) _self : 현재 윈도우 _parent : 부모 윈도우 _top : 브라우저 윈도우 |
속성값에 불필요한 공백 문자는 표준에 어긋남 : " 100"
속성값에 ""를 적지 않으면 xml에서 에러가 날 수 있으므로, 표기하는 습관을 들인다.
속성값이 ''보다는 ""를 적으며, 속성 내부에서 또 필요한 경우에 ''를 사용한다.
'Web > HTML' 카테고리의 다른 글
| [HTML] 리스트 (0) | 2017.12.17 |
|---|---|
| [HTML] 메타 데이터 (0) | 2017.12.17 |
| [HTML] Block, Inline 태그 (0) | 2017.12.17 |
| [HTML] Text 꾸미기 태그 (0) | 2017.12.17 |
| [HTML] 특수문자, 기호, 심볼 입력 (0) | 2017.12.17 |