HTML 태그 정리

2017.01.13 15:22|

나리보스|

추천22|

조회수1,553|

댓글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> 

 

오늘은 기분 좋은 불금!

----------

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

스크랩

공유하기

신고

하트 아이콘TBerry님 외 21명이 추천했습니다.

댓글 10
아이보스 알림

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

SNS에 공유하여 정보를 나누어 보세요. 페이스북 트위터 카카오스토리
하루동안 보지 않기
소셜로그인
번호제목작성자등록일추천조회
101파비콘(Favicon) : 웹페이지 상단 탭 아이콘 

나리보스

17.02.015506
BEST카페24 SNS 로그인 연동! 가능합니다![11] 

나리보스

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

CHLOE_SK

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

디스트

17.01.142863
BESTHTML 태그 정리[10] 

나리보스

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

나리보스

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

맘스퀸

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

uniquest

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

맘스퀸

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

sinun

16.11.011793
91굿엠디 써보신 분들 계시나요? 

groovy38

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

보스톡

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

보스톡

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

보스톡

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

보스톡

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

보스톡

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

보스톡

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

이즈가구

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

홍콩

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

김독수리2

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

마마쥬

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

생활부기자

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

백억만

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

마스터맨

16.07.161826
77고수님들 질문있습니다.[1] 

ckilloe

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

쩡디렉터

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

컵누들

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

arisri

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

김지인

11.07.1715,593
72보스님들께[6] 

황금농장

11.07.1304,521
첫 페이지로 이동 이전 페이지로 이동 12345 다음 페이지로 이동 마지막 페이지로 이동
top

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

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

전체 알림

모두 읽음 표시 알림함

받은 쪽지함

모두 읽음 표시 쪽지함