단단히

Form 요소 데이터를 입력할 수 있는 공간을 갖는 요소, 입력 양식 요소라고 한다. 기능 폼과 하위요소로 구성한 다양한 영태의 입력 양식에 데이터를 입력받아 지정된 페이지로 전송한다. 요소 세부내용 ● 속성 method ; 데이터 전송 방식을 설정한다. 내용 내용 ⊙ method="get" 전송 개체(경로)가 보인다. 데이터 전송 시 용량 제한이 있다. ⊙ method="post" 전송개체(경로)가 숨겨진다. 데이터 전송 시 용량의 제한이 없다. enctype ; 파일을 전송할 때 설정 하위요소 ◇ 1줄 텍스트 박스(text) 기본 박스 박스를 누르면 커서가 깜빡이며 데이터를 넣을 수 있다. ◇ 비밀번호 박스 비밀번호 박스 비밀번호를 작성하는 박스인데, 안에 데이터를 입력하면 눈에 보이지 않는다. ◇ ..

HTML 코드를 작성하다 보면 각 요소에 맞는 CSS를 넣기 위해서 묶어주게 되는데, 이때 div요소를 많이 사용하게 된다. 많이 사용해도 상관은 없지만 혼동이 발생될 수 있다. 가령 , 와 같이 사용하면, div가 많이 사용돼서 나중에는 짝을 찾느라 많은 시간을 소요하게 된다. 그래서 추가된 요소, 시맨틱 요소( , .. )이다. /*시맨틱 요소를 사용하지 않고 div요소를 적용했을 때 코드이다.*/ /*semantic 요소를 적용했을 때*/ 이처럼 시맨틱 요소를 사용하면 와 같은 주석을 달지 않아도 된다. 혼동되는 것을 줄여준다. 이때 필요한 요소를 작업자가 임의 선정하여 적용하면 된다. 즉, div와 semantic요소를 적정하게 혼용하여 사용한다. [semantic 요소를 적용한 코드] Welco..

html 파일을 웹 표준으로 만들었는지를 검사하는 습관을 들이는 것이 좋다. 평소에 규칙을 지켜서 작성하는 습관이 필요하다. 더보기 일반적인 웹표준 규칙 • 일반요소는 시작 태그와 종료 태그를 반드시 사용해야 합니다. • 요소의 중첩은 순서를 지켜야 합니다. • html파일의 코드 템플릿을 사용해야 합니다. • meta태그로 인코딩을 지정해야 합니다. • img 요소는 alt 속성을 가져야 합니다. HTML 웹표준 유효성 검사 URL https://validator.w3.org/ The W3C Markup Validation Service Validate by File Upload Note: file upload may not work with Internet Explorer on some version..

Box Model에 대해 알아보자. Box Model은 모든 요소가 갖는 구조이다. HTML의 기본 구조를 알아야 코드를 볼 때 편하다. 2022.07.21 - [HTML,CSS/개념 정리] - HTML 기본 코드 HTML 기본 코드 [ HTML의 기초 ] HTML은 코드를 작성한 파일이다. 브라우저에서 실행하여 결과를 볼 수 있는 마크업 코드이다. 표준 브라우저는 크롬, 익스플로러, 에지.. 등이 있다. 파일 확장자는. html이다. (인코 start-1199.tistory.com border는 '테두리 선'이라고 생각하자. padding과 margin을 설명할때 구간을 보여주기 때문이다. BoxModel 1px이고 색이 빨간( rgb(255,0,0) )인 테두리 선(border)이 들어간다. 아래는 ..

https://visualstudio.microsoft.com/ko/ Visual Studio: 소프트웨어 개발자 및 Teams용 IDE 및 코드 편집기 Visual Studio 개발 도구 및 서비스를 사용하면 모든 개발자가 모든 플랫폼 및 언어로 앱을 쉽게 개발할 수 있습니다. 무료로 어디서나 코드 편집기 또는 IDE를 사용하여 개발하세요. visualstudio.microsoft.com 위의 주소로 들어가면 아래와 같은 화면이 나온다. 나는 HTML/CSS을 위해 Visual Studio Code 를 설치한다. 그래서 가장 Visual Studio 버튼 위에 커서를 올리면 운영체제관련된 다운로드 목록이 나온다. 개인에 맞춰 누르면 되는데 나는 Windows X64 를 눌렀다. 누르자 마자 화면이 전환..

개념 1) HTML은 코드를 작성한 파일이다. 브라우저에서 실행하여 해당 결과를 볼 수 있다. 2) 확장자는 '.html'이다. 3) 파일과 코드의 인코딩은 모두 "UTF-8"이다. 코드 작성 메모장, 편집기에서 만든다. 코드를 '요소'라고 하며 소문자로 작성한다. 우선 편집기를 사용하기 전에 메모장에서 코드를 작성한다. 1) 파일을 만든다. 2) 새로 만들기를 눌러 메모장을 하나 생성한다. 3) 파일 상단에 보기를 눌러 파일 확장명을 클릭한 후, 만든 텍스트 문서의 이름을 바꾼다. 이때 '파일명.html'형태로 변경한다. 4) 더블 클릭을 하면 연결 프로그램에 따라 브라우저가 열린다. 그리고 메모장을 실행한다. 그 후 메모장에 만들어놓은 파일을 드레그/ 드롭을 한다. 이렇게 연결에 이름이 바뀌었다면 메..