공학도의 잡다한 시선

[css] 글자 굵게 기울기 속성 (font-style, -weight) 아작내버리기 이번 글에서는 css를 사용해서 글자의 스타일과 두께(굵기)를 지정해버리도록 하겠습니다. 사실 스타일이라고하면 글자를 기울게 하는 것이 있고 두께라고 하면 굵게하는 것이 답니다. 그런데 글을 쓸 때 굵게하는 효과를 아마 좀 많이 사용하지 않을까 생각되네요. 요즘은 그냥 글을 쓸 때 웹프로그래머가 만들어 놓은 에디터를 사용하지만.. 지금 제가 쓰고 있는 이것도 티스토리용 에디터죠. 그래도 무슨 코드가 먹히면 이런 스타일이 적용되는지 궁금하지 않나요? 전 궁금하던데 html을 사용하는 것이 아니라 css를 사용해 볼게요. 위와같이 h3을 선택자로 지정하고 font-style 속성을 사용했습니다. 이 속성은 기울임꼴의 글꼴이..

[html-css] 줄간격 정렬, 밑줄 (text-align-decoration,line-height)웹프로그래밍 입니다.CSS는 캐스케이딩 스타일 시트의 약자로 HTML과 함께 사용되어페이지를 더 효율적으로 꾸밀 수 있게 해줍니다.이를 활용하면 더 풍부한 디자인가 사이트 유지보수가 가능합니다.위와 같이 작성된 CSS는 라인 8번에서 17번까지 작성되어있습니다.style태그로 감싸서 설정해 주면되고이때 사용 방법은 선택자{ 속성 : 값; . . .} 이런 식으로 적용하면됩니다.위에작성된 방식은 내부스타일시트 방식입니다.내부스타일 시트는 html문서의 head태그 안에 스타일시트가 삽입된 것을 뜻합니다.추가적으로 바디태그 안에서 속성 에서 바로 style을 적용시켜주는 것과외부스타일 시트로 CSS를 삽입하..

시험을 위한 html정리를 끄적여봤습니다 본, 포스팅은 제가 학교에서 볼 중간고사를 대비하기 위해 작성되었습니다. 중간고사는 전체 성적의 30%센트이고 앞 챕터라서 난이도도 쉬운편이니 기말때 더 힘차게 공부를 해야한다. 과제는 20%이다. 중간고사랑 거의 맞먹는 펀센티지라서 과제도 소홀히해서는 안된다.HTML의 문서구조살펴보기 html의 기본 형식이다.css는 아직 안배웠기 때문에 사용하면 안된다.meta 태그에 마지막에있는 /는 엄격한 문장을 위해 삽입하지만,수업특성상 고급지게 하면 쓴소리 듣기 일수이니그냥 '/'는 생략하고 작성하자.(사실 없어도 정상적으로 실행이 가능하다.) 문자세트는 utf-8로 설정한다.텍스트 저장시 국제표준이기 때문이다. title태그는상단탭제목을 쓸 때 쓴다고 보면된다. 그 ..

html - H태그 모든 문서에는 제목이 있기 마련입니다. 제목이 없는 책을 본 적이 있나요? 없을 겁니다. 마찬가지로 웹페이지도 타이틀이있고 본문에도 제목이있습니다. 이때 사용하는 태그가 바로 html에서 h태그입니다. 헤드라인이라고 생각하시면 되겠습니다. 지금 저기 위에 보이는 큰 글자도 바로 h1태그를 사용한 모습입니다. 태그 사용방법은 간단합니다. 위 처럼 제목을 감싸주도록 h태그를 열고닫아주면 됩니다. 또 H태그는 h1부터 h6까지 있습니다. 이건 제목에 매겨지는 수준이라고 생각하시면되는데요? 1이가장 높은수준(순위)의 제목이고 6이 가장 낮은수준의 제목이라고 생각하면되겠습니다. 이건 이렇게 생각하시면됩니다. 문서에는 주제목이 있으면 부제목이 있기 마련이죠 또 소제목도 있을 수 있고요. html..

HTML a태그 속성(href, target,id 속성) html의 a태그라고하면 기본적으로 우리가 인터넷에서 쓰는 링크를 생각하면되겠습니다. 속성이라고 하는 이 a태그를 이용하게 되면 간단하게 클릭만 하면 해당 주소로 이동할 수 있게 할 수 있습니다. (텍스트나 이미지를 클릭해서 이동이 가능하게 해준다.) 링크를 걸기위해서는 속성으로는 href를 사용해서 위와 같이 쓰시면되고, target속성은 해당 속성링크를 눌렀을 때 창을어디다가 띄울지 정하는 거라고 보면 되겠습니다.태그속성href 속성a태그에서 href 값으로 정해준 주소로 이동한다.Hypertext Reference의 약자이기도 하다.target 속성웹페이지에서 새창에서 열거나 현재창에서 여는 것을 정할 때 쓰는 속성이다._self, _pare..

HTML 기본 태그와 문서 구조 웹프로그래밍이라고 하면 보통 html과 css를 사용해서 하게됩니다.1학년 때 공부했었지만 군대다녀오니 까먹었고 css는 맛도 못보고 끝나버려서 다시 수강하게되었네요.블로그를 하며 많이 봐왔던게 html이고 배워두면 확실히 쓸일이 많기 때문에 학습시작합니다.(cf. 학습으로 사용되는 기본교재는 HTML&CSSforBeginner(ISBN:979-11-5664-279-4(93000)을 사용함.) 이번 포스팅에서는 html의 기본적인 태그와 문서구조를 알아보겠습니다. 가장 먼저보이는 !DOCTYPE 이 녀석은 html문서 버전을 알려줍니다.맨위에 저런 코드를 입력해두면 아 이게 html5로 작성된 문서구나 하고 컴퓨터가 알아먹는겁니다.앞으로 공부하게될 것도 html5이니 자주..

네이버 웹마스터도구 수집실패 얼마전 4월 11일에 티스토리 블로그(현재 이 블로그) 스킨을 변경했다. 원래 기본스킨 반응형 스킨인 #1스킨을 적용해서 쓰고있었는데 방문자가 왔을때 페이지뷰를 늘릴라면 카테고리나 최근글 등이 잘 노출되는 스킨이 필요할거라고 생각해서 readiz님의 fastboot 스킨을 적용했다. 그런데 여기서 문제가 발생했다. 혹시 바꾸고 나서 네이버 반영이 될까 해서 바로 수동수집으로 글을 수집해 봤는데 수집실패가 딱.. 정말 너무나 마음이 아팠지만 검색해봤더니 스킨변경후 이런 경우가 많다는 것을 알게되고 여러가지 방법들을 봤으나 최대 일주일 정도 기다리면 검색로봇이 알아서 다시 반영을 해준다고해서 나도 그냥 무작정 기달렸다.. 그런데 7일이 넘어 8일 9일 이렇게 넘어가도 전혀 반영이..