<!doctype html>

<html lang="ko">

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

    <title></title>

    <link rel="stylesheet" type="text/css" href="">

    <link rel="shortcut icon" href=""><!-- 파비콘 아이콘 -->

    <link rel="apple-touch-icon=precomposed" href="">


    <style></style>


    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script><!--제이쿼리 최신버전 사용-->

    <script type="text/javascript">

    $(function(){//제이쿼리 시작

        

        

    });//제이쿼리 끝

    

    

    </script>    

</head>


<body>

    <div id="wrap">

    

    

    

    

    

    

    

    

    

    </div>

</body>

</html>

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

HTML 이미지 맵 만들기(usemap)  (0) 2017.07.18
CSS 초기화 파일(초기화 코드)  (0) 2017.07.15
UTF-8 과 EUC-kr  (0) 2017.07.14
HTML 태그 요약  (0) 2017.07.14
HTML 문서 구조  (0) 2017.07.13


인코딩 방식의 차이다.


utf-8은 조합형 문자로 인코딩을 하는 유니코드 방식을 사용한다. 한글 글자는 하나가 3byte로 취급된다.


반면 euc-kr은 완성형 문자로 인코딩을 하는 방식이며, 한글 글자는 하나가 2byte로 취급된다.


euc-kr 보다 utf-8 방식이 사용할 수 있는 언어가 더 많기 때문에 utf-8 방식을 많이 사용한다.




※ 윈도우의 메모장에서는 utf-8로 저장시 자동으로 BOM(Btye Order Mark)을 붙여서 저장하는데, 

BOM은 리눅스 등의 환경에서 문제를 일으킬 수 있기 때문에 사용하지 않는 것이 좋다.

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

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


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