일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 아두이노 핀
- mysql api
- HTML
- Arduino
- 아두이노 wifi
- 알고리즘
- Codility
- 아두이노 와이파이
- MySQL
- Raspberry Pi
- html input
- 아두이노 핀맵
- database
- vm
- Arduino pin map
- 아두이노 프로미니
- 웹 프로그래밍
- Arduino pin
- Virtual Box
- 데이터베이스
- 아두이노 pro mini
- 아두이노
- mysql c
- web
- Mysql c API
- wifi멀티탭
- 아두이노 핀 맵
- 코딜리티
- ubuntu
- 라즈베리파이
- Today
- Total
목록프로그래밍 (79)
offfff
HTML Entities HTML의 예약어( 등)들 때문에 대체해서 써야하는 문자들이 있다.그런것 들을 HTML Entity라고 하고, 아래와 같은 포멧으로 작성된다. &(엔티티 이름); 혹은 &#(엔티티 번호); 예를 들어 '
What is Responsive Web Design? 반응형 웹 디자인(Responsive Web Design)은 웹페이지를 모든 디바이스에서 잘 보이게 해준다.같은 홈페이지더라도, 데스크탑, 스마트폰, 태블릿 등 기기에 따라 맞는 화면을 보여준다.반응형 웹 디자인은 CSS와 HTML을 사용해서, 어느 화면에서도 잘 표시될 수 있게,내용을 리사이즈, 숨김, 줄임, 늘임, 재배치 등의 동작을 수행해서, 화면에 적절히 표시한다. Create Your Own Responsive Design 반응형 웹을 직접 만들 수도 있다. 반응형 웹 디자인 예제ParisParis is the capital city of France New YorkNew York is the most populous city in the ..
HTML Layout Elements 웹페이지는 신문이나 잡지처럼 화면이 여러 부분으로 나뉜다.HTML5는 여러 부분으로 나뉘어진 화면 각 부분을 element로 제공한다. - 웹 페이지의 가장 윗 부분을 정의 - 네비게이션 링크(메뉴)를 정의한다. - 문서의 부분이 되는 문단을 정의 - 문서의 독립적인 내용을 담는 문단을 정의 - 사이드 바처럼 내용에서 옆으로 빠진 부분 - 웹 페이지의 가장 아랫 부분을 정의 - 추가적인 세부사항을 정의 - 요소의 제목(요약)을 정의 HTML Layout Techniques 멀티컬럼 레이아웃을 만들기 위한 4가지 방법이 있다. 각각 장단점이 있다. HTML Tables element는 본래 레이아웃으로 사용하기 위한 element는 아니다.은 데이터를 표로 정리하기 위..
The HTML The content of the document... The HTML Element element는 하나의 HTML 페이지의 스타일 정보를 정의하는데 사용된다. This is a HeadingThis is a paragraph. The HTML Element element는 외부의 style sheet를 링크하는데 사용된다.CSS는 나중에 알아보도록 한다. The HTML Element element는 케릭터 셋, 페이지 설명, 키워드, 저자 등의 정보를 정의하는데 사용된다.메타데이터는 브라우저가 화면에 내용을 어떻게 표시할 것인지, 검색 엔진에 키워드를 제공하거나, 다른 웹서비스에 사용된다. 메타데이터는 화면에 표시되지 않습니다. The HTML Element element는 clie..
HTML JavaScript 자바스크립트는 HTML 페이지를 더 동적으로, 사용자와 상호작용이 가능하게 만들어준다. Click! 클릭하면 시간이 나옵니다. The HTML JavaScript 맛보기 자바스크립트로 할 수 있는 몇가지 예를 살펴본다. 클릭하면 아래 내용이 바뀝니다.여기 적힌 문구가 바뀝니다. 클릭하면 스타일이 바뀝니다.여기 적힌 문구의 스타일이 바뀝니다. 내 블로그네이버 뉴스 The HTML 아래 링크를 참조하여 번역 및 수정 함http://www.w3schools.com/html/html_scripts.asp
HTML Iframes iframe은 웹페이지 안에 웹페이지를 출력하는데 사용된다. Iframes Syntax HTML iframe은 태그로 정의된다. src 속성에 웹페이지의 주소를 값으로 적는다. Iframes - Set Height and Width height와 width 속성을 사용해서 ifame의 높이와 폭을 결정할 수 있다. 속성값은 기본적으로 픽셀단위로 취급되고, %단위도 사용할 수 있다. Iframes - Remove the Border 기본적으로 iframe은 테두리를 가지고 있다.테두리를 없애고 싶으면, style 속성을 추가하거나 CSS border 속성을 사용해서 없앨 수 있다. Iframes - Target for a Link 링크를 클릭했을 때, 새 창이나 탭에서 열거나, 현재..
Using The class Attribute HTML class 속성은 같은 클래스 이름을 가진 element들을 동일한 속성으로 정의하고 싶을때 사용한다.아래 예제에서는 같은 클래스 이름을 가진 3개의 element가 있다. LondonLondon is the capital of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. ParisParis is the capital and most populous city of France. TokyoTokyo is the capital of Japan, the center of the Greater..
HTML Block and Inline Elements 모든 HTML element는 어떤 element 별로 다른 기본 화면 출력값을 가지고 있다.기본 화면 출력값은 block이거나 inline이다. Block-level Elements Block-level element는 항상 새로운 줄에서 시작하고, (브라우저 화면 사이즈만큼)가로로 최대한 길게 뻗어있다., ~, , 등이 block-level element이다. Inline Elements Inline element는 새로운 줄로 시작하지 않고, 필요한 만큼의 폭만 갖는다.그 예로 , , 등이 있다. The Elements element는 주로 다른 HTML element의 container로 사용이 된다. element는 style, class ..
Unordered HTML List 순서없는 리스트는 태그로 정의한다. 리스트의 각 항목은 태그로 정의한다.리스트 항목들은 기본값으로 검은 점을 가지고 표시된다. CoffeeTeaMilk Unordered HTML List - Choose List Item Marker 위의 예제는 리스트를 검은 점을 가지고 표시했었다.CSS list-style-type 속성을 사용하면, 리스트 마커(점)의 스타일을 변경할 수 있다. Value Description disc 기본 값(●) circle 원으로 설정(○) square 네모로 설정(■) none 없음 CoffeeTeaMilk Ordered HTML List 순서가 있는 리스트는 태그를 사용하여 정의한다. 마찬가지로 리스트의 각 항목은 로 정의한다.기본 값에 의..
Defining an HTML Table HTML에서 표는 태그로 정의된다. 태그로는 table header, 즉 테이블 각 필드가 어떤 데이터인지 정의한다.한 행은 태그로 정의하고, 의 내용으로 각 필드 값이 와 함께 들어간다.에는 HTML의 모든 종류의 element를 내용으로 넣을 수 있다. (텍스트, 이미지. 리스트. 다른 표 등) 이름나이성별홍길동22여이순신44남 HTML Table - Adding a Border 위의 예제처럼 하면 표의 테두리, 경계선이 표시되지 않는다.선을 넣기 위해서 CSS border 속성을 사용한다.선을 넣을때는 테이블과 테이블 셀 모두에 경계선을 정의해야 한다. 이름나이성별홍길동22여이순신44남 실행 결과는 아래와 같다. 이름 나이 성별 홍길동 22 여 이순신 44 ..