마크업: HTML 태그 및 서식 지정

제목

헤더 1

헤더 2

헤더 3

헤더 4

헤더 5
헤더 6

블록따옴표

한 줄 큰따옴표:

계속 굶주려라. 어리석음을 유지하세요.

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

사람들은 집중력이란 집중해야 할 대상에 '예'라고 대답하는 것을 의미한다고 생각합니다. 하지만 그것은 전혀 다른 의미입니다. 그것은 수백 가지의 다른 좋은 아이디어에 대해 '아니오'라고 말하는 것을 의미합니다. 신중하게 선택해야 합니다. 저는 사실 우리가 해낸 일들만큼이나 해내지 못한 일들이 자랑스럽습니다. 혁신은 1,000가지에 대해 '아니오'라고 말하는 것입니다.

스티브 잡스 - Apple 세계 개발자 회의, 1997

테이블

직원 급여
신원 미상 $1 스티브 잡스에게 월급은 그 정도면 충분했기 때문입니다.
신원 미상 $100K 그녀가 하는 모든 블로깅을 위해.
프레드 블로그 $100M 사진은 천 마디 말보다 낫죠? 그러니 제인 × 1,000.
제인 블로그 $100B 저런 머리로?! 충분히 말했어...

정의 목록

정의 목록 제목
정의 목록 나누기.
시작
스타트업 기업 또는 스타트업은 반복 가능하고 확장 가능한 비즈니스 모델을 찾기 위해 설립된 회사 또는 임시 조직입니다.
#도워크
롭 다이덱과 그의 개인 경호원 크리스토퍼 '빅 블랙' 보이킨스가 만든 'Do Work'는 친구들에게 동기를 부여하는 셀프 동기부여 역할을 합니다.
Do It Live
빌 오라일리가 설명 이걸로요.

정렬되지 않은 목록(중첩)

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

정렬된 목록(중첩)

  1. 목록 항목 1
    1. 목록 항목 1
      1. 목록 항목 1
      2. 목록 항목 2
      3. 목록 항목 3
      4. 목록 항목 4
    2. 목록 항목 2
    3. 목록 항목 3
    4. 목록 항목 4
  2. 목록 항목 2
  3. 목록 항목 3
  4. 목록 항목 4

HTML 태그

지원되는 태그는 워드프레스닷컴 코드에서 가져옵니다. 자주 묻는 질문.

주소 태그

1 무한 루프
쿠퍼티노, 캘리포니아 95014
미국

앵커 태그(일명 링크)

다음은 링크.

약어 태그

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

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

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

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

이러한 테스트는 거래가 있지만 이 태그는 HTML5에서 더 이상 지원되지 않습니다.

인용 태그

"코드는 시입니다." -오토매틱

코드 태그

이 테스트의 뒷부분에서 다음 사항을 배우게 됩니다. 단어-괄호: 단어 끊기; 가 가장 친한 친구가 될 것입니다.

태그 삭제

이 태그를 사용하면 다음을 수행할 수 있습니다. 삼진아웃 텍스트를 사용하지만 이 태그는 HTML5에서 더 이상 지원되지 않습니다( <스트라이크 대신).

태그 강조

강조 태그는 다음과 같아야 합니다. 이탤릭체 텍스트.

태그 삽입

이 태그는 다음을 나타내야 합니다. 삽입 텍스트.

키보드 태그

잘 알려지지 않은 이 태그는 다음을 에뮬레이트합니다. 키보드 텍스트와 같은 스타일이며, 일반적으로 태그.

미리 포맷된 태그

이 태그는 큰 코드 블록의 스타일을 지정합니다.

.post-title {
	여백: 0 0 5px;
	글꼴 무게: 굵게
	font-size: 38px;
	줄 높이: 1.2;
	PRE 태그가 어떻게 처리하는지, 어떻게 넘쳐나는지 알아보기 위해 정말 정말 정말 긴 텍스트를 한 줄로 작성해 보겠습니다;
}

견적 태그

개발자, 개발자, 개발자... -스티브 발머

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

이 태그는 다음을 표시합니다. 취소선 텍스트

강력한 태그

이 태그는 다음을 표시합니다. bold 텍스트.

구독 태그

H로 과학 스타일링하기2O를 누르면 '2'가 아래로 밀려나야 합니다.

위 첨자 태그

여전히 과학과 아이작 뉴턴의 E = MC를 고수합니다.2를 누르면 2가 위로 올라갑니다.

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

거의 사용되지 않는 이 태그는 다음을 에뮬레이트합니다. 텔레타이핑 텍스트와 같은 스타일이며, 일반적으로 태그.

가변 태그

이를 통해 다음을 표시할 수 있습니다. 변수.

마크업: 텍스트 정렬

blog4

기본값

이것은 단락입니다. 어떤 종류의 정렬도 없어야 합니다. 평소에 예상하는 대로 흘러가면 됩니다. 화려하지 않아야 합니다. 사랑을 담아 자유롭게 흐르는 직설적인 텍스트만 있으면 됩니다. 완전히 중립적이고 어느 한 편에 치우치거나 울타리에 앉지 않아야 합니다. 그냥 그대로입니다. 그냥 있는 그대로입니다. 있는 그대로를 좋아합니다. 어느 한 편을 선택해야 한다는 강박관념을 느끼지 않습니다. 그냥 내버려둬요. 그렇게하는 것이 더 좋을 것입니다. 날 믿어.

왼쪽 정렬

이것은 단락입니다. 왼쪽으로 정렬되어 있습니다. 이 때문에 보기가 좀 더 자유롭습니다. 가장 좋아하는 색상은 녹색입니다. 왼쪽 정렬이 더 친환경적인 경향이 있지만 실제로 그렇다는 구체적인 증거는 없습니다. 부를 균등하게 나누는 것을 좋아하지만, 평등한 분배는 정의로운 정렬에 맡깁니다.

중앙 정렬

이것은 단락입니다. 중앙에 정렬되어 있습니다. 중심은, 그러나 본질적으로, 펜스 시터입니다. 플립 플롭퍼입니다. 결정을 내리는 데 어려움을 겪습니다. 어느 한 쪽을 선택하고 싶어합니다. 정말 그렇습니다. 최선의 의도를 가지고 있지만 도움이 되기보다는 문제를 더 복잡하게 만드는 경향이 있습니다. 여러분이 할 수 있는 최선은 상대를 설득하고 최선을 다하는 것입니다. 센터 정렬은 뇌물을 받는다고 들었어요.

오른쪽 정렬

이것은 단락입니다. 올바르게 정렬되어 있습니다. 조금 더 보수적인 관점을 가지고 있습니다. 무엇을 해야 하는지, 어떻게 해야 하는지 지시를 받지 않는 것을 선호합니다. 오른쪽 정렬은 총을 많이 소유하고 있으며 연습을 위해 사격장에 가는 것을 좋아합니다. 멋진 일이죠. 적어도 축구장 4~5개 정도 떨어진 곳에서도 꽤 잘 쏘거든요. 맞아요. 그렇죠, 보스

정렬 정당화

이것은 단락입니다. 정당한 정렬입니다. 사람들이 저스틴 팀버레이크와 연관시키면 정말 화가 납니다. 일반적으로 정당화는 꽤 똑바로 묶여 있습니다. 다른 정렬처럼 모든 것이 제자리에 있는 것을 좋아하고 다른 정렬처럼 모든 고양이가 제자리에 있는 것을 좋아하지 않습니다. 그렇다고 해서 다른 얼라인먼트보다 낫다는 말은 아니지만, 엘리트주의적인 태도가 더 많이 드러나는 경향이 있습니다.

마크업: 이미지 정렬

이미지 정렬에 오신 것을 환영합니다! 다양한 이미지 배치 옵션의 밀물과 썰물을 보여주는 가장 좋은 방법은 단어의 바다에 이미지들을 적절히 배치하는 것입니다. 패들을 잡고 시작해보세요.

정렬 주제에 대해 사용자는 다음 옵션 중에서 선택할 수 있습니다. 없음왼쪽맞습니다, 그리고 센터. 또한 다음과 같은 옵션도 제공됩니다. 썸네일Medium대형 & 전체 크기.

이미지 정렬 580x300

위의 이미지는 가운데.

이미지 정렬 150x150이 단락의 나머지 부분은 텍스트가 150×150 이미지를 감싸는 것을 보기 위한 필러입니다. 왼쪽 정렬.

보시다시피 이미지의 위, 아래, 오른쪽에 약간의 공간이 있어야 합니다. 텍스트가 이미지에 스며들지 않아야 합니다. 크리핑은 옳지 않습니다. 이미지에도 숨 쉴 공간이 필요합니다. 이미지가 말하듯 말하게 하세요. 텍스트의 방해 없이 이미지가 제 역할을 하도록 하세요. 여기서 한 문장을 더 보면 텍스트가 이미지 오른쪽에서 이미지 아래로 매끄럽게 전환되는 것을 볼 수 있습니다. 다시 말하지만, 그냥 놔두면 됩니다. 미션 달성!

그리고 이제 엄청나게 큰 이미지. 또한 정렬 없음.

이미지 정렬 1200x400

위 이미지는 너비가 1200px이지만 콘텐츠 영역을 넘지 않아야 합니다. 콘텐츠의 흐름에 방해가 되지 않아야 합니다.

이미지 정렬 300x200

이제 우리는 모든 것을 오른쪽 정렬. 다시 말하지만, 이미지의 위, 아래, 왼쪽에 충분한 공간이 있어야 합니다. 저기 저 친구 좀 보세요... 이봐요! 오른쪽을 멋지게 흔들었네요. 왼쪽으로 정렬된 이미지가 뭐라고 하든 상관없어요, 멋져요. 다른 사람이 다르게 말하게 두지 마세요.

여기서 조금만 기다리면 텍스트가 오른쪽으로 정렬된 이미지 아래로 감싸기 시작하고 멋지게 자리 잡는 것을 볼 수 있을 것입니다. 여전히 공간이 충분하고 모든 것이 예쁘게 배치되어야 합니다. 네... 바로 이렇게요. 옳다는 것이 이렇게 기분이 좋았던 적은 없었습니다.

다 끝났다고 생각하실 때쯤, 캡션으로 다시 한 번 해보겠습니다!

이미지 정렬 580x300

580×300을 보면 캡션 사랑.

위의 이미지는 가운데. 캡션에는 링크도 포함되어 있습니다.

이미지 정렬 150x150

작은 캡션.

이 단락의 나머지 부분은 텍스트가 150×150 이미지를 감싸는 것을 보기 위한 필러입니다. 왼쪽 정렬.

보시다시피 이미지의 위, 아래, 오른쪽에 약간의 공간이 있어야 합니다. 텍스트가 이미지에 스며들지 않아야 합니다. 크리핑은 옳지 않습니다. 이미지에도 숨 쉴 공간이 필요합니다. 이미지가 말하듯 말하게 하세요. 텍스트의 방해 없이 이미지가 제 역할을 하도록 하세요. 여기서 한 문장을 더 보면 텍스트가 이미지 오른쪽에서 이미지 아래로 매끄럽게 전환되는 것을 볼 수 있습니다. 다시 말하지만, 그냥 놔두면 됩니다. 미션 달성!

그리고 이제 엄청나게 큰 이미지. 또한 정렬 없음.

이미지 정렬 1200x400

시선을 사로잡는 대량의 이미지 댓글.

위 이미지는 너비가 1200px이지만 콘텐츠 영역을 넘지 않아야 합니다. 콘텐츠의 흐름에 방해가 되지 않아야 합니다.

이미지 정렬 300x200

항상 옳은 일을 하면 기분이 좋습니다.

이제 우리는 모든 것을 오른쪽 정렬. 다시 말하지만, 이미지의 위, 아래, 왼쪽에 충분한 공간이 있어야 합니다. 저기 저 친구 좀 보세요... 이봐요! 오른쪽을 멋지게 흔들었네요. 왼쪽으로 정렬된 이미지가 뭐라고 하든 상관없어요, 멋져요. 다른 사람이 다르게 말하게 두지 마세요.

여기서 조금만 기다리면 텍스트가 오른쪽으로 정렬된 이미지 아래로 감싸기 시작하고 멋지게 자리 잡는 것을 볼 수 있을 것입니다. 여전히 충분한 공간이 있어야 하고 모든 것이 예쁘게 배치되어야 합니다. 네... 바로 이렇게요. 옳다는 것이 이렇게 기분이 좋았던 적은 없었습니다.

여기까지입니다! 여러분은 정렬의 격랑에서 살아남았습니다. 이미지 정렬 업적이 잠금 해제되었습니다!