HTML 에는 수 많은 태그들이 있지만 그 중에서도 자주 쓰는 것들


종류 

설명 

<h1>~<h6> 

  제목 요소 / 숫자가 작을수록 큰 제목 

<img> 

  이미지 

<p> 

  단락 구분 

<a>

  링크 

<address> 

  주소 

<map> 

  맵 좌표 영역 설정 

<hr> 

  구분선 

<ul> 

  순서가 없는 목록 선언 

<ol> 

  순서가 있는 목록 선언 

 <blockquote>

  긴 인용 문구 요소

 <li>

  목록 

 <strong>

  강한 강조(객관적) 

 <span>

  인라인 요소 그룹화 




 

<table> : 표의 시작과 종료
속성 : width = "너빗값"(표 너비) / border="선 두껫값"(선 두께) / summary="테이블 요약 내용"(테이블 요약 내용) / cellspacing="셀 간격"(셀과 셀의 간격)

<tr> : 한 행의 시작과 종료

<tr> : 제목 열
속성 : scope="col" (열 제목) / scope="row"(행 제목)

<td> : 데이터 열
속성 : rowspan="행 개수"(행 합치기) / colspan="열 개수"(열 합치기)

<caption> : 표 제목


<colgroup> : 열 그룹 시작과 종료


<col> : 열 그룹 설정

속성 : width="열 너비"


<thead> : 표 머리 영역(셀 제목 영역)

<tbody> : 표 본문 영역(데이터 영역)

<tfoot>  : 표 바닥 영역(통계, 합계 등)




<form> : 입력 양식 영역(전송역할)

속성 : name(폼 이름) / method(전송 방식  : get \ post) / action(입력값을 전송할 페이지)

<fieldset> : 입력 요소 그룹화

<legend> : 그룹 제목


<input> : 입력 요소

속성(type) : text(한 줄 글상자) / password(비밀번호) / checkbox(체크 박스) / radio(라디오 박스) / submit(확인 버튼,전송기능) / reset(취소 버튼) / image(이미지 버튼,전송기능) / file(파일 첨부) / button(범용 버튼) / hidden(화면 표시 안됨, 숨긴 값을 전송)

속성 : value(입력값) / name(요소 이름) / id(요소 아이디)


<label> : 입력 요소 제목

속성 : for(입력 요소 아이디와 일치해야한다)


<textarea> : 여러 줄 텍스트박스

속성 : rows(지정 행만큼 높이) / cols(지정 열만큼 너비)


<select> : 선택 상자


<option>: 선택 상자 옵션

속성 : value(옵션값)

저작자표시

'Web development > HTML & CSS' 카테고리의 다른 글

CSS 초기화 파일(초기화 코드)  (0) 2017.07.15
HTML 기본 구조(기본 틀, 초기설정, 세팅)  (0) 2017.07.15
UTF-8 과 EUC-kr  (0) 2017.07.14
HTML 문서 구조  (0) 2017.07.13
HTML 이란 무엇일까?  (0) 2017.07.13

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>타이틀입니다</title>

</head>

<body>

내용

</body>

</html>



위 소스는 html에서 쓰는 가장 기본적인 구조이다.


<!doctype> 이란 것은 문서 유형을 지정하는 것이며 html 문서이며 html5에 맞춰서 문서를 해석하라는 뜻이다.


<html> 이란 태그는 웹 문서의 시작을 알리는 것이며 </html> 은 웹 문서의 끝을 알린다.


참고로 태그는 / 를 이용하여 닫으며 태그를 선언하면 항상 닫아줘야 한다. <태그></태그>


<head>는 웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알고 있어야 할 것들을 입력하는 곳이다.


ex) 문서에서 사용하는 외부 파일들, <title>(문서제목), <meta>(문자 인코딩 및 문서 키워드, 요약 정보)


<body> 태그는 실제 브라우저에 나타나는 내용들을 쓰는 곳이다. 우리가 알고 있는 이미지, 글 모두 이곳에 작성한다. 

저작자표시

'Web development > HTML & CSS' 카테고리의 다른 글

CSS 초기화 파일(초기화 코드)  (0) 2017.07.15
HTML 기본 구조(기본 틀, 초기설정, 세팅)  (0) 2017.07.15
UTF-8 과 EUC-kr  (0) 2017.07.14
HTML 태그 요약  (0) 2017.07.14
HTML 이란 무엇일까?  (0) 2017.07.13

HTML 이란?


Hyper Text Markup Language

 : World Wide Web(www)을 위한 마크업 언어이며, 

제목이나 문단, 표, 꼬리글 및 기타 요소를 이용하여 콘텐츠의 구조를 정의함으로써 웹 문서를 만드는 기능을 제공한다.


(*.txt), (*.jpg) 파일 이름 끝에서 많이 봤을 것이다.


컴퓨터에서 쓰는 모든 파일에는 각각 고유의 형식이 있다. 


웹에도 *.html(또는 *.him) 이라는 형식이 존재하고 형식에 맞게 문서를 저장해야 한다.


HTML 로 작성된 웹 문서를 사용자에게 보여주는 프로그램이 웹 브라우저이다. ex) explorer, firefox, chrome




HTML의 역사


 1989년

   팀 버너스 리가 HTML 개념을 만듦 

 1994년

   W3C 발족 

 1995년

   HTML2 제안

 1997년

   HTML3.2, HTML4 제안

 1998년

   웹 표준 프로젝트 시작

 2000년

   XHTML1 제안

 2004년

   WHATWAG 발족

 2007년

   W3C에 HHTML 워킹그룹 발족 

 2008년

   HTML5 첫 드래프트 발표

 2009년

   W3C, XHTML2 워킹그룹 

 2014년

   HTML5 최종 표준안 발표


저작자표시

'Web development > HTML & CSS' 카테고리의 다른 글

CSS 초기화 파일(초기화 코드)  (0) 2017.07.15
HTML 기본 구조(기본 틀, 초기설정, 세팅)  (0) 2017.07.15
UTF-8 과 EUC-kr  (0) 2017.07.14
HTML 태그 요약  (0) 2017.07.14
HTML 문서 구조  (0) 2017.07.13

+ Recent posts

티스토리툴바