프로그램 개발(분석, 설계, 코딩, 배포)/2.1.1 web_html10 html xhtml html5 출처: https://www.tcpschool.com/html/html_expand_xhtmlHTML과 XHTMLXHTML(EXtensible HTML)XHTML은 EXtensible HTML을 의미합니다.XHTML은 HTML과 거의 비슷하지만, 문법의 적용이 조금 더 엄격한 특징을 가지고 있습니다.좀 더 엄격한 버전인 XHTML을 사용하는 이유오늘날 웹 콘텐츠는 기존의 PC 위주의 환경에서 벗어나 여러 다양한 플랫폼에서 더욱 많이 이용되고 있습니다.따라서 부정확한 HTML 문법을 지원하는 데 필요한 자원이 부족한 환경이 점차 생겨나기 시작합니다.XHTML 문서는 하나의 XML 문서로서 문법적으로 정확하므로, 표준 XML 라이브러리를 이용한 자동화된 처리가 가능해집니다. XML 수업 확인하러 가기 =>X.. 2024. 10. 16. 코딩 없이 ChatGPT를 이용해서 웹페이지 만들기 출처: https://medium.com/kbanktech/%EC%BD%94%EB%94%A9-%EC%97%86%EC%9D%B4-chatgpt%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%B4%EC%84%9C-%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-dfb040d46d61 최근 ChatGPT는 일상 생활, 창작활동, 개인 업무 등 다양한 분야에 활용되고 있습니다. 특히 법률 자문, 소설쓰기, 프로그래밍 등 전문가의 영역으로 생각되었던 것들이 ChatGPT를 통해 비교적 쉽게 정보를 얻고 활용할 수 있게 되었습니다. 따라서, 해당 포스트에서는 ChatGPT를 이용하여 프로그래밍을 잘 모르는 일반인들도 쉽게 따라하여 웹.. 2023. 12. 9. A4 용지 크기의 페이지 만들기 출처: https://bloghelloworld.tistory.com/254 1. HTML 2. CSS * { box-sizing: border-box; -moz-box-sizing: border-box; } body { margin: 0; padding: 0; } .page { width: 21cm; min-height: 29.7cm; padding: 1.5cm 1.5cm 2cm 1.5cm; } @page { size: A4; margin: 0; } @media print { .page { margin: 0; border: initial; border-radius: initial; width: initial; min-height: initial; box-shadow: initial; background.. 2023. 12. 9. [HTML/CSS/JS] A4 사이즈로 페이지 인쇄하기 출처:https://m.blog.naver.com/ojhwlxk/220589401616 HTML (html, header, body 형식은 생략합니다~~) 인쇄영역!! CSS body { margin: 0; padding: 0; } * { box-sizing: border-box; -moz-box-sizing: border-box; } .page { width: 21cm; min-height: 29.7cm; padding: 2cm; margin: 0 auto; background:#eee; } .subpage { border: 2px red solid; background:#fff; height: 257mm; } @page { size: A4; margin: 0; } @media print { html,.. 2023. 12. 9. html iframe object embed 차이 출처: https://www.a-ha.io/questions/4f00ff3768a71ee684e56be9affb4174/answers/42ef71f4ae54015f87710ca10c110e5a IFRAME 요소 iframe 요소는 인라인 프레임(Inline FRAME)을 표시한다. 인라인 프레임은 문서 내에 다른 문서를 넣기 위한 기술이다. HTML5로 바뀌면서 frame 요소는 사라졌지만 iframe 요소는 남았다. HTML5에 새로이 추가된 속성 및 사라진 속성들이 존재한다. EMBED 요소 embed 요소는 외부 애플리케이션이나 인터랙티브 콘텐츠의 끼워 넣기(EMBedding)를 표시한다. 오래전 부터 브라우저들이 지원해 왔지만 정식으로 기술된 요소는 아니었다. HTML5 에서는 정식으로 사양이 제.. 2023. 11. 20. 이전 1 2 다음
