'분류 전체보기' 카테고리의 글 목록

[HTML5&CSS3] 오디오태그

웹상에서 오디오를 재생하기 위해서는 audio 태그를 사용합니다. HTML5 전용 태그이므로 익스플로러 8 이하에서는 사용할 수 없습니다. audio 태그에서 src는 음악파일의 경로를 지정하는 속성입니다. http://sample.mp3 처럼 웹상의 경로를 지정할 수 있고, /sample.mp3와 같이 서버상의 경로를 지정할 수도 있습니다. src속성에 사용하는 파일은 예제에서 mp3를 사용했으나 ogg나 wav같은 파일도 사용이 가능합니다. 다만 현재 이 글을 쓰는 시간 기준으로 크롬, 파이어폭스, 오페라만 이 세 가지 파일을 모두 지원하며 익스플로러는 mp3만, 사파리는 mp3와 ogg만 지원이 가능한 점 참고하시기 바랍니다. 만약 각 브라우저마다 각각의 파일형식에 대응해야 한다면 audio태그를 ..

Web/HTML5 & CSS3 2019.09.23 10:38

[HTML5&CSS3] 이미지관련 태그

HTML에서 이미지를 사용하려면 기본적으로 img태그를 사용합니다. img 태그에서 src 속성은 이미지의 경로를 나타냅니다. 여기에 http://cliel.com/sample.jpg 처럼 URL을 통해 이미지를 지정할 수 있고 /images/sample.jpg 처럼 자신의 경로를 지정할 수도 있습니다. 참고로 당장 이미지가 필요하지 않다면 http://placehold.it/350x200 처럼 임시 이미지를 지정할 수도 있습니다. alt 속성을 사용하면 이미지가 존재하지 않거나 기타 이유로 이미지가 표시되지 않을 때 특정 문구를 표시하게 할 수 있습니다. 더불어 width나 height 속성을 사용하면 표시할 이미지의 크기를 지정하는것이 가능합니다.

Web/HTML5 & CSS3 2019.09.20 15:52

[HTML5/CSS3] 테이블 (Table)

테이블(Table)은 HTML에서 표를 만드는 데 사용하는 태그입니다. 1 2 1 2 테이블은 로 시작해 로 끝납니다. 태그 내부에 은 행을, 는 각 행에 있는 셀을 의미합니다. 에서 border 속성을 사용하면 테두리의 두께를 지정할 수 있습니다. 1 2 1 2 태그를 사용하면 테이블의 각 셀에서 '제목'을 표시할 수 있습니다. 날짜 매출 2019.08 2,000 2019.09 3,300 만약 셀에 같은 내용이 있고, 이들 셀을 병합해야 한다면 colspan을 사용하여 원하는 셀만큼 병합할 수 있습니다. 날짜 현매출 전매출 2019.08 2,000 2019.09 3,300 4,000 셀 대신 행을 병합해야 한다면 rowspan을 사용합니다. 날짜 현매출 전매출 2019.08 2,000 2,000 201..

Web/HTML5 & CSS3 2019.09.20 14:27

[HTML5&CSS3] 목록 관련 태그

1. ul 순서 없는 목록을 만듭니다. 자동자 비행기 자전거 2. ol 순서가 있는 목록을 만듭니다. 자동자 비행기 자전거 1과 2에서 는 목록 자체를 지정하는 태그입니다. 이 태그 안에 목록 태그를 다시 집어넣어서 중첩된 목록을 만들 수 있습니다. 자동자 비행기 자전거 두발 자전거 세발 자전거 한발 자전거 3. dl 특정용어를 설명할 때의 목록 태그입니다. 태그로 시작해 태그로 정의할 용어를 지정하고 태그로 설명 목록을 만듭니다. 비행기 빠른이동수단 통계적으로 가장 안전함 다른 이동수단에 비해 비쌈

Web/HTML5 & CSS3 2019.09.19 16:38

[SQL Server] 현재 주차및 주차에 해당하는 날짜 구하기

-- 현재일에 해당하는 주차 -> 2019년 8월 12일은 8월달 몇주차인가? Select CEILING((DAY('2019-08-12') + DATEPART(DW, '20190801') - 1) / 7.0) -- 특정 주차의 날짜 -> 2019년 8월 3주차의 시작날짜와 끝날짜는? Declare @input Varchar(8); Set @input = '20190803'; Declare @firstday Date; Set @firstday=CONVERT(Date, Left(@input, 4) + '-' + SUBSTRING(@input, 5, 2) + '-01'); Declare @addweek Int; Set @addweek = CONVERT(Int, Right(@input, 2)) - 1; Sele..

Server/SQL Server 2019.09.17 11:30

[HTML5&CSS3] 글자 관련 태그

1. 제목 h1 부터 h6 까지 사용할 수 있으며 뒤의 숫자가 작을 수록 큰 글씨를 보여줍니다. AAA BBB CCC DDD EEE FFF 2. 본문관련 태그 특정 내용을 본문으로 표현하고자 할때는 기본적으로 p(paragraph)태그를 사용합니다. Hello, World! Nullam id dolor id nibh ultricies vehicula ut id elit. Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper. Donec sed odio dui. 더불어 줄넘김을 하고자 하는 경우 태..

Web/HTML5 & CSS3 2019.09.10 10:14

[ASP.NET] 성능 카운터

보통 서버환경에서 서버나 프로그램에 관한 모니터링에 관리 도구에 있는 성능카운터를 활용합니다. 서버에 ASP.NET등으로 웹 프로그램을 운용한다면 다음과 같이 ASP.NET에 적용되는 성능카운터등을 확인할 수 있습니다. Application Restarts 서버가 동작하는 동안 프로그램이 재시작된 횟수 Application Running 현재 동작중인 프로그램 수 Audit Failure Events Raised 프로그램 감사 실패 횟수 Audit Success Events Raised 프로그램 감사 성공 횟수 Error Events Raised 프로그램이 발생시킨 오류 이벤트 횟수 Infrastructure Error Events Raised HTTP 오류 이벤트 횟수 Request Error Even..

.NET/Windows API for .NET 2019.09.03 10:54

[HTML5/CSS3] 문법 기본 사항

● 기본구조 웹 문서의 기분구조는 대략 다음과 같습니다. 저는 기본 에디터로 서브라임텍스트를 사용합니다. 서브라임텍스트에서 html문서를 저장하고

Web/HTML5 & CSS3 2019.08.27 09:05