타이포그래피

마지막은 높이가 1피트도 안 되고 폭이 약 7보 정도 되는, 소나기 후에 뜨거운 재처럼 연기가 나는 회색 바위의 단순한 평평한 꼭대기이며, 해가 지기 전에는 누구도 맨발로 발바닥을 밟고 싶어하지 않을 것입니다. 리틀 이사벨(Little Isabel)에는 낡고 너덜너덜한 야자나무가 있고, 가시가 있고 거칠게 튀어나온 줄기가 있고, 야자나무 사이에 마녀처럼 보이는 한 그루가 거친 모래 위에 음울한 죽은 잎 다발을 바스락거리고 있습니다.

제목 1(H1)

마지막은 높이가 1피트도 안 되고 폭이 약 7보 정도 되는, 소나기 후에 뜨거운 재처럼 연기가 나는 회색 바위의 단순한 평평한 꼭대기이며, 해가 지기 전에는 누구도 맨발로 발바닥을 밟고 싶어하지 않을 것입니다. 리틀 이사벨(Little Isabel)에는 낡고 너덜너덜한 야자나무가 있고, 가시가 있고 거칠게 튀어나온 줄기가 있고, 야자나무 사이에 마녀처럼 보이는 한 그루가 거친 모래 위에 음울한 죽은 잎 다발을 바스락거리고 있습니다.

제목 2(H2)

마지막은 높이가 1피트도 안 되고 폭이 약 7보 정도 되는, 소나기 후에 뜨거운 재처럼 연기가 나는 회색 바위의 단순한 평평한 꼭대기이며, 해가 지기 전에는 누구도 맨발로 발바닥을 밟고 싶어하지 않을 것입니다. 리틀 이사벨(Little Isabel)에는 낡고 너덜너덜한 야자나무가 있고, 가시가 있고 거칠게 튀어나온 줄기가 있고, 야자나무 사이에 마녀처럼 보이는 한 그루가 거친 모래 위에 음울한 죽은 잎 다발을 바스락거리고 있습니다.

제목 3(H3)

마지막은 높이가 1피트도 안 되고 폭이 약 7보 정도 되는, 소나기 후에 뜨거운 재처럼 연기가 나는 회색 바위의 단순한 평평한 꼭대기이며, 해가 지기 전에는 누구도 맨발로 발바닥을 밟고 싶어하지 않을 것입니다. 리틀 이사벨(Little Isabel)에는 낡고 너덜너덜한 야자나무가 있고, 가시가 있고 거칠게 튀어나온 줄기가 있고, 야자나무 사이에 마녀처럼 보이는 한 그루가 거친 모래 위에 음울한 죽은 잎 다발을 바스락거리고 있습니다.

제목 4(H4)

마지막은 높이가 1피트도 안 되고 폭이 약 7보 정도 되는, 소나기 후에 뜨거운 재처럼 연기가 나는 회색 바위의 단순한 평평한 꼭대기이며, 해가 지기 전에는 누구도 맨발로 발바닥을 밟고 싶어하지 않을 것입니다. 리틀 이사벨(Little Isabel)에는 낡고 너덜너덜한 야자나무가 있고, 가시가 있고 거칠게 튀어나온 줄기가 있고, 야자나무 사이에 마녀처럼 보이는 한 그루가 거친 모래 위에 음울한 죽은 잎 다발을 바스락거리고 있습니다.

제목 5(H5)

마지막은 높이가 1피트도 안 되고 폭이 약 7보 정도 되는, 소나기 후에 뜨거운 재처럼 연기가 나는 회색 바위의 단순한 평평한 꼭대기이며, 해가 지기 전에는 누구도 맨발로 발바닥을 밟고 싶어하지 않을 것입니다. 리틀 이사벨(Little Isabel)에는 낡고 너덜너덜한 야자나무가 있고, 가시가 있고 거칠게 튀어나온 줄기가 있고, 야자나무 사이에 마녀처럼 보이는 한 그루가 거친 모래 위에 음울한 죽은 잎 다발을 바스락거리고 있습니다.

제목 6(H6)

마지막은 높이가 1피트도 안 되고 폭이 약 7보 정도 되는, 소나기 후에 뜨거운 재처럼 연기가 나는 회색 바위의 단순한 평평한 꼭대기이며, 해가 지기 전에는 누구도 맨발로 발바닥을 밟고 싶어하지 않을 것입니다. 리틀 이사벨(Little Isabel)에는 낡고 너덜너덜한 야자나무가 있고, 가시가 있고 거칠게 튀어나온 줄기가 있고, 야자나무 사이에 마녀처럼 보이는 한 그루가 거친 모래 위에 음울한 죽은 잎 다발을 바스락거리고 있습니다.

인용부호

한 줄 인용문:

배고프다. 어리석은 상태를 유지하십시오.

인용 참조가 포함된 여러 줄 인용:

그만큼 HTML

요소 (또는 HTML 블록 인용 요소)은 동봉된 텍스트가 확장된 인용임을 나타냅니다. 일반적으로 이는 들여쓰기를 통해 시각적으로 렌더링됩니다(참조: 노트 변경하는 방법에 대해 알아보세요.) 인용 출처의 URL은 다음을 사용하여 제공할 수 있습니다. 인용하다 속성을 사용하여 소스의 텍스트 표현을 제공할 수 있습니다. 요소.

여러 기여자 – MDN HTML 요소 참조 – blockquote

테이블

직원 샐러리
존 도우 $1 스티브 잡스가 급여를 받기 위해 필요한 전부이기 때문입니다.
제인 도 $100K 그녀가 하는 모든 블로깅에 대해.
프레드 블로그스 $100M 사진은 천 마디 말보다 낫습니다. 그렇죠? 그래서 제인 x 1,000입니다.
제인 블로그 $100B 저런 머리로?! 충분했다…

정의 목록

정의 목록 제목
정의 목록 구분.
시작
스타트업 회사 또는 스타트업은 반복 가능하고 확장 가능한 비즈니스 모델을 검색하도록 설계된 회사 또는 임시 조직입니다.
#도워크
Rob Dyrdek과 그의 개인 경호원 Christopher "Big Black" Boykins가 만든 "Do Work"는 친구에게 동기를 부여하기 위해 스스로 동기를 부여하는 역할을 합니다.
라이브로 해보세요
나는 빌 오라일리(Bill O'Reilly)가 그렇게 하도록 하겠다. 설명하다 이 하나.

순서가 지정되지 않은 목록(중첩)

  • 목록 항목 1
    • 목록 항목 1
      • 목록 항목 1
      • 목록 항목 2
      • 목록 항목 3
      • 목록 항목 4
    • 목록 항목 2
    • 목록 항목 3
    • 목록 항목 4
  • 목록 항목 2
  • 목록 항목 3
  • 목록 항목 4

순서가 지정된 목록(중첩)

  1. 목록 항목 1 - 8에서 시작
    1. 목록 항목 1
      1. 목록 항목 1 - 역방향 속성
      2. 목록 항목 2
      3. 목록 항목 3
      4. 목록 항목 4
    2. 목록 항목 2
    3. 목록 항목 3
    4. 목록 항목 4
  2. 목록 항목 2
  3. 목록 항목 3
  4. 목록 항목 4

HTML 태그

지원되는 태그는 WordPress.com 코드에서 나옵니다. 자주하는 질문.

주소 태그

1 무한 루프
쿠퍼티노, CA 95014
미국

앵커 태그(링크라고도 함)

이는 다음의 예입니다. 링크.

약어 태그

약어 srsly "진지하게"를 의미합니다.

약어 태그(HTML5에서 더 이상 사용되지 않음)

약어 ftw "승리를 위해"를 의미합니다.

빅태그 (HTML5에서 더 이상 사용되지 않음)

이 테스트는 큰 거래하지만 이 태그는 HTML5에서 더 이상 지원되지 않습니다.

인용 태그

“코드는 시이다.” —자동

코드 태그

이 태그는 코드 블록의 스타일을 지정합니다.
.포스트제목 {
여백: 0 0 5px;
글꼴 두께: 굵게;
글꼴 크기: 38px;
줄 높이: 1.2;
그리고 여기에 정말, 정말, 정말, 정말 긴 텍스트 한 줄이 있습니다. 이 텍스트가 어떻게 처리되고 어떻게 오버플로되는지 알아보기 위한 것입니다.
}
나중에 이 테스트에서 word-wrap:break-word;가 가장 친한 친구가 될 것임을 알게 될 것입니다.

태그 삭제

이 태그를 사용하면 텍스트 취소이지만 이 태그는 추천 HTML5에서 지원됩니다( 대신에).

태그 강조

강조 태그는 이탤릭체로 하다 텍스트.

수평 규칙 태그

이 문장은 다음과 같습니다. <hr /> 꼬리표.

태그 삽입

이 태그는 다음을 의미해야 합니다. 삽입됨 텍스트.

키보드 태그

거의 알려지지 않은 이 태그는 키보드 텍스트, 일반적으로 다음과 같은 스타일이 지정됩니다. 꼬리표.

미리 형식화된 태그

이 태그는 시나 ASCII 아트와 같이 입력된 공백을 유지하기 위한 것입니다.

가지 않은 길


로버트 프로스트


  노란 숲 속에 두 길이 갈라졌는데, 둘 다 갈 수 없어서 미안해요(_/) 그리고 한 여행자가 되어 오랫동안 서서(='.'=) 한 길을 최대한 멀리 내려다보았습니다(")_(") 덤불 속에서 구부러진 곳으로; 그런 다음 다른 하나를 선택했는데, 마찬가지로 공평했고 아마도 더 나은 주장을 가지고 있었을 것입니다. |_/| 풀이 무성하고 마모가 필요했기 때문입니다. / @ @ 거기에 지나가는 것은 ( > º < ) 거의 같은 옷을 입었지만, `>>x<<' / O 그리고 그날 아침 둘 다 똑같이 누워 나뭇잎 위에 검은 발자국을 밟지 않았습니다. 아, 다른 날을 위해 첫 번째를 보관했습니다! 그러나 길이 길로 이어지는 방식을 알기 때문에 다시 돌아올 수 있을지 의심스러웠습니다. 나는 먼 훗날 어딘가에서 한숨을 쉬며 이렇게 말할 것입니다. 숲 속에 두 개의 길이 갈라져 있었는데, 나는— 사람이 적게 간 길을 택했고, 그것이 모든 것을 변화시켰습니다. 그리고 여기에 정말, 정말, 정말, 정말 긴 텍스트 한 줄이 있습니다. 이 텍스트가 어떻게 처리되고 어떻게 오버플로되는지 알아보기 위한 것입니다.

견적 태그 짧은 인라인 인용문의 경우

개발자, 개발자, 개발자… –스티브 발머

스트라이크 태그 (HTML5에서 더 이상 사용되지 않음) 그리고 S 태그

이 태그는 다음을 보여줍니다. 취소선 텍스트.

작은 태그

이 태그는 다음을 보여줍니다. 더 작은 텍스트.

강력한 태그

이 태그는 다음을 보여줍니다. 굵은 텍스트.

아래 첨자 태그

H로 과학 스타일링을 시작해보세요2O, "2"를 아래로 밀어야 합니다.

위 첨자 태그

여전히 과학과 알베르트 아인슈타인의 E = MC를 고수하고 있습니다.2, 2를 들어 올려야합니다.

텔레타이프 태그 (HTML5에서는 더 이상 사용되지 않음)

이 거의 사용되지 않는 태그는 에뮬레이트됩니다. 텔레타이프 텍스트, 일반적으로 다음과 같은 스타일이 지정됩니다. 꼬리표.

밑줄 태그 HTML 4에서는 더 이상 사용되지 않으며 다른 의미 체계와 함께 HTML5에서 다시 도입되었습니다.

이 태그는 다음을 보여줍니다. 밑줄 친 텍스트.

변수 태그

이를 통해 다음을 나타낼 수 있습니다. 변수.

이미지 조명

중심 정렬 이미지

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id,tincidunt sit amet ipsum.

In sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

왼쪽 정렬 이미지

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id,tincidunt sit amet ipsum. Proin magna dolor, fringilla nonmalesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. scelerisque est의 Vivamus.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. faucibus orci luctus et ultrices posuere cubilia의 Vestibulum ante ipsum primis. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. sed nibh arcu에서. orci a neque posuere fermentum의 마우리스. Aliquam eu accumsan nulla. Phasellustincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellustincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. 정수 facilisis aliquet elit, a egestas quam cursus quis. Mattis volutpat arcu에서. Vestibulum blandit purus sed nisi elementum.

오른쪽 정렬 이미지

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id,tincidunt sit amet ipsum. Proin magna dolor, fringilla nonmalesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. scelerisque est의 Vivamus.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. faucibus orci luctus et ultrices posuere cubilia의 Vestibulum ante ipsum primis. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. sed nibh arcu에서. orci a neque posuere fermentum의 마우리스. Aliquam eu accumsan nulla. Phasellustincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellustincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. 정수 facilisis aliquet elit, a egestas quam cursus quis. Mattis volutpat arcu에서. Vestibulum blandit purus sed nisi elementum.

왼쪽 정렬된 150 × 150 이미지

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id,tincidunt sit amet ipsum. Proin magna dolor, fringilla nonmalesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. scelerisque est의 Vivamus.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. faucibus orci luctus et ultrices posuere cubilia의 Vestibulum ante ipsum primis. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. sed nibh arcu에서. orci a neque posuere fermentum의 마우리스. Aliquam eu accumsan nulla. Phasellustincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellustincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. 정수 facilisis aliquet elit, a egestas quam cursus quis. Mattis volutpat arcu에서. Vestibulum blandit purus sed nisi elementum.

큰 이미지

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id,tincidunt sit amet ipsum.

서핑 레슨

In sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.