컴퓨터/HTML5
-
<IMG>태그 / 이미지 삽입하기컴퓨터/HTML5 2017. 5. 14. 21:42
> 태그 / 이미지 삽입하기 태그는 이미지를 삽입하는 태그입니다. 사진의 경로를 유의하여 지정해주어야합니다. 사진의 경로를 잘못 지정할 경우, 사진이 출력되지 않음을 확인할 수 있습니다. 사진의 경로뿐만아니라 사진파일의 이름까지도 동일하게 지정해주어야합니다. 경로지정에는 절대경로와 상대경로 지정이있습니다. - HTML코드 절대경로 상대경로 - 실행사진 절대경로란 말 그대로 절대적인 위치에있는 경로를 말합니다. 예를들어 사진파일은 c드라이브의 a폴더에 img.png 라는 파일명으로 있다.라고 하면이것은 절대경로의 표현법입니다. 상대경로란 상대적인 위치에 있는 경로를 말하는데, index.html 혹은 html 페이지가위치한 폴더를 기준으로 위치가 결정되는 경로를 말합니다.예를들어 index.html 이 있..
-
<PRE> 태그 / 그대로 출력하기컴퓨터/HTML5 2017. 5. 14. 21:25
> 태그 / 그대로 출력하기 태그로 개발자의 포맷 그대로 출력하기 PRE태그는 텍스트의 모양을 그대로 출력하는 태그입니다. 보통 PRE태그말고 P태그 같은경우에도 보면 공백과 엔터키를 여러줄 치더라도 한줄로 처리합니다. 하지만 PRE태그는 여러줄을 그대로 표현해줍니다. - HTML 코드 P태그를 사용하면 공백은 하나로 여러줄도 한줄로 출력된다. PRE 태그를 사용하면 내가 적용시킨 그대로 출력된다. - 실행 사진 이런식으로 P태그와 PRE태그의 차이를 사진으로 확인할 수 있습니다. 사진만 보지말고 직접 태그를 입력하여 연습해보시는 것을 추천드립니다.
-
원하는 색 구하기 / 16진수 색상표컴퓨터/HTML5 2017. 5. 14. 21:18
원하는 색 구하기 / 16진수 색상표 구글 color picker 로 원하는 16진수 색상 구하기 16진수 색상표도 여러가지 종류와 루트가 있겠지만 제가 추천드리는것은 구글의 컬러피커입니다. 다른 검색식에 비해서 찾기도편하고 자신이 원하는 색상을 단지 드래그와 클릭 만으로도 손쉽게 16진수 색상을 구할 수 있기 때문입니다. 구글의 컬러피커를 사용하기위해서는 먼저 구글 홈페이지에 접속합니다. 링크도 같이 올려드리겠습니다. http://google.co.kr 그리고 검색창에 color picker 라고 검색해줍니다. 대소문자 구분은 하지 않으셔도 됩니다. 그러면 아래사진과 같은 화면이 뜰텐데요. 자신이 원하는 색상을 드래그 후 클릭 하여서 그에 맞는 16진수코드나 rgb코드를 얻을 수 있습니다. 편리한 도구..
-
<OL> , <UL> 태그 / HTML 리스트 만들기컴퓨터/HTML5 2017. 5. 14. 21:08
> , 태그 / HTML 리스트 만들기 OL은 ORDERD LIST 로 순서가 있는 리스트UL은 UN OREDERD LIST 로 순서가 없는 리스트입니다. 보통은 이렇게 사용합니다. 그리고 LI속에 다시 OL이나 UL을 추가할수도있습니다. // 리스트를 의미합니다. ------------------------------------------ - HTML 코드 I love u love u love u 인연인 걸 느꼈죠 난 And I miss u miss u 나의 운명인 사람 - OL 실행 사진 - UL 실행 사진 - 모두 실행 사진 이상 , 태그 / HTML 에서 리스트 만들기관련 포스팅이었습니다. 유익한 정보 되셨길 바랍니다.ol ul 등은 웹사이트의 메뉴를 제작하는데에도 요긴하게 사용되는 것으로 알..