HTML이란?
HTML은 하이퍼텍스트 마크업 언어
(HyperText Markup Language, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다.
[출처 : 위키백과]
HTML 태그
자주 사용하는 태그들의 간단한 정리입니다.
참고용으로 봐주세요 :)
<html></html>
<head></head>
<meta> : 정보
<title> : 제목
<body> : 본문
<div></div> : division 문서영역 등의 분할
<p></p> : paragraph 단락, 문단
<span></span> : 인라인요소들의 그룹화에 사용
<h1></h1>~<h6></h6> : 제목, 본문의 헤드 요소
<hr> : 단락 구분, 문서의 구분선
<!-- 주석 --> : 주석
<br> : break 줄바꿈
<table></table> : 표
<thead></thead> : 표의 헤더 행 그룹
<tbody></tbody> : 표의 내용 행 그룹
<tfoot></tfoot> : 표의 푸터 행 그룹
<th></th> : 셀 제목
<tr></tr> : 행
<td></td> : 셀
<ol></ol> : ordered list 순서가 붙는 리스트 형태
<ul></ul> : unordered list 순서가 붙지 않는 리스트 형태 (기호가 붙는다)
<li></li> : 리스트
<dl></dl> : definition list 정의 리스트
<dt></dt> : definition term 항목
<dd></dd> : definition description 설명
<a href="#" target=""></a> : anchor 링크
<img src="" alt=""> : 이미지
<form name="" action="" method=""></form> : 폼
<input type=""> : 입력상자
<textarea></textarea> : 텍스트 박스
<select>
<option value="1">one</option> : 선택메뉴
</select>
<button></button> : 버튼
HTML 문서의 기본 형태
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
태그를 이용한 예제
자주 묻는 질문 1. 링크 변경
요청사항
<a href="http://www.i-boss.co.kr/">아이보스</a>
링크변경 : http://web.i-boss.co.kr/
텍스트변경 : 아이보스 > 아이보스 웹에이전시
수정완료
<a href="http://web.i-boss.co.kr/">아이보스 웹에이전시</a>
자주 묻는 질문 2. 색상 변경
요청사항
<div>오늘은 기분 좋은 불금!</div>
색상변경 : '불금' 텍스트를 빨간색으로 변경
수정완료
<div>오늘은 기분 좋은 <span style="color:#ff0000;">불금!</span></div>
새댓글
전체보기