Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- regexp
- 선택자
- js
- 코딩퀴즈
- 친해지기
- JavaScript
- row-gap
- 코딩일기
- Coda
- 코드다이어리
- HTML
- 가상클래스
- Grid
- DOM
- CLASS
- 코딩문제
- frontend
- vscode
- 코딩테스트
- 정규식표현
- 코드일기
- scss
- sass
- column-gap
- tailwindcss
- display
- Pseudo
- CSS
- property
Archives
- Today
- Total
< Code diaries />
TAG 06 - 미디어 및 기타 태그, <details> 본문
HTML(Hyper Text Markup Language)
기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다.
01. Media 및 기타 태그
Tag | Description | Meaning |
<video> | 동영상 파일을 넣을 수 있는 태그이다. | |
<audio> | 오디오 파일을 넣을 수 있는 태그이다. | |
<iframe> | 다른 웹문서를 현재문서에 창을 만들어 보여줄 수 있는 태그이다. 종료태그가 있지만 컨텐츠를 포함할 수없으니 주의하자. |
|
<details> | 같이 사용된다. | |
<summary> | <details> 태그 내에서 클릭가능한 요약 제목이다. |
1. <video> Tag
-
2. <audio> Tag
-
3. <iframe> Tag
-
4. <Details>, <summary> Tag
- 아래의 예제를 따라해 보세요
See the Pen Html - <details> by Jey Lee (@Jey-Lee-the-sasster) on CodePen.
본 문서는 제가 오랫동안 일해왔던 내용을 강의와 책편집을 위해 정리해둔 내용입니다.
힘들게 만든 만큼 공부하시는 분들께 도움이 되면 좋겠습니다.
제 피드를 공유하거나 링크를 해주시는것은 감사합니다~
하지만, 출처없이 이미지나 내용만을 카피해서
포스트를 쓰신다거나 하는것은 하지말아주세요 ^^
감사합니다.
반응형
'Html' 카테고리의 다른 글
[ HTML ] Emmet 문법 정리 (0) | 2024.07.26 |
---|---|
TAG 03 - 링크와 이미지관련 태그 (0) | 2024.06.10 |
TAG 05 - 폼에 관련된 태그와 <datalist> (0) | 2024.06.06 |
TAG 04 - 표를 만드는 태그 (0) | 2024.06.06 |
TAG 02 - 제목과 글자를 다루는 태그, 기타 태그 (4) | 2024.06.06 |