티스토리

TL&D
검색하기

블로그 홈

TL&D

tozoku.net/m

컴퓨터, 프로그래밍, 블록체인, S/W, A.I, Python, JavaScript

구독자
21
방명록 방문하기
공지 Tistory 초대장 10장 모두보기

주요 글 목록

  • HTML 강좌 9편 - 인용구 | blockquote Block quote 현재 보여지는 이러한 박스를 '인용구' 라고 합니다.문단이나 인라인 요소에는 포함될 수 없으며,단락같은 박스를 의미하며, table이나 p 태그를 같이 사용할 수 있습니다. See the Pen QroxmG by GM Yankee (@GMyankee) on CodePen. See the Pen wjOXjM by GM Yankee (@GMyankee) on CodePen. 공감수 51 댓글수 0 2018. 5. 23.
  • HTML 강좌 8편 - 버튼 만들기! | <button> | html tag | HTML - - Usage - Sample 클릭이 가능한 버튼을 정의합니다. 말 그대로 버튼이기 때문에 따로 설명할만한 내용이없네요.. Usage See the Pen vjPRLN by GM Yankee (@GMyankee) on CodePen. Sample Click 해보세요! 공감수 50 댓글수 0 2018. 1. 22.
  • HTML 강좌 7편 - 글자 굵게 만들기! | <strong> | <b> | HTML b Tag | bold HTML - - - CSS를 활용한 방법 - Usage - Sample html Tag를 사용하여 페이지를 작성하다 보면, 글자를 굵게 만들고 싶을 때가 있습니다. 태그를 사용하여 해당 태그 사이에 작성한 폰트들을 굵게 만드실 수 있습니다. 태그와 같은 기능을 하는 녀석입니다. 하지만 HTML5 표준 규격에 따르면 을 사용하라고 권장하며, 태그는 다른 태그가 적합하지 않을 경우 마지막 수단으로 사용하라고 할 정도입니다. CSS를 활용한 방법 font-weight:bold; 라는 Property(속성)으로 해당 css를 셀렉터(선택)하고 있는 개체(html태그)들은 글자가 모두 굵게 표시됩니다. Usage See the Pen vjPRLN by GM Yankee (@GMyankee) on CodePen. .. 공감수 218 댓글수 0 2018. 1. 12.
  • HTML 강좌 6편 - 오디오(음악) 재생하기 | <audio> | <source> | HTML Tag | HTML - Audio - Type && Format - Support Browser - Property (Attributes) - Source - Usage - Sample Audio html tag중에 음악파일(.mp3, .wav 등)을 탑재하는 태그 입니다. Type && Format 지원하는 확장자(포맷)와, 그에 따른 선언 타입 형식입니다. Format MIME - Type .mp3 audio/mpeg .ogg audio/ogg .wav audio/wav Support Browser Browser에서 지원하는 각 타입은 아래와 같습니다. Browser .mp3 .ogg .wav IE(Internet Explorer) O X X Chrome O O O FireFox O O O Safari O O .. 공감수 68 댓글수 0 2018. 1. 3.
  • HTML 강좌 5편 - 연락처 정보 제공하기 | <address> | HTML Tag HTML - address - Usage - Sample address 블로그, 카페, 웹페이지 및 사이트 등 하단에 보면, Copyright 2018 또는 회사의 주소 연락처 등이 기재 되어 있는 것을 보실수 있습니다. 그러한 것처럼 주소 정보를 표기할 때 사용하는 html tag입니다. 사용하게 되면 italic 글씨체와 약간의 기울기가 탑재됩니다. 하지만 Css를 사용하여 decorate를 하기 때문에 생각보다 많이 쓰이지는 않습니다만, 구분을 짓는 용도로도 사용합니다. 마치 header와 footer처럼요 Usage See the Pen vjPRLN by GM Yankee (@GMyankee) on CodePen. Sample Made by GM yankee Send Mail to GM yankee 공감수 90 댓글수 0 2018. 1. 2.
  • HTML 강좌 4편 - 축약어 만들기 | <abbr> | HTML Tag | 마우스 올려놓으면 설명 나오기! HTML - Abbreviation (약어) - Property - Usage - Sample - Abbreviation (축약어) 약어 라고 불리는 이것은, 좀 더 쉽게 표현하자면 줄임말 이라고 생각하시면 될 것 같습니다. - Property (속성) 주로 쓰이는 속성으로는 title이 있습니다. 약어로 표시하고 title에 내용을 담는 식으로 작성을 하게 됩니다. 그 외에도 spell 이라는 속성등도 있지만, 여기서는 다루지 않겠습니다. - Usage (사용법) See the Pen vjPRLN by GM Yankee (@GMyankee) on CodePen. - Sample (미리보기) ↓ 마우스를 올려보세요. 2018년 공감수 143 댓글수 0 2018. 1. 1.
  • HTML 강좌 3편 - 하이퍼 링크 만들기 | <a> | HTML Tag | 문서의 연결방법 HTML 하이퍼링크(Hyper Link) 만들기 1. Explain 2. Usage └ ■ Sample 3. Property 4. Application └ ■ Sample 5. Secure 현재 Tistory에서는 태그의 오작동이 발견되어 예제는 해당 태그를 본인이 .html파일을 만들어 사용할 것을 권장드립니다. #1. Explain(설명) a 태그는 HTML에서 자주 쓰이는 요소(태그)중 하나입니다.주로 텍스트나 영역 그림등에 링크를 만들때 사용합니다. #2. Usage(사용법) - A 태그를 쓰는 방법입니다. 하지만 위 내용처럼 내용 이렇게만 작성하면 하이퍼링크의 효능이 없습니다. GM Yankee 블로그 메인페이지! 위 와 같이 href =""을 작성해주셔야합니다. #2-1. Sample(예제) .. 공감수 613 댓글수 0 2017. 12. 27.
  • HTML 강좌 2편 - 제목 태그 글자크기 | h1 h2 h3 h4 h5 h6 | HTML Tag - HTML 제목 사용하기 └ Header? 제목? └ 제목의 종류 └ h1 / h2 / h3 / h4 / h5 / h6 차이점? | 따라 해보기 Header? 제목? HTML(Hyper Text Marup Language)에는 Header(제목)이라는 Tag가 존재하는데 풀네임을 매번 쓰기 귀찮으니깐 h라고 줄여서 표현하고 사용합니다. 제목의 종류 header의 종류로 h1, h2, h3, h4, h5, h6 라는 총 6가지의 태그(Tag)가 존재합니다. h1 / h2 / h3 / h4 / h5 / h6 차이점? | 따라 해보기 See the Pen vjPRLN by GM Yankee (@GMyankee) on CodePen. 공감수 113 댓글수 0 2017. 12. 22.
  • HTML 강좌 1편 - html이란? | html 따라해보기 - HTML 사용해보기 └ Html이란? └ html 생성해보기 HTML이란? - HTML은 Hyper Text MarkUp Language의 줄임말로, 웹 페이지의 제목, 본문, 표, 글, 단락 등등을 표현하기 위한 웹 표준 규격 문서 작성 언어입니다. - 1980년 팀 버너스리(Tim Berners-Lee)가 '인 콰이어' 를 제안하였고, 그것을 기반으로 계속되는 프로젝트 끝에 1991년 08월 06일 '팀 버너스리'는 HTML을 이용하여 최초의 웹 사이트가 탄생하였습니다. - 1994년 10월 '팀 버너스리'를 중심으로 W3C(World Wide Web Consoritum)를 설립 하였습니다. └ 'W3C'란 국제 웹 표준 기구 라고 생각하시면 됩니다. Keyword : HTML? 팀 버너스리? W.. 공감수 79 댓글수 0 2017. 12. 20.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.