본문 바로가기

HTML5

 (13)
21. 01. 29. 05장- CSS의 기초, 6장. 글꼴 관련 스타일 5장. CSS 5-1. CSS 기초 cascading style sheet HTML과 함께 웹 표준의 하나 스타일의 형식 선택자 {속성명:속성값; 속성명2: 속성값2; } p {color:blue; font-size:16px} p { color:blue; font-size:16px } -> 세로배치 하기도 함 스타일 내의 주석은 /* */ 내부, 외부 스타일 시트 세계 3대 미항 시드니(sydney), 호주 리우데자네이루(Rio de Janeiro), 브라질 나폴리(Naples), 이탈리아 세계 3대 미항 시드니(sydney), 호주 리우데자네이루(Rio de Janeiro), 브라질 나폴리(Naples), 이탈리아 -> 지우고 .css 파일을 링크 걸어줌. 같은 폴더 내에 style.css 만들고, u..
21. 01. 28. 4장. 폼 form: 형식, 데이터 전송시 규격 4.1 폼 만들기 여러 폼 관련 요소들을 입력 method: (http method) get, post 서버측으로 데이터를 넘겨줄 방식 name: 이름, 폼들에 대한 구분을 하기 위해 사용 action: 서버측 이름(프로그램) target: action 태그에 지정한 내용을 다른 프레임에서 열도록 지정 method get: select -> url에 노출, 글자수 제한 255byte / 4096byte 브라우저에 따라 다름. post: insert -> 사용자의 입력 내용이 드러나지 않고 헤더에 포함시켜 값 전송 : 사용자의 입력값을 받는 태그 type: 입력값의 형태를 지정 name: 서버로 송신시 전송될 값들의 이름 : 텍스트나 이미지에 의 연결 : 폼 요소를 그..
21. 01. 27. 3장. 이미지 아이프레임, 링크 Web Server >> 단순 html apache, nginx, nodejs Web Application Server : WAS tomcat, jeus, webphere, weblogic nginix 서버 실행했고, 앞으로 여기에 과제 올림. 03장. 3-1. 이미지 이미지 파일에서 사용할 수 있는 확장자 jpg, gif, png, bmp, svg 비트맵형 이미지, 벡터형 이미지 bit map 100 * 100 = 10000 벡터 > 좌표 (주로 로고나 제품 디자인같이 확대/축소를 해도 깨지지 않는 이미지를 사용해야 할 때) bmp : 각 비트맵 정보를 순수하게 기록 29.3k (원본) 손실 압축 png : 0.5k : 투명가능 32bit jpg : 1.75 : 협회에서 만든 압축기법, 색상 표기갯수 ..
21. 01. 26. 목록, 표 만들기. 태그이름 + 속성 + "속성값" 큰따옴표대신 작은따옴표도 됨. 속성: 태그를 추가적으로 수식하는 것. 웹의 힘은 보편성에 있다. 정애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다. 출력결과- "웹의 힘은 보편성에 있다. 정애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다." 루비(윗첨자) 사용법 야외 텐트를 닮은 건축물 "테쉬폰" 아일랜드 출신 ... ... 남아 있으며 좌표 (주로 로고나 제품 디자인같이 확대/축소를 해도 깨지지 않는 이미지를 사용해야 할 때) bmp : 각 비트맵 정보를 순수하게 기록 29.3k (원본) 손실 압축 png : 0.5k : 투명가능 32bit jpg : 1.75 : 협회에서 만든 압축기법, 색상 표기갯수 24bit 투명표현x (Huffm..
21. 01. 25~26. 기본 태그 비주얼 스튜디오 첫 사용 ※ HTML, CSS, JS 차이 HTML: 골격 CSS: 외형 JS: 동작 - 전세계적으로 브라우저 마켓 비율 연도별로 알아 봄. (StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share) - 사용하는 브라우저에서 html5가 얼마나 잘 작동하는 지 점수로 보여주는 사이트(HTML5test - How well does your browser support HTML5?) 01장. 1. 태그는 로 구분 2. 태그 이름은 소문자 기입 3. 여는 태그, 닫는 태그 정확히 입력 4. 들여쓰기 잘하자. : 이 문서가 html5로 쓰여 있다. 선언문이 없으면 브라우저는 해당 html문서를 버전을 분..

티스토리툴바