본문 바로가기
반응형

IT944

HTML5 - 레이아웃 구성 태그 div, span 및 시멘택 태그 header, nav, section, footer 아래 사진은 block 구조 및 inline 구조 입니다. block_01 block_02 block_03 block_04 block_05 inline_01 inline_02 inline_03 inline_04 inline_05 div 블럭 요소, 개행 이 없지만 하나씩 블록 쌓듯이 개행이 적용되어 나타나는 태그 ex) , span 라인 요소, 한줄로 표시되는 태그 div를 활용한 레이아웃 구성 가독성이 낮은 table 구조를 빼고 div 태그를 활용하여 개발하는 추세이다. MY HOMEPAGE HTML5 CSS3 JAVASCRIPT JQUERY What is HTML5? HTML5 is good! xxx주식회사 서울시 00구00동 시멘택 태그 div 태그를 header, nav, section, foo.. IT/Web 2019. 7. 8.
HTML5 - 폼 태그 및 GET 방식과 POST 방식 form 데이터베이스로 data를 전송하기 위한 태그 전체 구문 이름 : 아이디 : 비밀번호 : 연락처 : - - 사진 : 성별구분 : 남, 여 사용언어 : 한글, 영어, 일어, 중국어 자기소개 : 간단하게 입력하세요. 국적 : KOREA USA JAPAN CHINA 좋아하는음식 : 김치 불고기 파전 비빔밥 구문 설명 action data가 전송될 서버측의 주소 method 간단하다. 필요한 내용만 언급하겠습니다. POST 방식과 GET 방식이 있다. 1) GET 브라우저 창의 주소 표시줄에 보이게 데이터를 전송하는 방식 default는 GET방식 2) POST 브라우저 창의 주소 표시줄에 보이지 않고 데이터를 전송하는 방식 위 사진과 같이 GET 방식은 도메인주소(http://example.com) 뒤.. IT/Web 2019. 7. 8.
HTML5 - 멀티미디어 태그 HTML5에서 새롭게 추가된 멀티미디어 태그에 대해. video, audio, embed (플러그인 다운로드) ActiveX, 각종 플러그인을 설치하여 불편함과 보안 위협에 노출되어 있습니다. HTML5에선 이런 문제를 해결하기 위해 브라우저 자체에서 동영상을 감상하고 음악을 들을 수 있게 각종 미디어 태그가 추가되었습니다. VIDEO 지원 IE Crome Firefox Opera Safari mp4 IE9이상 지원 지원 미지원 미지원 지원 ogg 미지원 지원 지원 지원 미지원 webM 미지원 지원 지원 지원 미지원 사용법 브라우저가 요소를 만나면 에 지정된 비디오 파일과 오디오 파일이 담긴 컨테이너들을 읽어들여 재생할 수 있는 첫 번째 파일을 재생한다. 이는 source에 지정된 type 속성을 통해 .. IT/Web 2019. 7. 8.
HTML5 - 태그 설명 기본 구조부터 시작해서 여러가지 태그들을 알아봅니다. HTML5의 DOCTYPE (문서타입) 문자 인코딩 // 마크업 문서의 문자 인코딩을 명시할때 사용한다. 문자 인코딩 단순화 딱히 명시하지 않아도 브라우저는 스크립트가 웹에서 가장 인기있는 스크립트 언어인 자바스크립트로 작성되었을 것을 알기에 생략해도 된다(type="text/javascript"). css 파일링크 또한 type="text/css"를 매번 명시하지 않아도 된다. 아래는 위에서 배운 구조들을 종합한 것 사라진 태그 표현을 위해 필요했던 태그들이 대부분 사라졌다. , , , 등과 같이 CSS로 대체할 수 있는 태그들은 HTML5에서 제외되었고, 와 는 의미가 재정의 되었다. 태그 설명 영문 축약형 사용시 예를 들어 NATO,NASA등 이.. IT/Web 2019. 7. 8.
HTML5 - 시작 및 HTML5 표준 코딩 규칙 HTML Hyper Text Mark-up Language를 다뤄볼게요. 초보자도 눈치만 있으면 쉽게 파악할 수 있는 내용까지는 자세히 안다룰꺼예요. 적당히 필요한 내용만 언급하겠습니다. 무료 소프트웨어인 Atom Editor를 사용할꺼예요. (물론 편하신 에디터를 사용하셔도 되요. NotePad++ 등..) 에디터 사용에 대한 자세한 설치 및 패키지 등은 아래 글을 참고하세요. 아톰 에디터 설치 및 설정 글 아톰(Atom) 에디터 설치 및 설정 아톰(Atom) 에디터 요즘 대세인 에디터이다. 아톰(Atom) 설치 1. https://atom.io 접속 후 다운로드 버튼 클릭, 설치 파일 실행하면 된다. 너무 쉽다. 누를 것도 없다. 운영체제도 알아서 선택된다. 고민하지말고.. yjshin.tistory.. IT/Web 2019. 7. 8.
반응형

티스토리툴바