YoonStudyNote

밑줄이 있는 글자를 설정. (Underline) 순수하게 꾸미는 용도의 요소로 사용. 와 헷갈릴 수 있는 위치에서 사용하지 않도록 주의. 을 활용할 수 있을 경우에는 사용을 권장하지 않음. u { display: inline; } 굳이 사용하지 않아도 css로 충분히 꾸밀 수 있다. 무궁화 삼천리 화려 강산 대한 사람, 대한으로 길이 보전하세. span{ text-decoration : underline; } 다음과 같이 둘다 underline이 되어있는것을 볼 수 있다. 되도록이면 CSS로 꾸미는걸로 하되, 만약 css로 꾸밀수 없는 상황이 온다면 그때 u태그를 사용하는것이 좋다.

짧은 인용문 설정 (Inline Quotation) 긴 인용문을 설정할 경우 를 사용. 속성 의미 값 cite 인용된 정보의 URL URL q { display: inline; }

창작물에 대한 참조를 설정. (책, 논문, 영화, TV 프로그램, 노래, 게임 등의 제목) 기본적으로 이탤릭체로 표시됨 The Scream by Edward Munch. Painted in 1893. cite { display: inline; }

용어를 정의할 때 사용. (Definition) dfn {display : inline;} dfn이 사용되는 방식 A validator is a program that checks for syntax errors in code or documents. vs 와 다른점은 dl같은 경우는 많은 용어를 나열해서 정리하고 정의를 할 때 사용되는 것이고, dfn은 딱 하나 용어를 정의 할때 사용된다. 이 사용되는 방식 Firefox Mozilla 재단과 수 백명의 자원봉사자가 개발한 무료 오픈소스 크로스 플랫폼 그래픽 웹 브라우저.

이 4가지를 모두 다 쓴 예시. 1절 동해 물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. 2절 남산 위에 저 소나무, 철갑을 두른 듯 바람 서리 불변함은 우리 기상일세. 3절 가을 하늘 공활한데 높고 구름 없이 밝은 달은 우리 가슴 일편단심일세. 4절 이 기상과 이 맘으로 충성을 다하여 괴로우나 즐거우나 나라 사랑하세. (후렴) 무궁화 삼천리 화려 강산 대한 사람, 대한으로 길이 보전하세.

문체가 다른 글자의 범위를 설정(Bring Attention) 특별한 의미를 가지지 않음. 일기 흐름에 도움을 주는 용도로 사용. 다른 태그가 적합하지 않은 경우 마지막 수단으로 사용. 기본적으로 글자가 두껍게(Bold) 표시됨. b {display : inline;} 사용자의 관심을 끌기 위해 하이라이팅할 때 사용. (Mark Text, 형광펜을 사용하여 관심있는 부분을 표시하는 것과 같은 의미) 기본적으로 형광펜을 사용한 것처럼 글자 배경이 노란색(Yellow)으로 표시됨. mark {display : inline;} 단순한 의미 강조를 표시. (Emphasis) 중첩이 가능. 중첩될수록 강조 의미가 강해짐. 정보통신보조기기 등에서 구두 강조로 발음됨. 기본적으로 이탤릭체(Italic type)로 표..

약어를 지정(Abbreviation) 보통 title 속성을 사용하여 전체 글자나 설명을 제공한다. c abbr {display : inline;} Using HTML is fun and easy! 이렇게 작성을 한다면, 마우스 커서를 HTML글자 위에 올리면 다음과 같이 설명이 나온다.

Google README.md Image download a { font-weight: bold; width: 100px; line-height: 40px; height: 40px; border: 1px solid black; border-radius: 6px; display : block; text-align: center; } a:hover{ background: orange; } a 태그를 스타일링하고 기능을 추가하였다. class와 id는 사용방식은 비슷하지만 뜻이 다르다. class는 별칭이고 별명이고 id도 마찬가지로 별칭이고 별명이다. 하지만 고유해야한다. 예를들어 밑에 코드를 보면된다. 제목1 제목2 제목3 제목1 제목2 제목3 해당 아이디로 클릭시 이동하는 방법 제목1 제목2 제목1 제목..

다른페이지, 같은 페이지 위치(#, 해시 태그), 파일, 이메일 주소, 전화번호 등 다른 URL로 연결할 수 있는 하이퍼링크를 설정한다. (Anchor, 외부로 내보내기) 속성 의미 값 기본값 특징 download 이 요소가 리소스를 다운로드하는 용도로 사용됨을 의미 Boolean href 링크 URL URL 생략 가능 hreflang 링크 ULR(페이지) 언어 ko, en ... rel 현재 문서와 링크 URL의 관계(Link Types) license, prev, next... target 링크 URL의 표시(브라우저 탭) 위치 _self, _blank _self type 링크 URL의 MIME 타입 text/html... a {display : inline;} * href, target을 가장 많이..

일반적인 인용문을 설정. (Block Quotation) 속성 의미 값 cite 인용된 정보의 URL URL blockquote {display : block;} 길이가 긴 인용문을 사용하는데 많이 쓰인다. Avian carriers can provide high delay, low throughput, and low altitude service. The connection topology is limited to a single point-to-point path for each carrier, used with standard carriers, but many carriers can be used without significant interference with each other, outside..