블로그운영시 자주쓰는 HTML태그모음
HTML Tags
Address Tag
주소를 나타낼때 표기합니다.
1 Infinite LoopCupertino, CA 95014
United States
<address>
1 Infinite Loop<br/>
Cupertino, CA 95014<br/>
United States
</address>
Anchor Tag - markdown (aka. Link)
[애플 홈페이지](http://apple.com "애플 홈페이지입니다").
Abbreviation Tag - markdown
The abbreviation CSS stands for “Cascading Style Sheets”.
위 밑줄쳐진 CSS에 마우스를 올려보세요. 그럼 전체뜻이 보여지는 말풍선이 보여집니다.
이 태그는 이러한 기능을 합니다. 그럼 어떻게 작동시키는지 알아볼까요? 마크다운 방식으로 보여드리겠습니다.
The abbreviation CSS stands for "Cascading Style Sheets".
*[CSS]: Cascading Style Sheets
Cite Tag
cite tag는 저작물의 출처를 표기할 때 사용하며, 적절한 맥락 아래에서는 출처를 축약해서 표기할 수 있습니다.
“Code is poetry.(코드는 시다)” —Automattic(오토매틱)
"Code is poetry.(코드는 시다)" ---<cite>Automattic(오토매틱)</cite>
Code Tag
짧은 코드 조각을 나타내는 스타일을 사용해 자신의 콘텐츠를 표시합니다. 기본 스타일은 사용자 에이전트의 고정폭 글씨체입니다.
main()은 dart언어 함수며. 컴퓨터가 동작시에 가장 첫번째로 찾는 함수다.
<code>main()</code>은 dart언어 함수며.
컴퓨터가 동작시에 가장 첫번째로 찾는 함수다.
Strike , del Tag
안녕하세요 반갑습니다. 잘지내셨나요?.
날씨가 아주 좋군요. 같이 점심식사 어떠신가요?
안녕하세요 반갑습니다. <strike>잘지내셨나요?</strike>.<br>
날씨가 아주 좋군요. <del>같이 점심식사 어떠신가요?</del>
Emphasize Tag - markdown
The emphasize tag should italicize text.
The emphasize tag should _italicize_ text.
Insert Tag
날씨가 아주 좋군요. 같이 점심식사 어떠신가요?같이 커피드실래요?
날씨가 아주 좋군요. <del>같이 점심식사 어떠신가요?</del><ins>같이 커피드실래요?</ins>
Keyboard Tag
This scarcely known tag emulates keyboard text,
which is usually styled like the <code> tag.
This scarcely known tag emulates <kbd>keyboard text</kbd>,
which is usually styled like the `<code>` tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
}
Quote Tag (인용문)
Developers, developers, developers
- Steve Ballmer
The number one benefit of information technology is that it empowers people to do what they want to do. It lets people be creative. It lets people be productive.
<q>Developers, developers, developers</q> - Steve Ballmer
//<q>태그는 문장 내에 들어가는 인용문일 경우 사용,
줄 바꿈 필요없는 짧은 인용에 사용하는 인라인 인용문, 자동으로 " "가 붙는다.
<blockquote>The number one benefit of information technology is that it empowers people to do what they want to do. It lets people be creative. It lets people be productive.</blockquote>
//<blockquote> 태그는 한 문단이나 내용 전체가 인용문일 경우사용 ,
긴 텍스트의 인용을 별도의 블록으로 처리하는 인용문, 전체가 블록처럼 들여쓰기 된다.
Single line blockquote (mark down)
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
Single line blockquote:
> Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
> People think focus means saying yes to the thing you've got to focus on. But that's not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I'm actually as proud of the things we haven't done as the things I have done. Innovation is saying no to 1,000 things. // markdown
Strong Tag
This tag shows bold text. - markdown
This tag shows bold text. This tag shows bold text.
This tag shows **bold text**.
This tag shows <b>bold text<b>.
This tag shows <strong>bold text</strong>.
Subscript Tag
아래첨자아래첨자
아래첨자<sub>아래첨자</sub>
Superscript Tag
위첨자위첨자
위첨자<sup>위첨자</sup>
mark Tag
This allows you to denote variables.
This allows you to denote <mark>variables</mark>.
hr tag (구분선)
<hr>