@charset utf-8;


/* css 초기화 */

html, body, div, span, applet, object, iframe, 

h1, h2, h3, h4, h5, h6, p, blockquote, pre, 

a, abbr, acronym, address, big, cite, code, 

del, dfn, em, img, ins, kbd, q, s, samp, 

small, strike, strong, sub, sup, tt, var, 

b, u, i, center, 

dl, dt, dd, ol, ul, li, 

fieldset, form, label, legend, 

table, caption, tbody, tfoot, thead, tr, th, td, 

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary, 

time, mark, audio, video { 

margin: 0; 

padding: 0; 

border: 0; 

font-size: 100%; 

font: inherit; 

vertical-align: baseline; 

} 

/* HTML5 display-role reset for older browsers */ 

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section { 

display: block; 

} 

body { 

line-height: 1; 

} 

ol, ul { 

list-style: none; 

} 

blockquote, q { 

quotes: none; 

} 

blockquote:before, blockquote:after, 

q:before, q:after { 

content: ''; 

content: none; 

} 

table { 

border-collapse: collapse; 

border-spacing: 0; 

}

저작자표시

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

HTML5 태그 미지원 브라우저  (0) 2017.07.19
HTML 이미지 맵 만들기(usemap)  (0) 2017.07.18
HTML 기본 구조(기본 틀, 초기설정, 세팅)  (0) 2017.07.15
UTF-8 과 EUC-kr  (0) 2017.07.14
HTML 태그 요약  (0) 2017.07.14

<!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

아이폰을 중고로 샀는데 배터리가 금방 방전된다면 그건 베터리 문제이다.


이런 상황을 예방하는 방법을 알아보자



 


배터리 사이클 확인!!!


배터리 사이클(Battery Cycle) : 배터리가 사용된 횟수. 100% 사용 = 1


배터리 상태를 보는 방법은 여러가지가 있다.





 

(앱스토어에서 'battery' 라고 검색 했을 때 나온 어플)




어플로도 쉽게 할 수 있지만 컴퓨터로도 할 수 있다.

단, iTunes(아이튠즈)가 있어야 한다.



www.icopybot.com 에 들어가서 프로그램을 다운 받는다.


 



이때 화면에 있는건 휴대폰 정보이다.


 
오래된 아이폰이라 사이클이 높은 상태다. 사이클이 높을 수록 안좋은 것이며

CycleCount / FullChargeCapacity * 100 을 했을 때 70% 이하이면 배터리 상태가 안좋으니 교체할 필요가 있다.





내 아이폰의 배터리 상태를 확인할 때도 쓸 수 있고


중고거래를 할 때 상대방이 가지고 있는 아이폰의 상태를 알 수 있는 

중요한 방법이 되지 않을까 생각된다.



저작자표시

'Information' 카테고리의 다른 글

윈도우10 부팅 usb 만들기  (0) 2017.09.30
웹 브라우저 캐시 무시하기,지우기,설정 끄기  (0) 2017.09.19
기계식 키보드의 종류와 특징 (적,갈,청,흑)  (0) 2017.07.24
이미지 파일 확장자에 대해 알아보자  (0) 2017.07.20
컴퓨터 파일 아이콘 변경하기  (0) 2017.07.14




컴퓨터를 쓰다보면 아이콘을 자주 볼 수 있다. ex)새 폴더


같은 모양이면 제목을 봐야만 구분을 할 수 있는 반면


 


근데 만약 아이콘 모양이 다르다면





이렇게 차별성을 둘 수 있다.



지금부터 그 방법을 설명하려 한다.


바꾸고자 하는 아이콘에 우클릭을 하여 속성을 누른다.




사용자 지정 ㅡ> 아이콘 변경



이중에서 골라주면 끝이다.


하지만 이런 방법은 윈도우 내에 기본 아이콘 밖에 사용 할 수 없다.


일반 사진은 아이콘으로 쓸 수 없는데


이제부턴 원하는 사진을 아이콘으로 바꾸는 방법을 설명하겠다.


 


원하는 사진을 선택한다.


http://convertico.com/  에 들어간다.




원하는 사진을 끌어다준다.(이때 파일 확장자는 png 파일이어야함)

 



네모 박스로 표시한 부분 보이는가? 저기에 있는 흰색 화살표를 눌러준다.


 

그럼 이렇게 ico파일로 변환된 사진이 다운된다.(ico파일 = 아이콘으로 쓸 수 있는 사진)



그 후




선택만하면 된다.


 



 선택한 사진으로 아이콘을 바꿔보았다.


저작자표시

'Information' 카테고리의 다른 글

윈도우10 부팅 usb 만들기  (0) 2017.09.30
웹 브라우저 캐시 무시하기,지우기,설정 끄기  (0) 2017.09.19
기계식 키보드의 종류와 특징 (적,갈,청,흑)  (0) 2017.07.24
이미지 파일 확장자에 대해 알아보자  (0) 2017.07.20
아이폰 배터리 사이클 확인하는 법  (0) 2017.07.14


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

티스토리툴바