학교 강의 자료를 기반으로 작성한 html 태그 정리
1. <title>
브라우저의 타이틀 지정
2. <h1>
제목 달기 <h2>, <h3> 등등
3. <h1 title=" ">
툴팁 달기 (마우스 대면 나오는)
4. <p>
단락 나누기
5. <hr>
수평선
6. <br>
줄바꿈
7. <pre>
포맷 그대로
8. 텍스트 꾸미기
<b> 진하게 / <strong> 중요한 / <em> 강조 / <i> 이텔릭체 / <small> 작게 / <del> 취소선 /
<ins> 밑줄 / <sup> 윗첨자 / <sub> 아래첨자 / <mark> 하이라이팅
9. <div>
대표적인 블록태그(새 라인, 한 라인 독점)
10. <span>
대표적인 인라인 태그(블록의 일부)
11. 메타 데이터
<base> 기본 url / <link> 외부 자원 연결 / <script> /
<style> / <title> / <meta> 웹페이지 저작자, 설명, 키워드, 문자 등
모두 <head> 안에 작성 (<script>는 <body>도 가능)
12. <img>
이미지 삽입
src = 파일의 url / alt = 사진이 없을 때 지정할 문자열 / width = 폭 / height = 높이
13. 리스트
<ol></ol> 순서 있는 리스트
<ul></ul> 순서 없는 리스트
각 태그 내에 <li>로 정렬
<dl></dl> 정의 리스트
각 태그 내에 <dt>로 용어, <dd>로 설명 정의
14. <table>
표 만들기
<caption> 표 제목 / <thaed> 처음 행 / <tfoot> 마지막 행 / <tbody> 데이터 행 / <tr> 행 / <td> 열 / <th> 제목 셀
15. <a>
하이퍼링크
ex) <a href="링크">여기를 클릭하면 링크로 이동</a>
16. <target>
링크의 속성
<target="_blank"> 새 윈도우
<target="_self"> 현재 윈도우
<target="_parent"> 부모 윈도우
<target="_top"> 브라우저 윈도우
17. <id>
링크의 앵커 생성 속성
<a href="#chap1"> 1장으로 이동 </a>
...
<a id="chap1"> 1장 </a>
18. 다운로드 링크
<a href="파일의 url" download> 파일 다룬로드</a>
19. <iframe>
인라인 프레임
src = 파일의 url / srcdoc = 파일정의 / name = 윈도우 이름 / width = 폭 / height = 높이
윈도우 이름 : left , right(upper, lower)
20. <video>
비디오 삽입
src = 파일의 url / controls = 버튼표시 / autoplay = 비디오 로딩 즉시 재생 /
muted = 오디오 끔 / loop = 반복재생 / width = 폭 / height = 높이
ex) <video src="파일 url" width="" height= "" controls autoplay></video>
21. <audio>
오디오 삽입
src = 파일의 url / controls = 버튼표시 / autoplay = 비디오 로딩 즉시 재생 / loop = 반복재생
'Frontend > html' 카테고리의 다른 글
| HTML 웹 폼 [Web Form] (0) | 2022.09.26 |
|---|---|
| HTML 문서 구조화를 위한 시맨틱 태그 [Semantic Tag] (0) | 2022.09.26 |
