코딩8 12. HTML <iframe> 태그 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. 지난 회차에 table 태그를 이용해 표를 만들어 봤습니다. 그 table 태그는 단순한 표를 만드는 것 이외에 활용도가 많이 있습니다. 태그 안에 거의 모든 태그를 삽입할 수 있기 때문에 표 형태의 구조를 사용할 때 유용합니다. 후에 추가로 table 태그에 대해서는 다시 올려보도록 하겠습니다. https://pmxsg.tistory.com/16?category=1000842 10. HTML - 태그 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> HTML - table 태그 지난 회차에 CSS-선택자에.. 2022. 3. 12. 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. 5. HTML <li>, <img> 태그 활용 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> HTML , 태그 활용 지난 회차에 태그를 사용하면서 다른 웹페이지와의 연결을 시켰습니다. 저는 개인적으로 HTML로 만드는 웹페이지에 가장 핵심이 태그라고 생각합니다. 인터넷의 가장 큰 장점이 연결이라고 보기 때문에 그 연결의 핵심인 태그를 알았다면 HTML의 90% 이상을 알게 된 것이라 생각합니다. 이제 몇가지 유용한 태그들을 사용해 보고 HTML은 마무리 하려고 합니다. Version 2. 여기에 , 태그를 사용해서 좀 더 보기 좋게 만들어 보고자 합니다. , 태그 먼저, 태그에 대해 간단히 설명하자면, - list의 약자로 목록을 만드는 데 사용 - 단독으로는 사용하지.. 2022. 2. 15. 4. HTML의 중심 <a> 태그 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. 아기가 걸음마 처음 하는 것처럼 힘든 일입니다. 그런데, 일단 한 걸음을 떼면 넘어지기 전까지 몇 걸음은 걸어갑니다. 첫 걸음이 어렵지 그 다음 몇 걸음은 더는 쉽게 나아가는 것처럼 나에게 코딩도 처음 백지상태로 아무것도 모르던 상태에서 시작하는 데에는 오랜 시간이 걸렸지만, 일단 코딩을 시작한 후에 "시작이 반"이란 말을 새삼 새롭게 느꼈습니다. 지난 회차에 일단 HTML로 일단 웹페이지를 만들었으니, 내친 김에 몇 걸음 더 나아가 보려합니다. >>> HTML의 중심 태그 Version 1 여기에 몇가지 태그들을 보태서 좀 더 보기 좋게 바꿔보려 합니다. 태그 그리고 지금도 HTML.. 2022. 2. 14. 이전 1 2 다음
