[html/공부] 요소

요소 알아보기

더 많은 요소 보러가기

종류가 너무 많ㄷ ㅏ...

 

---

       글자 태그 

태그	속성	설명
<h1> ~ <h6>		h1 > h6 이 순서의 크기로 제목 글자 생성
<p>		본문 문단
<br>		줄 바꿈
<hr>		수평 줄
<a	href = "이동할페이지">	하이퍼 텍스트
	href = #id>	id로 이동
	href = "#">	빈 링크

<b>		굵은 글자
<i>		기울어진 글자
<sub>		아래 첨자
<sup>		위 첨자
<ins>		밑줄 글자
<del>		취소선이 그어진 글자

 

       목록 태그 

태그	속성	설명
<ul>		unordered list
<ol>		ordered list
<li>		목록 요소

<ul>
<ol>
	<li>

 

       테이블 태그 

태그	속성	설명
<table	border="value">	표 삽입/ 표의 테두리 두께 지정
<tr>		행 삽입
<hr		제목 셀 생성
<td		일반 셀 생성
	colspan="value">	셀 가로로 병합
	rowspan="value">	셀 세로로 병합

<table>
	<tr>
		<th>
		<td>

 

       미디어 태그 

이미지 태그

태그	속성	설명
<img	src	이미지의 경로 지정
	alt	이미지가 없을 때 나오는 글자
	width	이미지 너비
	height	이미지 높이

오디오 태그

태그	속성	설명
<audio	src	파일 경로
	preload	재생하기 전에 불러올지
	autoplay	자동 재생할지
	loop	반복할지
	controls	도구 출력할지

동영상 태그

태그	속성	설명
<video	src	파일 경로
	poster	준비중일 때 이미지 파일 경로
	preload	재생 전에 데이터 불러올지 지정
	autoplay	자동 재생할지
	loop	반복 재생
	controls	재생 도구 출력 여부
	width	비디오 너비
	height	비디오 높이