madori4 madori4

// html5 문서 타입을 나타냄. // html 정의 // 문서의 본문 ( 웹페이지 구성하는 화면 전체 ) $$ 은 닫지 않는다. l 태그 : 기호로 안에 예약어를 통해 어느 태그인지 구분하도록 정해둠. Open 태그와 close 태그가 반드시 존재해야 한다. Ex) open : close : Html (Value, text) l Value 쓰지 않는 태그도 존재함. Ex) 열고 닫는 태그. 개행만 하면 되기 때문에 다른 attributes, value 필요하지 않음 : 그림 파일 웹페이지 문서에 넣고 싶은 경우 사용.value 필요 없고 attribute로 경로만 필요하면 됨. 와 같은 식으로 입력

HTML5의 태그들에 대해 예제를 통해 보다 직관적으로 이해할 수 있도록 돕는 사이트가 있다. 굉장히 강력한 기능들을 탑재했기 때문에 반드시 즐겨찾기 할 것을 권장. 1. 링크로 접속 https://www.w3schools.com/ 2. HTML을 비롯한 각종 웹페이지 언어들에 대한 References를 제공한다. HTML REFERENCES 클릭3. 왼쪽 하단에 HTML Tags 탭에 모든 탭에 대한 설명과 예제가 있다. 그중 맨 아래 있는 ul 찾아 클릭4. 다음과 같은 예제 코드가 있다. Try it Yourself 클릭하면 해당 코드를 수행한 결과를 바로 확인할 수 있다.5. 왼쪽의 html 코드의 결과가 오른쪽에 출력되며 왼쪽에서 수정 가능하다. 포스팅한 것들 중 태그의 역할이 궁금할 경우에 참..

웹 개발에 실무에서 빈번하게 사용되는 툴. 아톰 (Atom) 다운 https://atom.io/ 별도의 로그인 절차가 필요 없이 다운받을 수 있다. 이후 설치하면 바로 실행 가능. 예제 작성 1. File - new File 클릭 2. ctrl + s 눌러 hello.html로 파일 저장. 아톰의 강력함은 태그 자동완성기능에 있다 html을 누르면 태그가 아래 나오고 엔터를 누르면 다음과 같이 기본 포맷이 완성된다. 나머지 태그들도 마찬가지로 사용하면 됨. 다음과 같이 코드 작성한다. This is HTML Body P 태그는 문장을 쓸 때 사용합니다. h1 제목입니다. 뉴스기사의 헤드라인으로 사용하면 좋습니다. Headings Type 1의 약어입니다. h2 제목입니다. 뉴스기사의 헤드라인으로 사용하면..