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


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


 


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





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



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


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




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



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


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


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


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


 


원하는 사진을 선택한다.


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




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

 



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


 

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



그 후




선택만하면 된다.


 



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




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.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 이란 무엇일까?  (0) 2017.07.13

+ Recent posts

티스토리 툴바