HTML10 [강의정보] HTML/CSS 기초 - 짐코딩 https://youtu.be/S_tOP4W0u1Q?list=PLlaP-jSd-nK-ponbKDjrSn3BQG9MgHSKv 2023. 7. 25. 크로스플랫폼과 html 크로스플랫폼을 지향한다는 전제에서 html 작성에 유의할 점이 있나? Bard 네, 크로스플랫폼을 지향한다는 전제에서 HTML 작성에 유의해야 할 점은 다음과 같습니다. 브라우저에 따라 지원되지 않는 태그나 속성을 사용하지 마세요. 예를 들어, `` 태그는 Internet Explorer에서 지원되지 않습니다. 브라우저에 따라 표시되는 방식이 다른 태그나 속성을 사용하지 마세요. 예를 들어, `` 태그는 Internet Explorer와 Firefox에서 표시되는 방식이 다릅니다. CSS를 사용하여 HTML을 스타일링하세요. CSS는 브라우저에 따라 동일하게 표시되므로, HTML을 스타일링할 때는 CSS를 사용하세요. 웹 표준을 준수하세요. 웹 표준을 준수하면, 모든 브라우저에서 동일하게 웹 페이지를 표.. 2023. 7. 21. HTML5 144개의 태그 중 가장 많이 쓰이는 것 HTML5의 종류 (by Bard) HTML5는 100개 이상의 태그를 제공합니다. HTML5의 태그는 크게 6가지로 분류됩니다. 컨텐츠 태그: 텍스트, 이미지, 링크 등을 표시하는 태그입니다. 컨테이너 태그: 다른 태그를 포함하는 태그입니다. 폼 태그: 사용자 입력을 수집하는 태그입니다. 헤드 태그: HTML 문서의 메타 데이터를 포함하는 태그입니다. 섹션 태그: HTML 문서를 구조화하는 태그입니다. 스크립트 태그: JavaScript 코드를 포함하는 태그입니다. HTML5의 태그는 HTML5 표준에서 정의되어 있습니다. HTML5 표준은 W3C에서 정의하고 있습니다. 시멘틱 의미를 가지는 HTML 태그 (by chatGTP) 시멘틱 의미를 가지는 HTML 태그들은 웹 페이지의 구조와 의미를 더 명확.. 2023. 7. 21. HTML 문서의 기본 구조에 대한 설명 위의 코드는 HTML 문서의 기본적인 구조를 나타내고 있습니다. 각 요소가 왜 필수적인지에 대해 자세히 설명하겠습니다. 1. ``: 이 부분은 문서의 유형을 지정하는 것으로, HTML 문서임을 나타냅니다. 이것은 웹 브라우저에게 문서가 HTML 형식임을 알리는 역할을 합니다. "웹 브라우저에게 문서가 HTML 형식임을 알리는" 일이 왜 중요한데? "웹 브라우저에게 문서가 HTML 형식임을 알리는" 일은 중요한 이유가 있습니다. 여기에는 몇 가지 이유가 있습니다: 1. 올바른 렌더링: 웹 브라우저는 웹 페이지를 해석하고 렌더링하여 사용자에게 보여줍니다. HTML 문서는 웹 페이지의 구조와 내용을 정의하는 역할을 합니다. 올바른 HTML 형식으로 작성된 문서는 웹 브라우저가 문서를 정확하게 이해하고 제대로 .. 2023. 7. 20. 진짜 웹개발로 배우는 실용 자바스크립트 1강~(코딩애플) https://www.youtube.com/watch?v=8rv8GTgYYrU&list=PLfLgtT94nNq0svPBSslzReYKbZRuv_-NK&index=1 필기 웹 환경에서 JavaScript의 목적은 HTML를 조작하고 변경하기 위해서임. 이것만 기억해도 됨. (예) document.getElementByID('hello').innerHTML='안녕'; :(웹)문서의 어쩌구 저쩌구. 쩜(.)은 "~의"라고 해석하면 됨 이퀄(=)은 코딩에서 오른쪽에 있는 거를 왼쪽에 "대입한다"는 뜻임. 따옴표는 '문자'를 담을 때 쓰는 거임 documet.... ) : 이걸 selector 라고 함 innerHTML : 이건 구글에서 검색해서 찾아야 함. (이 코드로 HTML의 거의 모든 요소를 변경시킬 수 .. 2023. 7. 20. 원목 맞춤제작 견적 의뢰서 페이지 구축 새 디자인 원목 맞춤제작 견적 의뢰서 페이지 구축 개발 첫 단추로써, 대략 어떤 형태가 되어야 할 지 다시 그려봤다. (Google Sheets로.) HTML, CSS, JavaScript, 여러 API를 활용해서 되도록 빠르게 빌드하고, 주석을 충분히 많이 달도록 해서, 계속적인 학습이 이뤄지도록 한다. 각 요소별 동작방식을 간단히 시뮬레이팅해보면 이렇다. 로고와 타이틀은 사용자에 의해 삭제 및 교체 가능하게 만든다. 타이틀은 다른 이름을 입력할 수 있게 하되 삭제는 불가능하게. 의뢰자 / 받을 주소 / 이메일 / 전화번호는 '데이트 유효성 검사'를 적용. 아이템 종류는 팝업창의 '트리뷰' 형태로 선택 가하도록. 원하는 스타일은 슬라이드뷰 방식을 통해 선택 가능하도록. (각 스타일별 대표 이미지와 간단한 설명이 .. 2023. 7. 19. HTML에 대해 초등학생/중학생/대학생에게 설명해줘 HTML에 대해 초등학생에게 설명하듯 쉽게 설명해줘. (비유법이나 은유법을 이용해서 쉽게 설명해줘.) chatGTP HTML은 마치 웹페이지의 뼈대와 같은 역할을 합니다. 생각해봐요, 우리 몸은 뼈, 근육, 기관 등으로 이루어져 있죠? 그런데 우리가 다른 사람에게 어떤 정보를 전달하거나 무언가를 보여주려면 몸을 사용하잖아요? 그렇게 몸을 통해 우리가 하고 싶은 말이나 느낌을 전달하는 것처럼, HTML은 웹페이지에서 정보와 콘텐츠를 표시하는 역할을 해요. HTML은 마치 웹페이지의 구조를 만들어주는 '뼈'와 같아요. 뼈는 우리 몸의 구조를 유지하고, 다른 부위들이 어디에 위치해야 하는지 알려주는 역할을 하죠? 마찬가지로 HTML은 제목, 단락, 이미지, 링크 등과 같은 요소들을 사용하여 웹페이지의 구조를 .. 2023. 7. 18. [웹 개발] 팝업 창 형식으로 주문서 폼을 개발하려고 해. [웹 개발] 팝업 창 형식으로 주문서 폼을 개발하려고 해. chatGTP 팝업 창 형식의 주문서 폼을 개발하는 것은 웹 개발에서 일반적인 작업입니다. 팝업 창을 사용하여 사용자가 주문 정보를 입력하고 제출할 수 있도록 할 수 있습니다. 다음은 팝업 창 형식의 주문서 폼을 개발하는 데 도움이 될 수 있는 몇 가지 단계입니다. HTML 구조 작성: HTML을 사용하여 주문서 폼의 기본 구조를 작성합니다. 일반적으로 `` 요소를 사용하여 폼을 만들고, `` 요소를 사용하여 입력 필드를 추가합니다. 팝업 창으로 표시되는 폼을 만들기 위해 필요한 추가적인 요소를 고려할 수도 있습니다. CSS 스타일링: CSS를 사용하여 주문서 폼을 디자인하고 스타일링합니다. 폼 요소의 배치, 크기, 색상 등을 조정하여 사용자가 .. 2023. 7. 18. HTML 기초 (생활코딩) https://youtu.be/OGFgdro160I?list=PLuHgQVnccGMDUzDDCKW-pCZQY-MMCX5yB 2023. 7. 13. HTML 1강 (조코딩) https://youtu.be/JMLBBv05ORw 2023. 7. 13. 이전 1 다음
