HTML 80

인라인 텍스트 - SPAN

본질적으로 아무것도 나타내지 않는 콘텐츠 영역을 설정. span {display : inline} span div 아무런 의미 없는 콘텐츠 영역 설정 아무런 의미 없는 콘텐츠 영역 설정 inline block 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 span은 보통 한 문장에서 한글자를 스타일링 할 때 사용된다. 예를들어서 밑에 소스코드를 보면 된다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 .bold{ font-weight: bold; font-size: 20px; color : red; }

HTML/요소 2020.12.28

인라인 텍스트 - KBD

텍스트 입력 장치(키보드)에서 사용자 입력을 나타내는 텍스트 범위를 설정한다. (Keyboard Input) Ctrl + Alt + K, ESC 다음과 같이 입력을 한다면 keyboard가 무엇인지 브라우저에게 인식을 시켜준다. 하지만 사람들이 보기에는 키보드가 아니라고 생각할 수 있으므로 css에 디자인을 입혀서 보여주기도 한다. kbd{ padding : 0 3px; border-radius: 3px; border-top : 2px solid black; border-bottom : 2px solid red; border-left : 2px solid blue; border-right : 2px solid green; }

HTML/요소 2020.12.28

인라인 텍스트 - U

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

HTML/요소 2020.12.28

인라인 텍스트 - DFN

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

HTML/요소 2020.12.28

인라인 텍스트 - B, MARK, EM, STRING, I 2

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

HTML/요소 2020.12.28