Learning/HTML/CSS (4) 썸네일형 리스트형 CSS3 Generator_새로운 태그들 http://css3generator.com/ 참 신기하다. 이제 곧 HTML5도 그렇고 CSS3도 호환성만 해결이 된다면 많이 사용하게 될 버전. 사실 난 아직도 잘 웹프로그래밍에 대해서 잘 모르고 잘 못하지만, 가랑비에 옷 젖는 줄 모른다는 말이 있듯.좀 더디게 느껴지지만 조금씩 같은 내용도 반복하면서 배우는 중이다. 새로 추가된 태그나 명령어들을 여기서 쉽게 복사해서 쓸 수 있다. 위에 보이는 사진이 사이트 들어갔을 때 첫 페이지 이다. # Border Radius 이건 Border Radius 박스 라운드를 둥그렇게 해주는 태그이다. 1. Border Radius: 옆에 원하는 픽셀을 쳐주면 밑에 자동으로 태그가 생성된다.2. 해당 태그가 사용가능한 인터넷 브라우저가 나와있다. 마우스를 위에 올려.. [HTML] Contents (목차)_ul, ol, li 목차만들 때 숫자나 점으로 순서대로 글 쓸때 쓰는 코드다. A 점으로 차례대로 나타낼때 A 옆에 type에 숫자나 하고 싶은 것들을 쓰면 그대로 순서대로 나온다. A A 따로 타입을 치지 않아도 숫자로 나오는 코드 A 목차에서 문장을 안에 넣어주는 코드다. 아마 이렇게 글로 써서는 쉽게 이해가 안되는 코드인 거 같다. 아래처럼 코드를 쓰면 옆에 처럼 된다. html을 쓸때 그냥 쭉 써내려가기 보다는 그 코드별로 잘 나눠서 써야 나중에 틀린 것들 잡기도 쉽고, 나중에 일하게 되면 follow up하기도 쉽다. * 노트패드에 써서 html로 저장해도 나오지만, 그걸 좀 쉽게 쓸 수 있게 만들어진 프로그램이 EditPluse다. 나중에는 다른 프로그램으로 만들게 되겠지만 기본적인 것들을 배우고 해보는데 도움이.. [HTML] basic html code # 기본적으로 알아야 하는 HTML code - 구글에서 원하는 것들을 검색해도 잘 나온다. 줄바꿈- 한개당 한줄이다. 예를 들어 - 이렇게 쓰면 두줄 스페이스가 생긴다. a 줄바꿈을 일일히 할 필요없이 를 문장 또는 문단에 사용하면 자동으로 한 줄이 떨어진다. a 제목에 넣을 때 글자가 굵어지고 커진다. 역할도 함께하기 때문에 중복으로 쓰지 않아도 된다. A 글자를 이텔리체로 만들어준다. A 글자를 굵게 해준다. 중간에 라인이 생긴다. A 글자가 위로 올라간다. 제곱같은 표시 A 글자색, 글자크기, 글자체를 지정해준다. © 홈페이지 아래 보면 C하고 동그라미가 되어있는 copyright 표시를 해준다. # 이미지 삽입하기. 풀어보면 src는 소스라는 뜻이고, image는 폴더 이름이고, evra.jpg.. HTML 수업 시작 오늘 드디어 고대하던(?) 수업 시작. 처음이라 좀 알고 있었던 것도 있어서 어렵진 않았는데 괜히 신이 났다. 너무너무 잼난다. 대학교 다닐때 통계 프로그램을 돌리며 머리 쥐어짜면서도 잼있어했던게 생각난다. 배울 때마다 블로그에 올려볼까 한다. 누군가에게 도움이 될거란 생각보다는 내가 올리면서 공부가 될 것 같고 정리가 될 것 같다. 사실 성경공부에 대한 것도 올리는 이유가 같다. 올리면서 복습과 예습이 동시에 되는 것 같다. 아직 초보. 이제 시작!!! 예히~ 갈길이 좀 멀어보이지만 신난다. 이전 1 다음
