본문 바로가기

WEB/HTML5

(4)
HTML5 - layout, css, selector html5 레이아웃 관련 태그 블록 / 인라인 요소 html의 모든 요소는 기본적으로 display속성에 의해 웹브라우저를 통해 어떻게 보여질지 결정되어 있음 display 속성값이 block인 경우 요소의 너비가 100%이고 새로운 라인에 배치되며, width, height속성으로 크기를 임의로 바꿀수 있음(p, div, h, ul, ol, form) display 속성값이 inline인 경우 요소의 너비가 내용에따라 달라짐, margin, inline width, height속성으로 크기를 임의로 바꿀수 없음 (span,문자관련 태그 img, a) "Hello World!!" "Hello World!!" 시간은 금이라구 친구 시간은 금이라구 친구 div vs span 다른 요소들을 하나로 묶어 레이아..
HTML5 - form 폼 관련요소 개요 html에서 사용자의 정보를 입력받아 서버로 전송하려면 form요소를 사용해야 함 form 태그를 사용해서 입력받은 데이터를 서버로 어떻게 보낼 것인지, 전송한 데이터는 서버에 누가 처리할 것인지handler, 전송한 데이터의 유형은 무엇인지 등을 지정 전송방식 method: get 방식은 url에 질의문자열 querystring 형태로 데이터를 추가해서 전송함, 따라서 입력 데이터 노출. 또한 전송할 수 있는 데이터 크기가 제한적임. 중요도가 낮은 정보 입력 폼 없이 임의로 전달시 주로 사용 /post 방식은 데이터를 http header에 별도로 작성해서 전송함. 따라서 데이터가 외부로 보이지 않으며 전송할 수 있는 데이터의 크기가 무제한임. 또한 텍스트와 바이너리를 같이 보낼 수 ..
HTML5 - img, form charset="UTF-8"> html5 이미지 관련태그 이차원 평면위에 시각적 요소 html에 주로 사용되는 이미지의 종류 : 196, gif, p jpg는 적은 용량으로 섬세한 색상과 명암 표현 1400만 색상 사용, 사진 이미지 구현에 좋음 gif는 256색상만 지원하기에, 주로 아이콘 같은 단색계열의 이미지 표현에 사용, 단 이미지의 배경을 투명으로 만들거나 여러개의 이미지를 합쳐 애니처럼 만들수있음 png jpg와 gif의 장점 따서 만든 이미지형식 섬세한 이미지표현, 투영이미지 작성 사용, 오픈소스 이미지 나타내기 img 태그를 이용해서 html에 이미지 삽입 가능 src속성 이용해서 포함하려는 이미지 파일명 지정해야함 flaticon 등 무료이미지 제공사이트 이용시 다양한 이미지 손쉽게 사용..
HTML5 - text, olul, table html5 문자관련 태그 제목관련 태그 컨텐츠 내용에 따라 적절한 제목을 지정하도록 작성 대제목, 중제목, 소제목 들으로 나타낼 수 있음 h1 ~ h6 태그를 이용해서 제목을 표시함 마크다운에서는 #의 개수로 제목을 나타냄 검색엔진 최적화seo시 주로 사용하는 중요 요소 대제목 대제목 중제목 중제목 소제목 줄바꿈 줄바꿈 public static woid main (string[], args) {System.out.println("hello, world")} 텍스트 꾸밈 태그 시간은 금이라고 친구! 시간은 금이라고 친구! 시간은 금이라고 친구! 시간은 금이라고 친구! a2 +2 = c2 산소 : 02, 물:H2O a2 +2 = c2는 산소를 의미하는 화학식이다. 이 벽화가 그려진 시기는 청동기 신석기이다 ..