글

[HTML] base 태그(요소)

이미지
정의 base태그(요소)  는 HTML문서 기준의 URL을 명시한다 속성 href :  URL을 지정. target :  링크를 어떤 프레임(형식으로)에 열것인지를 결정합니다.      _blank:  새창으로 열기      _parent :  부모창에 열기      _self :  자신의 창에 열기     _top :  화면이 여러 형식일 경우 경우 모든 프레임을 지우고 전체 화면으로 열기     [name] :  지정된 이름 링크를 열기 설명 href 속성이나 target 속성 중 반드시 하나 이상을 써야 하고 둘 다 사용할 수도 있다. 예제 <!DOCTYPE html> <html> <head> <title>homepage title</title> <base href="http://weblinyi.blogspot.com/" target="_blank"> </head> <body> homepage text </body> </html>
댓글 쓰기
자세한 내용 보기

[HTML] audio 태그(요소)

이미지
정의 audio태그(요소) 는 웹프라우저에서 플러그인 도움없이 오디오 파일을 재생할 수 있게 만들어주는 태그 입니다. 속성 src : 재생할 오디오의 경로를 지정합니다. preload : 다운로드 상태를 나타냅니다.      none : 사용자가 오디오를 필요로하지 않을 것이라고 명시, 다운로드 하지 않는다.     metadata : 사용자가 오디오를 필요로 하지 않을 것이지만, 기본정보(크기,첫프레임,오디오길이 등)는 가지고 온다.     auto : 사용자가 비디오를 필요로 하고 미리 다운로드 한다[기본값] autoplay : 음악을 자동 재생할지를 지정합니다. loop : 음악을 반복 재생할지를 지정합니다. controls : 음악 재생 도구를 출력할지 지정합니다. 브라우저가 audio태그(요소) 에서 제공하고 있는 오디오를 재생하지 못하는 경우 audio요소 내부에 있는 내용을 출력합니다. 예제 <audio src="weblinyi.mp3" controls="" autoplay="" loop="" preload="auto"></audio>
댓글 쓰기
자세한 내용 보기

세계보건기구 WHO가 꼽은 '세계 10대 장수 식품' BEST10

이미지
세계 보건 기구(WHO)가 미국의 시사주간지 '타임'을 통해 10대 건강 식품을 소개했었는데요. 타임지가 꼽은 10대 장수 식품 을 한번 알아보겠습니다. 첫번째! 귀리 귀리는 식후 혈당 상승하는 것을 예방하고 혈청콜레스테롤을 감소시키는 작용을 하여 심혈관 건강에 좋습니다. 풍부하게 들어있는 섬유질은 포만감 유지와 배변 활동을 원활하게 하여 다이어트에도 효과적입니다. 또한 풍부한 항산화 성분과 다양한 미네랄 성분 그리고 비타민B 군의 함량이 높아 암 예방과 피부미용 면역력 개선등 건강에 도움을 줍니다. 하지만! 과한 섭취는 부작용의 우려가 있습니다. 귀리의 경우 퓨린 성분이 있어 통풍이나 신장결석을 유발할 수 있으며, 단백질중 글루텐이라는 성분이 있어 알레르기가 있으신분들은 주의하여 드셔주세요. 두번째! 견과류 견과류 종류는 다양하지만 그중에 7가지 정도 알아보겠습니다. 1.귀리 귀리는 식후 혈당이 상승하는 것을 예방하고 혈청 콜레스테롤을 감소시키는 작용을하여 심혈관 건강에 좋습니다. 풍부하게 들어있는 섬유질은 포만감 유지와 배변 활동을 원활하게 하여 다이어트에도 효과 만점! 또한 항산화 성분이 풍부하고 다양한 미네랄 성분과 비타민B 군의 함량이 높아 암 예방과 피부미용, 여성 건강에도 좋습니다. 하.지.만! 과한 섭취는 부작용의 우려가 있습니다. 귀리의 경우 퓨린이라는 성분이 있어 통풍이나 신장결석을 유발할 수 있으며, 단백질중 글루텐이라는 성분이 있어 알레르기가 있으신 분들은 주의하여 드셔야 됩니다. 2.아몬드 아몬드는 식이섬유, 비타민E가 풍부해서 피부미용, 다이어트, 노화 예방, 두뇌발달 등에 효과가 좋습니다. 하지만 과한 섭취는 배탈 및 설사를 유발할 수 있으니 주의하세요. 3.밤 밤은 각종 영양소가 풍부해서 유아용 이유식에도 좋고 감기예방에 좋습니다. 하지만 지나치게...
댓글 쓰기
자세한 내용 보기

http와 https의 차이점을 알아보자

이미지
웹 페이지를 보다 보면 http://로 시작을 하는 것이 있고, https://로 시작을 하는 부분이 있습니다. IT 계열의 업종이 아니시면 차이는 잘 모르실 텐데요. 오늘 그 차이를 한번 알아보겠습니다. http:// http는 Hypertext Transfer Protocol의 약자입니다. TCP와 같은 신뢰할 수 있는 연결 지향 전송 서비스를 사용하여 두 대의 컴퓨터가 통신하는 클라이언트 즉 서버 프로토콜. 쉽게 얘기하면 컴퓨터 및 인터넷 캐시가 저장되어 더 빨리 로드됩니다. 하지만 잠재적으로 제어할 수 없는 시스템에 저장되기에 인터넷을 통한 공격에 취약할 수밖에 없습니다. https:// https는 Hyper Text Transfer Protocol over Secure Socket Layer의 약자입니다. 클라이언트와 서버 간에 키 기반 암호화 알고리즘을 통해 개인 정보, 사용자도 모르게 승인되는 인증 등을 차단을 할 수 있습니다. 즉 http 보안이 강화된 버전으로 보시면 될것같습니다. 대체적으로 금융사이트, 온라인 쇼핑몰등이 https로 되어있습니다.
댓글 쓰기
자세한 내용 보기

[WEB] CSS Diner 게임으로 재미있게 CSS를 익혀보자!

이미지
css 선택자를 재미있게 익힐 수 있는 웹 게임을 하나 소개해보고자 합니다. 바로 CSS Diner 라는 웹 사이트인데요. 총 32단계로 구성되어있어 단계마다 깨는 재미도 쏠쏠하고 이해도 쉽게 할 수 있도록 만들어진 재미있는 사이트입니다.  이미지로 보실 때는 잘 모르시겠지만 사이트로 방문하시면 좌우로 계속 움직이는 접시나 과일들을 보실 수 있는데요, 그 부분을 셀렉터로 지정하면, 해당 단계를 깰 수 있습니다.  굉장히 재미있는 사이트니 한 번씩 방문하셔서 해보세요😁
댓글 쓰기
자세한 내용 보기

[HTML] article 태그(요소)

이미지
정의 article 태그(요소) 는 문서내에서 독립적인 컨텐츠를 나타냅니다. 잡지나 신문 기사, 블로그 글 즉 본문이나 어떤 다른 독립적 아이템등이 들어가는 영역입니다. 예제 <article>  <h1>네이버</h1>  <p>네이버는 대한민국의 포털 사이트다.</p> </article> 결과 네이버 네이버는 대한민국의 포털 사이트다.
댓글 쓰기
자세한 내용 보기

[HTML] b 태그(요소)

이미지
정의 b 태그(요소) 는 글자를 굵게 표시하는 태그(요소)로, bold의 약자입니다. CSS 에서 font-weight 를 bold 로 설정하는 것과 같은 효과를 줄 수 있습니다. 예시 <p><b>주의 사항</b>미끄러질 수 있으니 주의하세요</p> 결과 주의 사항 미끄러질 수 있으니 주의하세요
댓글 쓰기
자세한 내용 보기