UpWrite

목록을 만드는 태그 :: 목록을 만드는 태그는 기본적으로 블록 속성을 갖는다. 태그 (MDN) :: 순서가 상관없는 목록을 만들때 사용하는 태그. :: 항목 앞에 작은 원이나 사각형 같은 불릿(bullet)이 붙는다. :: HTML5에서는 이 불릿을 수정할 때 css의 list-style-type 속성을 사용할 것을 추천하고 있다. 태그 (MDN) :: 순서가 중요한 목록을 만들때 사용하는 태그. :: 항목 앞에 마커로 아라비아 숫자나 로마숫자, 영어가 붙는다. :: 이 카운터는 css의 list-style-type 속성으로 수정할 수 있다. :: 하지만 기술적, 법률적 문서에서는 HTML 태그 속성이 중요하므로 type 속성으로 바꿀 수 있다. :: type 속성은 1(숫자, 기본값), i(로마숫자 소..

텍스트 관련 태그 인라인 속성 ::태그의 디자인은 CSS로 바꿀 수 있으므로 태그의 '의미론적' 역할에 더 주목해야한다. 태그 (MDN) :: 중대하거나 긴급한 내용임을 나타내는 태그 :: 화면에는 굵은 텍스트(bold체)로 표시된다. -- 웹 접근성 도구는 strong 태그를 만나면 그 부분이 강조되었다고 알려준다고 하는데 도구에 따라 다른듯하다.. :: 태그를 겹쳐서 사용하는 것으로 더 강조할 수도 있다. (그렇다고 더 굵게 표시되지는 않는다.) 태그 (MDN) :: 텍스트를 굵게(bold체) 표시하는 태그. :: 현재는 그저 텍스트를 꾸미기 위해서 태그를 사용하는 것은 추천하지 않는다. :: 텍스트를 꾸미는 것이 목적이라면 css의 font-weight 속성을 쓰는 것이 추천된다. :: 태그에 대한..

HTML 텍스트 관련 태그 블록 속성을 가진 태그 태그의 디자인은 CSS로 바꿀 수 있으므로 태그의 '의미론적' 역할에 더 주목해야한다. ~ (MDN) :: 제목을 나타낼 때 사용하는 태그 :: 숫자가 작을수록 글씨 크기가 커진다. (MDN) :: 문단을 나타낼 때 사용하는 태그. :: p태그 내부 텍스트에 줄바꿈이 사용될 경우 띄어쓰기 하나로 표현된다. :: 텍스트의 길이가 텍스트가 담긴 박스 너비보다 길면 그 때 자동으로 줄바꿈이 된다. (MDN) :: 주로 긴 인용문을 나타낼 때 사용하는 태그. :: 사용시 내부 내용에 들여쓰기가 적용된다. :: cite 태그를 이용해 인용문의 출처를 표시할 수 있다. -- 들여쓰기를 사용하고 싶지 않은 짧은 인용문은 태그를 이용하면 된다. (MDN) :: 미리 서..

HTML 텍스트 관련 태그 블록(block) 속성과 인라인(inline) 속성 :: 태그의 자손으로 배치되어 브라우저 내에 표시되는 태그들은 두가지 display 속성 중 하나를 갖는다. :: 블록(block) 속성을 갖는 태그들은 내용 표시 후 줄바꿈이 된다. :: 인라인(inline) 속성을 갖는 태그들은 내용 표시 후 줄바꿈이 되지 않는다. See the Pen block by lypi (@Lypi) on CodePen. See the Pen blogging by lypi (@Lypi) on CodePen. 더보기 썸네일용

HTML 문서의 기본 구조 See the Pen basic-structure by lypi (@Lypi) on CodePen. 여기가 바로 본문이다. (MDN) :: 이 문서가 html(=html5) 문법이 적용된 문서임을 알려줌. HTML 태그에 포함되지는 않는다. :: 문서의 최상위에 위치해야한다. (MDN) :: 이하의 모든 태그는 태그의 자손이어여야 한다. (=내부에 있어야 한다.) :: 즉 모든 HTML 태그의 최상위 부모 요소여야 한다. (MDN) :: 태그 내부의 내용이 어떤 나라의 어떤 언어로 작성되었는지를 나타내는 속성. :: "언어코드-나라코드"의 값을 갖는다. :: 거의 html 태그에 사용하지만 전역 속성이므로 다른 태그에도 사용할 수 있다. (MDN) :: 웹 브라우저가 알아야 할..

우울함 한 컵, 무기력함 두 컵, 나머지는 무의미함으로 채워 넣었다. [2017.11.08] 삶이라는 큰 분류 중에 사람이라는 목록에 속해 있다. 삶이라는 큰 시간 중에 오늘이라는 하루를 살고 있다. 오늘이라는 세 컵보다 조금 긴 시간을 제목만큼 채워 넣었다. 매일 쓰는 재료들이라 남은 것들은 잘 밀봉하여 찬장에 정리하였다. 슬슬 새로운 재료들이 필요하였지만 손에 익은 재료들의 관성에 또 다시 다음으로 미뤄두게 되었다. 곧 더는 미루지 못할 시간들이 올 터였다. 그 시간들이 와서 우중충한 내 찬장을 화사하게 물들인다면 이 시는 지나간 어제가 되고 내 삶도 조금 평범해질 것이다. insta : lypi_isaak

가시돋친 날 내 감정이 가시가 되어 내 가슴을 뚫고나와 이러지도 저러지도 못하고 뒤척이게만 하는 날 고슴도치 한 아이 가시를 눕히고 나에게 찾아와 내 품 안에 자리를 잡은 날. 그 아이가 너무 슬프게 보여서 다른 아이들 찾아올 품까지 내어주고 보니 정작 내 눈은 다른 아이들만 찾고 있는 날. 내 품 속의 이 아이 하나 온전히 품어주지 못하면서... 내 슬픔에 내치지도 못하면서... 내 존재의 방향이 혼란스러운 날. 이토록 슬픈 날 안아줄 그대가 필요했다. insta : lypi_issak

주어 / 동사 / 목적어 / 부사 / 보어 / 수식어 전치사 / to 부정사 / 분사 / 관계사/ 접속사 / 의문사 절 [{( )}] 구 ____ 현재 파트 강조 부분. 19년 서울시 7급 17번 문제에서 발췌 55. First, they are integrated, meaning that [all media are increasingly communicated over a single common network]. 첫번째로, 그것들이 통합되어 있고, 모든 미디어들이 - 목소리, 오디오, 비디오, 또는 데이터 - 점점 더 하나의 공통 네트워크를 통해 의사소통되어지고 있다는 것을 의미한다. intergrat : ~을 통합하다. ~을 포함하다. communicate : ~와 의사소통하다. are integr..

주어 / 동사 / 목적어 / 부사 / 보어 / 수식어 전치사 / to 부정사 / 분사 / 관계사/ 접속사 / 의문사 절 [{( )}] 구 ____ 현재 파트 강조 부분. 07년 수능 24번 문제에서 발췌 48. , you may not ever notice the trees, But, according to a new study, they do a lot more than give shade. 당신이 길을 걸을 때, 당신은 나무들을 알아차리지 못할 수도 있지만, 새로운 연구에 따르면 그것들은 그림자를 드리우는 것 보다 더 많은 일을 한다. walk down the street : 길을 걷다. 19년 국가집 9급 9번 문제에서 발췌 49. , related ideas can be connected, bui..

주어 / 동사 / 목적어 / 부사 / 보어 / 수식어 전치사 / to 부정사 / 분사 / 관계사/ 접속사 / 의문사 절 [{( )}] 구 ____ 현재 파트 강조 부분. 19년 국가직 9급 10번 문제에서 발췌 42. very little feedback is needed because [they have displayed reliable and steady behavior in the past], knowing their tasks and realizing [what needs to be done]. 그들의 업무에 자리를 잡았고 발전가능성이 제한된 적당한 행위자들에게는, 피드백이 거의 필요하지 않은데 그들은 과거에 신뢰할만하고 꾸준한 행동을 보여주었으며, 그들의 업무를 알고 있고, 할 필요가 있는 것을..