HTML5 tag 기본태그 썸네일형 리스트형 그누보드 홈페이지 구글 지도 삼입 // 지도키. 해외에서 공개된 키라고합니다. // 그냥써도 무방하지만 자신의 키가 있다면 넣어주세요. (key=키값) // 한글지도의 경우 language=en을 language=ko 로 바꿔주시면 됩니다. // 37.2915450, 127.0430790 을 지우고 메모해두었던 좌표를 넣습니다. // 예) new google.maps.LatLng(좌표, 좌표) // 아래의 div를 지도가 표기될곳에 넣어주세요. // 가로세로 크기는 편하신대로 변경 하시면 됩니다. // 지도키. 해외에서 공개된 키라고합니다. // 그냥써도 무방하지만 자신의 키가 있다면 넣어주세요. (key=키값) // 한글지도의 경우 language=en을 language=ko 로 바꿔주시면 됩니다. // 37.2915450, 127.0.. 더보기 HTML Responsive 반응형 홈페이지 반응 형 웹 디자인이란반응 형 웹 디자인은 HTML과 CSS를 사용하여 웹 사이트의 크기를 자동으로 조정, 숨기기, 축소 또는 확대하여 모든 장치 (데스크톱, 태블릿, 휴대 전화)에서 잘 보이도록합니다. 아래 샘플을 보시면 이해가 되실겁니다.데스크탑,테블릿,스마트폰에 따라서 모양이 줄어들었다늘어났다 하는겁니다. Bootstrap Example My First Bootstrap Page ... ... ... 더보기 HTML <head> 헤드 요소 헤드 태그에 들어갈 요소 요소 (데이터에 대한 데이터)에 대한 메타 데이터 컨테이너하며 사이에 위치 태그와 태그. HTML 메타 데이터는 HTML 문서에 대한 데이터입니다. 메타 데이터가 표시되지 않습니다. 메타 데이터는 일반적으로 문서 제목, 문자 집합, 스타일, 스크립트 및 기타 메타 정보를 정의합니다. 다음 태그는 메타 데이터를 설명 : , , , , ,와 . Page Title body {background-color: powderblue;} h1 {color: red;} p {color: blue;} function myFunction { document.getElementById("demo").innerHTML = "Hello JavaScript!"; } 내용 더보기 html 자바스크립트 JavaScript 태그 자바스크립트JavaScript는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있다. 자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 Mocha라는 이름으로, 나중에는 라이브스크립트(LiveScript)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었다. Light OnLight Off 더보기 HTML Tables 태그 HTML Tables태그표를 만드는 태그, 코딩으로 표를 만들때 사용하지만 웹사이트의 프레임를 잡을때도 사용합니다. 예전에는 HTML 테이블로 홈페이지 레이아웃 구조를 잡는데 사용했습니다, 요즘엔 table태그를 이용해서 레이아웃을 잡는건 사용하지 않으나 아직도 쓰는 곳도 있습니다. Firstname Lastname Age Jill Smith 50 Eve Jackson 94 ----------------- Monthly savings Month Savings January $100 February $50 더보기 HTML5 Iframe 태그 아이프레임 태그 주소.com 타겟 종류입니다blank : 새로운 창이 열립니다. 예) 새창 self : 자기 창에다가 링크된 페이지가 열립니다. 예) 현재창 parent : 기존창의 앞 창에 페이지가 열립니다. 예) 부모창 top : 최상위 인터넷창에 페이지가 열립니다. 예) 현재창 더보기 HTML5 id 아이디 속성 HTML5 id 아이디 속성 #myHeader { background-color: lightblue; color: black; padding: 40px; text-align: center; } 내용-------------------------------- 더보기 HTML5 class 클래스 속성 HTML클래스class 속성 .cities { background-color: black; color: white; margin: 20px; padding: 20px; } London London is the capital of England. Paris Paris is the capital of France. Tokyo Tokyo is the capital of Japan. ------------------------------------------------------------------------------ 인라인 클래스 span.note { font-size: 120%; color: red; } My Important Heading This is some important text. 더보기 이전 1 2 3 다음
