<p> : paragraph. 단락, 문단, 절을 의미.
<br> : break. 문서 내 줄바꿈. 문단을 만들지는 못하며, 닫는 태그 없이 사용
<hr> : horizontal. 수평의,가로선의 . 수평선을 그어 내용 영역을 구분
<!-- --> : 주석처리
<b> : bold. 굵은 텍스트
<i> : italic. 기울임꼴 이탤릭체 텍스트
<form> : 정보교환을 하기 위한 입력양식을 만들 때 사용
(필수) action = 입력된 데이터가 전송될 페이지 지정. target은 사용중지
method = 입력데이터가 처리될 방식을 지정해줌. get, post.
<input/> :사용자가 글자, 텍스트를 넣을 수 있도록 한다.
Input 영역의 기본값은 text이고, 타입(속성)을 지정하여 옵션을 넣으면 한 줄 글상자,
확인 상자, 라디오 버튼, 입력버튼 가능.
입력요소를 위한 레이블을 정의하는 것은 <label> 태그를 사용.
속성: alt, - image일 경우 이미지 대신 표시할 대체 텍스트를 지정
checked, - type 속성값이 checked, radio 일 경우 체크된 상태로 표시.
disabled,- 페이지가 로드될 때 폼 구성요소를 선택할 수 없게 한다. 수정불가.데이터 전송 불가.
readonly, - 속성값이 text,password일 경우 읽기전용으로 가능.
type, - button,file,hidden,image,password,radio,submit,text
value.
<textarea> : 여러줄의 텍스트를 입력할 수 있는 상자.
크기(필수) 지정은 rows(한줄 문자수), cols(화면 줄 수) 또는 css 로.
<button> : 버튼을 만들 때 사용. 웹브라우저마다 type이 다름.
type은 submit(보내기), button(일반버튼), reset(입력값을 모두 초기화)
<label> : id 속성과 매칭시켜 사용한다.
<select> : 선택메뉴(drop-down0list)를 만들 때 사용.
select 요소 내의 <option>태그는 목록에 있는 사용가능한 옵션을 정의.
속성: multiple - 다중선택할 수 있도록 지정.
<option> : select 요소 안에서 선택 항목을 나타내는 옵션을 지정.
속성: selected - 해당 옵션 항목이 기본값으로 선택되도록 지정.
<img/> : html 안에 이미지를 넣는 태그이다. 링크로 연결.
속성: alt - 이미지를 위한 대체 텍스트를 정의
src - 이미지가 위치하는 곳의 url을 지정.
<a> : anchor를 의미. href 속성을 사용하여 다른 문서로의 링크를 생성.
방문하지 않은 링크는 파란색, 방문한 링크는 보라색, 활성화된 링크는 빨간색 underline.
속성 : href - 링크의 목적지를 지정.
target - 링크되는 페이지의 위치를 지정.
<ul> : unordered list. 순서가 없는 목록
<ol> : ordered list . 알파벳과 같이 순서가 있는 목록
<li> : list. 목록(ul,ol)을 구성하는 세부 항목
<table> : 표
<th> : 표의 열의 제목
<tr> : 표의 행
<td> : 표의 열
<style> : 스타일 정보를 정의. type 속성에 "text/css"값을 지정해줘야 한다.
head 태그 내에 위치하며 외부 스타일 시트를 연결할려면 link 태그를 사용.
<div> : division . html 문서 영역이나 섹션의 분할을 정의한다.
레이아웃을 위해 css와 함계 사용.
<span> : span 태그는 인라인 요소들을 그룹화하는데 사용.
<meta> : html 문서에 대한 메타데이터를 제공. 서버에서 분석. 페이지설명, 키워드 등의 내용을 포함하며
head 태그 내에 위치한다.
'help > html,css' 카테고리의 다른 글
| [css] 기본 속성 설명 (0) | 2013.02.26 |
|---|
호빵팔이