[마크다운 & 태그] #5 - 타이틀과 하단 레이아웃



#5 - 타이틀과 하단 레이아웃

이번 마크다운은 타이틀과 하단 레이아웃입니다.
제가 직접 써보고, 앞으로도 계속 쓸만한 것들만 모아보았습니다.
작은 영역인 상단과 하단만 신경써도,
글의 첫과 끝이 인상깊을 수 있거든요.






타이틀 레이아웃

Title 1
팁 : <pre></pre>를 쓰시면 영문폰트를 다르게 쓸 수 있어요.
맥에서 보면 영문 타자기체로 나온답니다. 윈도우는 폰트만 약간 달라져요.




S T E E M I T  W R I T E R S

   A little space to be creative  





TItle 2
이 타이틀이 쓰인 글 링크


그냥 가만히 있었는데요
Written by @tagyourname





Title 3
이 타이틀이 쓰인 글 링크



이렇게 작지만 확실한 행복
무라카미 하루키 | 문학사상 | 2015.06.26





Title 4
아직 안 써봤지만 추천..!



바깥은 여름

풍  경  의  쓸  모












인용문, 하단 양식

Quotation 1
글 중간에 인상깊은 문장, 구문에 넣으면 좋을 것 같아요.




작은 디테일로
글에 영혼을 불어넣어볼까요





Quotation 2
브런치 글에서 보던 그 북마크! 만들어봤습니다.




이 이미지는 다음 브런치 포스팅에서 벤치마킹했어요.
글 마지막에남기고 싶은 메시지 또는 태그와 함께 사용해보세요.

#kr-movie | #kr-book | #kr-travel | #essay | #kr-pen








이 글의 소스코드

이 글의 소스코드는
세계님이 만들어주신,스팀툴 에서 보실 수 있습니다.


코드보기전에

기초 마크다운 팁
이지스팀잇-마크다운을 알아보자1
이지스팀잇-마크다운을 알아보자2

고급 마크다운 팁
낸드님 -마크다운 심화와 태그
Slay님 - 왼쪽 및 오른쪽 정렬하는 법과 이미지 옆에 문단을 정렬시키는 방법


지난글

#1 - 티져 (feat.글자반 여백반)
#2 - 잡지같이 포스팅해보자
#3 - 핀터레스트 스타일로 포스팅해보자
#4 - 세로로 된 타이틀이 적힌 양식


몇 일 바빠서 글을 오랜만에 올리는 기분이네요ㅎㅎ
div를 더 파보고 싶었지만, 모바일에서 레이아웃이 변형되어서 잠시 손을 놓았습니다.
좀 더 간략하면서 효과적인 양식을 생각하다가 타이틀, 하단양식을 공유드립니다.
글쓰기에 마지막 기분좋은 터치로 쓰였으면 하는 바램입니다 :-)
또 언제 공유할 수 있을지 모르겠지만, 새로운 발견이 있으면 또 엮어서 공유하겠습니다.

H2
H3
H4
Upload from PC
Video gallery
3 columns
2 columns
1 column
113 Comments