B와 D사이의 C

대표적인 웹표준 기준인 html5를 하면서 웹표준을 생각하지 않을 수 없겠다. 그러나 코딩을 줄줄 짜다보면 h1 h2 h3... 이렇게 아무 생각없이 줄줄 써내려 갈때도 있고 태그나 태그나 뭐 크게 다르겠나 생각할 수도 있다. 그래서 이번에 배운 hn태그와 strong 태그에 대해서 정리해 보려고 한다. 일단 예제를 보자. 이 페이지를 코드로 짠다고 하면,(sublime Text 활용) 여기서 h1 태그는 그 문서중에서 가장 중요한 것으로 인식하기 때문에 단순한 '제목태그'가 아니다. 크기는 CSS로 변경이 가능하기 때문에 h2, h3도 크기가 제목처럼 커질 수도 있고 굵기 조절도 가능한다. 그러나 가장 중요한 h1 없이 h2, h3이 나올 수가 없다고 보아야 한다. 또 h1,h2,h3에서 n의 경우 중..

공부는끝이없다/HTML5&CSS 2020. 7. 7. 14:17

오늘은 웹페이지에서 하이퍼링크를 연결하는 a 태그에 대해서 정리하려고 한다. a 태그는 href 속성을 가지고 있고, 이는 이동할 주소를 지정해주는 필수속성이다. 기본적인 틀은, 설명 이다. 여기서 URL은 실제 유효한 링크여야 하고, 만약 링크를 어디서 열것인지를 정하고 싶다면 뒤에 target을 지정해주고 로 닫아주면 된다. 예를 들면, 디폴트 값은 현재 브라우저에서 열리는 것이기 때문에 새 브라우저로 열고 싶다면 "_blank"를 지정해 주면 된다. target = "_blank" : 새브라우저 = "parnet" : 부모창에서 열림 = "_self" : 현재 브라우저(디폴트 값) = "_top" : 최상위 브라우저에서 열림 ="프레임이름" : 지정프레임에서 열림 여기서 parent의 경우 현재 프..

공부는끝이없다/HTML5&CSS 2020. 6. 23. 18:29

저번주 금요일(05.28)에는 html5 중 CSS를 배웠다. 지난 시간에 html5는 스케치라고 하면 CSS는 채색단계라고 표현한 적이 있는데 (뭐 맞는 표현인지는 모르겠으나) 채색 답게 진짜 하나하나 다 명령어를 입력해야 해서 한 시도 눈을 뗄수가 없었댜......... 어째뜬 html5에서 CSS를 시작하려면 여기서 h1 -> css적용대상 {} -> 명령 시작, 끝 ; -> 요소 끝 또 CSS에 주석을 달려면, /*주석내용*/ (*HTML 주석 2. 모듈화 : 외부스타일 폴더로 링크 연결 CSS를 html에 로 넣지 않고 외부 폴더로 빼서 링크를 연결하는 방식이다. 예를 들면, 저기서 안에 가 모듈화해서 외부 스타일 폴더를 입력한 것이다. 이게 기본 태그라고 보면 되고, css/style.css ..

공부는끝이없다/HTML5&CSS 2020. 6. 2. 15:56

요즘 국비로 UX/UI 과정을 듣고 있는데, 겁나 먼 안양으로 왔다갔다 하느라 아주 진이 빠진다. UX/UI과정이라고 해서 그에 대한 정의나 기초적인 개론을 먼저 할 줄 알았는데, 예상과 다르게 쓰는 툴이나 프로그램을 더 먼저 배우더라,,,, 뭐 장단점이 있겠지 포폴 반이라서 그런가. 암튼 그래서 어제는 갑자기 포토샵 열고 닫고 레이어 끄고 켜고를 배우더니, 다음 날엔 갑자기 html 코드짜는 걸 배워서 새삼 커리큘럼 격차에 심멎함... HTML5랑 CSS는 웹페이지를 만드는데 필수 언어라고 보면된다. 그니까 브라우저 열고 > 마우스 오른쪽 버튼> 페이지 소스보기를 누르면 개발자들의 피땀눈물이 끝이 안보일 만큼 나타나는 것을 볼 수 있다. 이것을 일반적으로 html5 코드라고 보면 된다. 브라우저를 만드..

공부는끝이없다/HTML5&CSS 2020. 5. 29. 10:46