HTML 태그 정리

2017.01.13 15:22|

나리보스|

좋아요23|

조회수1,854|

댓글10

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> 

 

오늘은 기분 좋은 불금!

----------

참 쉽쥬 :)
보스님들 하루 마무리 잘하시고 모두 불금 보내세요!

스크랩

공유하기

신고

하트 아이콘아잉아잉님 외 22명이 좋아합니다.

아이보스 정회원팔로우
아이보스 정회원입니다.
 나리보스
  • 활동지수5단계 (438점)
  •  

댓글 10
아이보스 알림

지금 이 글은 나리보스 보스님의 아이보스 인기 게시글입니다.

SNS에 공유하여 정보를 나누어 보세요. 페이스북 트위터 카카오스토리
하루동안 보지 않기
소셜로그인
번호제목작성자등록일좋아요조회
BEST카페24 SNS 로그인 연동! 가능합니다![11] 

나리보스

01.163,244
99자사몰 SNS 연동 로그인 기능 문의드립니다.[3] 

CHLOE_SK

01.16765
98카페24로 쇼핑몰제작시 페이스북 픽셀[5] 

디스트

01.141,160
BESTHTML 태그 정리[10] 

나리보스

01.131,855
96크롬 개발자 도구를 사용하여 홈페이지 수정요청하기[5] 

나리보스

01.06999
95홈페이지 리뉴얼을 제로보드 xe로 하려고 합니다.[8] 

맘스퀸

12.05995
94웹페이지에 2개의 이미지를 좌우로 나란히 붙이기...도와..[8] 

uniquest

11.241,410
93홈페이지 리뉴얼 작업하려고 합니다.[8] 

맘스퀸

11.071,223
92미샤닷컴 어디서 만들었는지 알 수 있을까요?[1] 

sinun

11.011,014
91굿엠디 써보신 분들 계시나요? 

groovy38

10.19826
90메이크샵과 카페24의 차이에 대한 간단한 대화 

보스톡

09.231,270
89고도몰5를 쓰려고 하는데 DB 연동이 가능할까요? 

보스톡

09.231,981
88방문자 카운팅 프로그램 삽입으로 홈페이지 먹통이 될 .. 

보스톡

09.22750
87카페24 아이콘과 할인가 일괄 적용하는 방법 

보스톡

09.221,168
86웹사이트 템플릿 참조 사이트 추천해주세요. 

보스톡

09.22710
85고도몰로 제작한 쇼핑몰인데 좀 느린 것 같아요. 도와주..[1] 

보스톡

09.22898
84도움요청_모바일버전 준비중입니다.[9] 

이즈가구

08.261,095
83쇼핑몰 디자인 제작 하실수있는분[2] 

홍콩

08.11857
82홈페이지 제작 문의 드립니다[1] 

김독수리2

08.05963
81안녕하세요 쇼핑몰 스크립트 관련해서 문의하고싶습니.. 

마마쥬

08.04563
80리셀러기능이 있는 쇼핑몰 솔루션 있을까요?[2] 

생활부기자

07.271,098
79고도몰, NHN(?)에서 인수해서 네이버 노출이 도움이 된다.. 

백억만

07.181,726
78웹호스팅 트래픽 문의드립니다![2] 

마스터맨

07.161,019
77고수님들 질문있습니다.[1] 

ckilloe

07.06696
76유흥 사이트 솔루션 제작[1] 

쩡디렉터

06.151,560
75여러가지 렌탈하는 업체 사이트를 만들고싶습니다.[3] 

컵누들

05.19920
74네이버 검색등록시 질문요.[1] 

arisri

07.304,432
73pg사 수수료 문의드립니다.[1] 

김지인

07.175,763
72보스님들께[6] 

황금농장

07.134,686
71홈페이지 리뉴얼 요구분석에 관하여...[2] 

마케홍보

07.053,926
첫 페이지로 이동 이전 페이지로 이동 123456 다음 페이지로 이동 마지막 페이지로 이동

로그인 후 더욱 많은 기능을 이용하세요!

네이버 계정으로 로그인
페이스북 계정으로 로그인
구글 계정으로 로그인
카카오톡 계정으로 로그인
이메일 또는 아이디로 로그인
X
회원가입ID/PW 찾기 소셜 계정 로그인

전체 알림

모두 읽음 표시 알림함

받은 쪽지함

모두 읽음 표시 쪽지함