HTML7 [HTML] Form Form 📌 Form 📌 attributes ① action : 어떤 페이지로 data를 보낼건지 지정. ② method : POST : 백엔드 서버에 정보를 전송하는 방식. GET : URL로 보냄. 보안에 취약. 2022. 9. 23. [HTML] 아이콘 추가 무료 아이콘 사이트 📌 Heroicons https://heroicons.com/ Heroicons Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. heroicons.com 📌 Font Awesome https://fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com Font Awesome 사용법 📌 Font Awesome 사용법 ① 이메일 가입 후 Kit Code를 받는다. ② Kit Code를 복사해 .ht.. 2022. 9. 21. [HTML] head head 📌 head : 웹 사이트의 환경을 설정함. 외부적으로 보여지지 않은 설정. head - 📌 : 브라우저 창의 제목 설정. HTML 연습중 link : google.com head - 📌 : 부가적인 정보. 📌 attribute - name, content - charset : 페이지의 문자 인코딩을 선언. HTML 연습중 💡 : 해당 페이지 설명란에 content의 내용이 뜸. 💡 og:xxx : 링크 보낼 때 띄워지는 것 설정. head - 브라우저 창 아이콘 설정 📌 브라우저 창 아이콘 설정. : 사용하여 설정. 📌 attribute - rel(relationship) : shortcut - sizes : 크기 설정. - href : 이미지 링크. 2022. 9. 13. [HTML] HTML 기본 형식 HTML 기본 형식 📌 HTML 기본 형식 ① 맨 처음에는 : html파일이라는 것을 알려줌. ② html 코드 : head와 body로 구성됨. ① head : 웹 사이트의 환경을 설정함. 외부적으로 보여지지 않은 설정. ② body : 사용자가 볼 수 있는 content를 보여줌. 2022. 9. 7. [HTML] 태그 태그 📌 태그 : content https://developer.mozilla.org/ko/docs/Web/HTML/Element HTML 요소 참고서 - HTML: Hypertext Markup Language | MDN 이 페이지는 태그를 사용해 만들 수 있는 모든 HTML 요소의 목록을 제공합니다. developer.mozilla.org 태그 - - 📌 - : 구획 제목을 나타냄. This is HTML file This is HTML file This is HTML file This is HTML file This is HTML file This is HTML file 태그 - , , 📌 list : 목록 ① ordered list : 순서가 있는 목록 ② unordered list : 순서가 없.. 2022. 9. 7. [HTML] .html 파일 생성 및 실행 .html 파일 생성 및 실행 📌 .html 파일 생성 및 실행 ① 폴더를 생성한다. 💡 파일명과 폴더명은 항상 소문자로 작성한다. ② Visual Studio Code를 열고, 생성한 폴더를 연다. ③ 파일명.html로 새 파일을 생성한다. ④ 코드를 작성한다. This is HTML file ⑤ 생성한 .html 파일을 브라우저로 연다. 💡 단, 파일을 저장해야 브라우저에 적용이 된다. 작성한 코드는 HTML 코드가 아니지만 브라우저에 작성한 코드가 그대로 뜨는 것을 확인할 수 있다. 💡 브라우저는 HTML 파일에 에러가 있어도 이를 알려주지 않음. 2022. 9. 7. [HTML] 웹(Web)의 구성 웹(Web)의 구성 📌 웹(Web) : 2 ~ 3개의 언어 구성. ① HTML ② CSS ③ JavaScript HTML 📌 HTML(Hypertext Markup Language) : 브라우저에게 웹 사이트의 content(타이틀, 텍스트, 이미지 등)의 구조를 알려줄 때 사용. HTML 단독으로 웹 사이트를 만들 수 있지만 보기에 불편함. CSS 📌 CSS(Cascading Style Sheet) : 브라우저에게 웹 사이트가 어떻게 보여야 하는지 알려줄 때 사용. 디자인과 스타일을 위한 언어. CSS 단독으로 웹 사이트를 만들 수 없고 HTML과 같이 사용해야 함. JavaScript 📌 JavaScript : 웹 프로그래밍 언어. 웹 사이트를 동적으로 만들어줄 때 사용(예. 클릭하면 어떤 동작을 실.. 2022. 9. 7. 이전 1 다음
