HTML 태그

HTML 태그

웹개발을 하기위해선 HTML 과 CSS 를 알고 있어야 합니다.

HTML 요소와 종류에 대해 알아보고 각 태그에 대해 자세히 알아보겠습니다.

요소의 종류와 특징

구분	블럭요소	인라인 요소	범용요소
특징	1. 줄바꿈 속성 2. 기본 너비 100% 3. 블럭요소를 포함할수 없다   (예외인 요소는 있음) 4. 인라인 요소를 포함	1. 줄바꿈 속성이 없음 2. 내용만큼 너비가 유지 3. 너비, 높이 속성 사용 불가 4. 블럭 요소를 포함할 수 없으며, 인라인요소는 가능	1. 블록 요소임에도 불구하고 모든 요소를 포함할 수 있음
종류	<h1>~<h6>, <p>, <address>,  <block-quote>, <ul>, <li>, <ol>,  <dl>, <dt>, <dd>, <div>	<q>, <em>, <strong>, <abbr>,  <ac-ronym>, <sup>, <sub>,  <img>, <a>, <map>, <area>,  <span>	<div>, <li>, <dd>,   <address>(p 요소만 가능)

이렇게 3가지 요소로 볼수 있습니다.

그럼 이제 요소의 종류인 태그들에 대해 하나씩 자세히 알아 보겠습니다.

문단 태그

(기초중에 기초! 기본 문서를 작성할때 필요한 요소!)

종류	설명	종류	설명
<h1>~<h6>	제목요소(숫자가 적을수록 큰글자)	<img>	이미지 요소
<p>	단락 구분 요소	<a>	링크 요소(정말 많이 쓰임)
<address>	주소태그, 주소를 작성할때 사용	<map>	맵 선언 요소
<hr>	구분선 요소	<area>	맵 좌표 영역 설정요소
<q>	짧은 인용 문구 요소	<ul>	비순차 목록 선언 요소(많이 쓰임)
<blockquote>	긴 인용 문구 요소	<ol>	순차 목록 선언요소 (많이 쓰임)
<em>	강조 요소	<li>	목록 요소(많이 쓰임)
<strong>	강한 강조 요소	<dl>	용어 표현 요소
<addr>	줄임말(앞글자 줄임) 요소	<dt>	용어 표현 요소
<acronym>	줄임말(모음/자음 조합 줄임) 요소	<dd>	용어 설명 요소
<sup>	위 첨자 요소	<div>	범용 그룹화 요소(많이 쓰임)
<sub>	아래 첨자 요소	<span>	인라인 요소 그룹화 요소(많이 쓰임)

테이블 태그와 속성

(표를 만들기 위한 요소!)

종류	설명	속성	설명
<table>	표의 시작과 종료	width="넓이 값"	표 넓이
		border="선 두께값"	표 선 두께
		summary="테이블 요약 내용"	표 내용 요약
		cellspacing="셀 간격"	셀과 셀의 간격
<tr>	한 행의 시작과 종료	-	-
<th>	제목 열(cell)	scope="col"	열 제목일 경우
		scope="row"	행 제목일 경우
<td>	데이터 열(cell)	rowspan="행 개수"	행 합치기
		colspan="열 개수"	열 합치기
<caption>	표 제목
<colgroup>	열 그룹 시작과 종료
<col>	열 그룹 설정	width="열 너비"
<thead>	표 머리 영역(셀 제목 영역)
<tbody>	표 본문 영역(데이터 영역)
<tfoot>	표 바닥 영역(통계, 합계 등)

폼(form)태그와 속성

(폼태그는 정말 중요합니다. 꼭! 숙지하세요.)

종류	설명	속성	설명
<form>	입력 양식 영역(전송 역활)	name	폼 이름
		method	전송방식(get, post)
		action	입력값을 전송할 페이지
<fieldset>	입력 요소 그룹화
<legrnd>	그룹 제목
<input>	입력요소	type = text	한 줄 글상자
		type = password	비밀번호
		type = checkbox	취미, 관심 과목(중복 선택 상자)
		type = radio	성별, 수신 여부(단독 선택 상자)
		type = submit	확인 버튼(전송 기능)
		type = reset	취소 버튼
		type = image	이미지 버튼(전송 기능)
		type = file	파일 첨부
		type = button	범용 버튼
		type = hidden	화면 표시 안됨(숨긴 값을 전송)
		name	요소 이름
		value	요소 값
		id	요소 아이디
<label>	입력 요소 제목	for	입력 요소 아이디와 일치해야 함.
<textarea>	여러 줄 글 상자	rows	지정 행만큼 높이 지정
		cols	지정 열만큼 너비 지정
<select>	선택 상자
<option>	선택 상자 옵션	value	옵션값

이렇게 해서 HTML 기본 요소 및 태그에 대해서 알아보았습니다..

위에 나온 것들은 왼만 하면 숙지.. 또 숙지 하셔야..

나중에 웹개발을 하실때 편하실껍니다 ㅎㅎ

모두 수고하세요!