전체 글92 10. HTML - <table> 태그 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> HTML - table 태그 지난 회차에 CSS-선택자에 대해서 기본적인 몇가지를 이용해서 웹페이지를 업데이트를 해봤습니다. CSS는 혼자서는 그 기능을 못하지만, HTML과 케미를 이루면 웹페이지를 풍성하게 만들어 주는 역할을 합니다. HTML의 table 태그는 말 뜻 그대로 "표"를 만들어지는 태그인데, 이 table은 CSS를 만나면 다른 태그들보다 시너지 효과가 큽니다. 그래서, CSS를 어느 정도 이해한 후 table 태그에 대해서 알아보려고 합니다. Table 태그의 구성원들 1. 표로 나타내고자하는 전체를 감싸주는 태그입니다. 2. 표 안의 각각의 내용이 들어갈 .. 2022. 3. 6. 1. 정재승의 "과학 콘서트" ◈ 과학, 실험실을 빠져나와 무대에 서다. ♥ 경제학,심리학,사회학,미학을 넘나들며 펼치는 지상최고의 콘서트 ♥ “과학콘서트” 책의 뒷면에 있는 광고카피 문구이다. 읽고 난 후 눈에 확 들어온 문구였는데, 이 책에 대해 가장 잘 표현한 말이 아닐까 생각이 들었다. 아마도 광고카피를 전문적으로 만드는 사람이 책을 잘 알리기 위해 수많은 고침을 통해 만들어진 문구일 테니 말이다. 이 책의 내용은 이 광고카피처럼 과학적인 내용 뿐만 아니라 다양한 분야도 다루고 있어, 과학 한 분야에 대한 얘기가 아니라 소위 융합적인 책이라는 느낌을 받았다. 읽고 난 후의 첫 인상은 책에서 언급되는 내용들이 내가 어렴풋이 아는 것들도 있었는데, 읽고 난 후 좀 더 명확해지는 것 같았다. 그리고 새롭게 알게 된 내용들은 좀 더 .. 2022. 3. 3. 9. CSS - 선택자 ( Selector ) ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> CSS - 선택자 (Selector) 지난 회차에 Float를 이용해서 기존 만들어 왔던 내용을 업데이트를 했습니다. 이번 회차에는 조금은 이론적인 얘기를 해보려 합니다. 처음 코딩을 시작하면서 가장 헷갈리고 이해하기 어려웠던 부분이 이론적으로 설명해 놓은 것을 이해하는 것이었었습니다. 그냥 무작정 코드를 카피해서 한 번 실행해보고 미리 짜 놓았던 내용을 그 가지고 온 코드 안에 적용시켜 넣어서 실행하는 방법을 주로 써왔습니다. 그런데, 문제는 가지고 온 코드가 한가지 일 때는 크게 문제 없이 잘 실행되지만, 코드가 여러가지가 섞이게 되니까 에러가 많이 발생하는 것이었습니다. .. 2022. 2. 23. 8. CSS Float ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> CSS - Float 지난 회차에 레이아웃을 Holy Grail Layout을 이용해서 기존 만들어 왔던 내용을 업데이트를 했습니다. 이제 큰 구조의 설계는 끝난 것이라 이제는 내부 인테리어를 잘 꾸미는 것과 자신의 넣고 싶은 데이터를 계속 늘려가시면 하나의 근사한 웹사이트가 완성될 것입니다. Version 5. 이제 내부 인테리어를 꾸며 보려 합니다. 위에 이미지만 좀 생뚱맞게 있는 것 같아 이미지 옆으로 아래의 내용이 나타나게 해보려 합니다. CSS - Float 활용하기 이럴 때, 가장 유용한 것이 float라는 것 입니다. 우선, w3c school로 일단 찾아갑니다. .. 2022. 2. 18. 7. CSS 레이아웃(Layout) ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> CSS 레이아웃( Layout ) 지난 회차에 페이지를 분리해 5페이지를 만들고 CSS 기본적인 코드로 글자색, 배경색 등을 적용시켜 보았습니다. CSS는 HTML과 함께해야만 작동하는 코드임을 알고 계셨으면 합니다. 말인즉, CSS는 혼자서는 아무것도 할 수 없다는 것입니다. 아마도 HTML이나 CSS 관련 동영상을 보셨다면, HTML은 정보의 역할을 하고 CSS는 디자인 역할을 한다는 얘기를 많이 들으셨을겁니다. CSS없이 HTML은 혼자서 충분한 역할을 할 수 있습니다. 따라서, CSS는 필요할 때 하나씩 알아가셔도 웹페이지를 만드는 데는 아무런 문제가 없습니다. 그러나,.. 2022. 2. 17. 6. CSS ? 넌 누구냐? ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> CSS? 넌 누구냐 ? 지난 회차까지 해서 , 태그를 이용해 웹페이지를 좀 구성해 봤습니다. 그런데, HTML로만 만든 결과물은 그냥 워드를 이용한 것과 별 반 다르지 않습니다. 다른 웹사이트랑 연결 된다는 것 빼고는. (사실 워드에 링크를 걸어도 요즘은 시간이 좀 걸릴 뿐 연결은 잘 됩니다.) 처음에 HTML 예제들을 찾아봐도 HTML만 되어 있는 경우도 거의 없고 태그가 같이 있는 것이 많았습니다. 그래서, 이건 또 뭔가 싶어 찾아보니, CSS란 말이 자주 언급되더군요. CSS 를 찾아보면, 종속형 시트 또는 캐스케이딩 스타일 시트(Cascading Style Sheets,.. 2022. 2. 16. 이전 1 ··· 11 12 13 14 15 16 다음
