달력

12

« 2019/12 »

  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  



 

시멘틱 태그 (sematic Tag)

·         = 시맨틱 요소(Semantic Element)

·         무의미한 태그가 아니라  '의미를 갖는다' 뜻으로, 태그가 스스로 의미를 지닌다는 뜻입니다.

·         태그이름만 보고도 해당 역할을 알수 있는 태그를 지칭합니다.

 

 

 

 

 

 

 

시맨틱 (Semantic Web)

·         인터넷과 같은 분산환경에서 리소스( 문서, 각종 파일, 서비스 ) 대한 정보와 자원 사이의 관계-의미 정보(Semanteme) 기계(컴퓨터) 처리할 있는 온톨로지(Ontology)형태로 표현하고, 이를 자동화된 기계(컴퓨터) 처리하도록 하는 프레임워크이자 기술입니다.

·         동적이고 반응형으로 페이지를 구현할 있습니다.

 

http://bit.ly/2Uw6cjw

http://bit.ly/2vPYJEV

 

 

 

 


Posted by codedragon codedragon

댓글을 달아 주세요

Java 파일 폰트 및 태그 색상 변경하기

   

자바 폰트/크기 변경

Window -> Preferences -> General -> Appearance -> Colors and Fonts -> Java >

Java Editor Text Font 선택 >

Edit 버튼 클릭

   

   

   

라인선택 색상, 백그라운드 색상등

Window > Preferences > General > Editors > Text Editors-Appearance color options:

   

   

자바 문법 태그 색상 변경

Window > Preferences >

Java > Editor > Syntax Coloring-Java >

하위 항목별 Enable체크하여 설정가능

   

   

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

   

블루투스 기술을 이용한 자동차와 바이크의 공기압 측정 제품

   

   

FOBO site

https://my-fobo.com/

   

   

   

   

FOBO Tire

   

특징

  • '살루티카라'는 말레이시아 업체가 개발
  • 타이어 밸브캡(공기 주입구 뚜껑)을 대신해 블루투스 센서를 장착한 장치
  • 블루투스 기술로 타이어 공기압을 실시간으로 사용자의 스마트폰으로 알려주는 제품
  • 센서는 약 2년 동안 배터리 교체 없이 사용
  • 센서 도난 시 도난해서 다른 차량에 설치하면 포보 시스템이 작동하지 않도록 개발

   

   

전망

  • 타이어로 인해 발생하는 교통사고의 대부분 타이어의 공기압 확인과 타이어 마모상태 확인 등 사전 안전관리를 통해 어느 정도 예방 가능
  • 자동차 내 설치
  • 타이어 압력 모니터 시스템(TPMS, Tire Pressure Monitoring System)의 사용 의무화
  • 절한 공기압을 가진 타이어를 유지하는 것은 기름을 절약

   

   

   

FOBO Tire - YouTube

http://youtu.be/Zc4fb0O3Ys4   


   

   

   

FOBO Bike

   

   

   

   

   

FOBO MAX

   

  • 블루투스 기술을 이용 분실 알림, SOS기능 등을 제공
  • 1년 배터리 수명,
  • 방수 등

   

   

FOBO WebSearchME-youtube

http://youtu.be/Yqm3zcJX2kM   


   

FOBO Tag New Feature SOS.ME Video-youtube

http://youtu.be/iu7AXgoJNb4 


 

 

 

출처:

images.google.com 키워드 검색

Posted by codedragon codedragon

댓글을 달아 주세요

   

   

특수문자

문자 엔티티

특수문자

설명

 

  

non-breaking space의 약어. 공백문자 하나를 추가한다.

<

<

Less than 의 약어. <를 표시한다.

&gt;

>

Greater than의 약어. >를 표시한다.

&amp;

&

Ampersand의 약어. &부호를 표시한다.

&quot;

"

quotation maker의 약어. "를 표시한다.

&copy;

Copyright의 약어. 저작권,판권을 표시한다.

&trade;

Trademark의 약어. 상표를 표시한다.

   

   

<pre> 태그와 <xmp> 태그

  

<pre>

<xmp>

주용도

눈에 보이는 대로 출력

태그를 문자로 취급하여 출력

위지윅

O

O

태그 적용 여부

O

X

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

색상 태그  (0) 2014.11.20
CSS 선언  (0) 2014.11.14
특수문자  (0) 2014.11.13
문단 태그  (0) 2014.10.26
CSS 기본 구성요소  (0) 2014.10.25
시멘틱 태그- 01.html  (0) 2014.10.17
Posted by codedragon codedragon

댓글을 달아 주세요

 

Codenames, Tags, and Build Numbers

https://source.android.com/source/build-numbers.html

   

 

  

Posted by codedragon codedragon

댓글을 달아 주세요

   

문단 관련 태그

  • <br>
  • <p>
  • <div>
  • <h숫자>
  • <center>

   

   

<p> 태그와 <br> 태그 비교

내용1<p>내용2 = <p>내용1</p>내용2 = 내용1<br><br>내용2

   

   

내용을 가운데 정렬

<center>내용</center>

<p align=center>내용</p>

<div align=center>내용<div>

<h4 align=center>내용</h4>

   

   

<body> 태그

<body> 태그 속성

bgcolor

background

text

link

vlink

alink

leftmargin

topmargin

oncontextmenu

onselectstart

bgproperties

scroll

   

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

CSS 선언  (0) 2014.11.14
특수문자  (0) 2014.11.13
문단 태그  (0) 2014.10.26
CSS 기본 구성요소  (0) 2014.10.25
시멘틱 태그- 01.html  (0) 2014.10.17
태그  (0) 2014.10.11
Posted by codedragon codedragon

댓글을 달아 주세요

   

   

<head> 태그 사이에 기록되는 문서 정보

<title>

홈페이지를 대표할 수 있는 문서 제목을 지정합니다

<meta>

다양한 속성을 가지고 있어 다양한 역할을 합니다.

<script>

홈페이지를 역동적으로 변화시킵니다.

<style>

문서 전체의 레이아웃을 결정하여 문서에 통일감을 줍니다

<html>

<head>

<title></title>

</head>

<body> </body>        

</html>

   

   

   

태그의 구성 요소

복합 태그

<태그명> 내용 </태그명>

속성을 가지는 태그

<태그명 속성명=값> 내용 </태그명>

단독 태그

<태그명>

사용 예

여러분을 <font size=5 color=blue>HTML 강의</font>를 시작합니다!

   

   

태그 사용 규칙

  • <태그명></태그명>과 같이 여는 태그와 닫는 태그가 쌍으로 사용됩니다.
    • 닫을 때는 태그명으로만 닫습니다.
  • 태그명과 속성명, 속성명과 속성명 사이는 한 칸씩 띄웁니다. 그 외 공백을 두어서는 안 됩니다.
    • 속성명과 값은 = 부호를 사용하여 표시합니다.
    • 값이 두 단어 이상일 경우는 ""로 묶어서 표시합니다.
  • 속성이 있는 태그가 있고 없는 태그가 있습니다.
    • 속성을 반드시 하나 이상 사용해야 하는 태그도 있고 생략해도 되는 태그도 있습니다.
    • 여는 태그만 독립적으로 존재하는 태그도 있습니다.
  • 태그를 중첩해서 사용할 경우 먼저 열어준 태그를 나중에 닫아줍니다.

   

태그 사용 예

<font size=5 color=blue>환영합니다!</font><p>

<b>하늘은 <u>높고</u> 바람은 산들산들 ^^ </b><br>

<p align=center>알찬 내용들로 조금씩 채워가겠습니다. ^^</p>

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

CSS 기본 구성요소  (0) 2014.10.25
시멘틱 태그- 01.html  (0) 2014.10.17
태그  (0) 2014.10.11
CSS Color Names  (0) 2014.10.09
CSS 용어  (0) 2014.10.03
HTML 기본 구조  (0) 2014.10.01
Posted by codedragon codedragon

댓글을 달아 주세요

웹표준

운영체제나 브라우저에 상관없이 같은 결과를 볼 수 있도록, W3C에서 권고한 표준안에 따라 웹 페이지를 만들어 사용하는 것을 말합니다.

   

웹표준 장점

  • 브라우저 간 호환성 증가
  • 마크업 용량 감소
  • 컨텐츠와 CSS 의 분리
  • 검색엔진에 대한 최적화
  • 웹 접근성 용이 등

   

   

   

* 마크업 언어(markup language)

태그등을 이용해 데이터 구조를 명시하는 언어 형태

   

   

* W3C(World Wide Web Consortium)

W3C는 월드 와이드 웹(www)을 위한 표준을 개발하고 장려하는 기관

http://www.w3.org/

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

HTML파일 인코딩 변경하기  (0) 2014.08.27
자바스크립트 소스 파일(.js) 생성 방법  (0) 2014.08.20
웹표준  (0) 2014.06.09
HTML5와 CSS3 사용의 장점  (0) 2014.06.05
HTML5 지원 API  (0) 2014.06.05
Tomcat 설정 및 Dynamic Web Project 생성  (0) 2014.06.05
Posted by codedragon codedragon

댓글을 달아 주세요

HTML5와 CSS3 사용의 장점

   

웹 개발의 플랫폼

의미가 더 분명한 태그들, 사이트나 창 사이의 더 나은 데이터 교환, 애니메이션, 더 나은 멀티미디어 지원 등, 더 좋은 사용자 인터페이스 구현 가능

더 분명한 마크업

내용을 설명하는데 직접 연관된 요소 추가 (제목, 푸터, 내비게이션 절, 사이드바, 글을 정의하는 요소들)

플러그인에 덜 의존하는 멀티미디어

오디오, 비디오 기능 제공

웹 소켓

HTML5는 서버와의 연결을 유지시키는 웹 소켓을 지원

클라이언트 측 스토리지

웹 스토리지와 웹 SQL 데이터베이스 API를 이용하면 브라우저에서 동작하긴 하지만 모든 데이터를 사용자의 컴퓨터에 보관하는 애플리케이션을 만들 수 있음.

더 좋은 인터페이스

테이블에 스타일을 적용하거나, 둥근 모서리를 만드는 등 사용자 인터페이스를 좀 더 풍요롭게 사용 가능.

더 좋은 폼

더 나은 사용자 인터페이스 컨트롤 제공

향상된 접근성

스크린 리더 같은 프로그램을 사용해서 보조 기술에 의존하는 사람에게 더 좋은 웹 페이지 접근성을 제공.

개선된 선택자

CSS3에서 제공하는 선택자를 이용하면 테이블의 홀수 행과 짝수 행을 지정한다거나, 선택된 체크박스를 전부 찾는다거나, 심지어는 특정 그룹에서 마지막 문단을 찾아낼 수도 있음.

시각효과

CSS3을 통해, 배경 이미지에 의존하거나 마크업을 추가하는 일 없이 요소에 그림자와 그래디언트를 넣을 수 있음.

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

자바스크립트 소스 파일(.js) 생성 방법  (0) 2014.08.20
웹표준  (0) 2014.06.09
HTML5와 CSS3 사용의 장점  (0) 2014.06.05
HTML5 지원 API  (0) 2014.06.05
Tomcat 설정 및 Dynamic Web Project 생성  (0) 2014.06.05
02.html-시멘틱 태그 작성  (0) 2014.05.20
Posted by codedragon codedragon

댓글을 달아 주세요

시멘틱 태그

   

sematic

무의미한 태그가 아니라

'의미를 갖는다'는 뜻으로, 각 태그가 스스로 의미를 지닌다는 뜻

   

   

시멘틱 태그

태그

설명

header

사이트에 대한 소개 정보나 메인 메뉴, 사이트 로고 등이 포함됨

hgroup

제목과 부제목을 묶는 역할

nav

사이트나 메뉴나 링크 같은 내비게이션 요소들이 포함

section

실제 문서 내용이 들어감

article

문서 내용이 많을 경우 여러 개의 <article>요소로 나눌 수 있음

aside

문서의 주요 내용 외의 내용들을 넣어 문서의 주 영역 주변에 배치

footer

작성자 정보나 저작권 정보, 또는 관련 문서 링크 등 부가 정보들을 담고 있음

   

   

표현을 위한 태그

태그

설명

mark

특정 텍스트를 강조하고자 할 때 사용하는 태그

   

   

소스코드

<html>

<head>

<meta charset="UTF-8">

<title>시멘틱 태그</title>

</head>

<body>

<header id="page_header">

<hgroup>

<h1>대한 대학교 홈페이지</h1>

<h4>세계를 향상 지식의 공간</h4>

</hgroup>

<nav>

<ul>

<li><a href="">1학년</a></li>

<li><a href="">2학년</a></li>

<li><a href="">3학년</a></li>

<li><a href="">4학년</a></li>

</ul>

</nav>

</header>

<section>

<header>

<h3>이달의 소식</h3>

</header>

<article>

네셔널 컨테스트에서 <strong>대상 수상</strong> 하여 대한 대학교를 알렸습니다. 수상자는 <mark>홍길동</mark>입니다.

</article>

</section>

<footer>

2020 대한 대학교

</footer>

</body>

</html>

   


   

   

   

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

HTML5 지원 API  (0) 2014.06.05
Tomcat 설정 및 Dynamic Web Project 생성  (0) 2014.06.05
02.html-시멘틱 태그 작성  (0) 2014.05.20
01.html-시멘틱 태그  (0) 2014.05.20
HTML5 시멘틱 태그  (0) 2014.05.20
ch01-first / 01.html-Hello World  (0) 2014.05.17
Posted by codedragon codedragon

댓글을 달아 주세요