본문 바로가기

html10

15. Java Script 란 ? ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. 지난 회차에 웹서버를 내 컴퓨터에 설치하는 방법을 나름대로 적어봤습니다. 요즘은 무료호스팅하는 곳을 잘 찾아 활용하는 것이 더 효율적이긴 하지만, 기본적인 개념을 이해하는 데에는 내 컴퓨터에 설치해서 연습해보는 것이 많은 도움이 될 것입니다. https://pmxsg.tistory.com/21 14. 내 컴퓨터에 웹서버 설치하기 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. ​ 지난 회차에 클라이언트 와 서버의 개념에 대해 알아보면서 웹서 pmxsg.tistory.com 바퀴를 새로 만들지 마라 코딩 공부를 하.. 2022. 3. 22.
12. HTML <iframe> 태그 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. 지난 회차에 table 태그를 이용해 표를 만들어 봤습니다. 그 table 태그는 단순한 표를 만드는 것 이외에 활용도가 많이 있습니다. 태그 안에 거의 모든 태그를 삽입할 수 있기 때문에 표 형태의 구조를 사용할 때 유용합니다. 후에 추가로 table 태그에 대해서는 다시 올려보도록 하겠습니다. https://pmxsg.tistory.com/16?category=1000842 10. HTML - 태그 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> HTML - table 태그 지난 회차에 CSS-선택자에.. 2022. 3. 12.
10. HTML - <table> 태그 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> HTML - table 태그 지난 회차에 CSS-선택자에 대해서 기본적인 몇가지를 이용해서 웹페이지를 업데이트를 해봤습니다. CSS는 혼자서는 그 기능을 못하지만, HTML과 케미를 이루면 웹페이지를 풍성하게 만들어 주는 역할을 합니다. HTML의 table 태그는 말 뜻 그대로 "표"를 만들어지는 태그인데, 이 table은 CSS를 만나면 다른 태그들보다 시너지 효과가 큽니다. 그래서, CSS를 어느 정도 이해한 후 table 태그에 대해서 알아보려고 합니다. Table 태그의 구성원들 1. 표로 나타내고자하는 전체를 감싸주는 태그입니다. 2. 표 안의 각각의 내용이 들어갈 .. 2022. 3. 6.
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.