html-css

html: hypertext markup languagemarkup 언어: 일반적인 text와 구분하기위해 문서에 annotaing 되어있는것html 구조:mdn 페이지box 모델로 생각하여 개발하기 header nav secito

css: cascading style sheetcascading:author style ↓user style ↓browser(!important : cascading을 끊어내는 거)selectorsuniversal \*type TagID Class .classS

FLUID LAYOUT: Flex grid, Flex box, %, vw, vhmedia queries(mdn 찾아보기)

HTML: 하이퍼텍스트 마크업 랭귀지의 줄임마로 말 그대로 해석하면 하이퍼텍스트를 마크업 하는 언어이다.'하이퍼텍스트'란? 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능을 말한다.'마크업' 이란? 태그를 사용해 문서에서 어느 부분이 제목이

1.<hn>태그 : 제목 표시하기<h1>이 가장 큰 제목이고 <h6>이 가장 작은 크기의 제목이다.2.<p>태그: 단락 만들기'단락'이란 앞뒤에 줄바꿈이 있는 텍스트 덩어리를 말한다.3.<br>태그: 줄 바꾸기텍스트 단락에서 줄바꿈을 하더라도

웹 페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않으면서도 화질이 좋아야하기 때문에 몇 가지 파일 형식만 사용할 수 있다. 만약 다른 형식으로 된 이미지 파일을 웹에서 사용하려면 다음과 같은 파일 형식으로 변화해야 한다.GIF: 표시할 수 있는 색상 수가

1.<form>태그: 폼 만들기1)form 태그의 속성<form>태그를 이용해 폼이 들어갈 부분을 만들었다면 태그 사이에 여러 폼 태그들을 삽입하면서 원하는 폼 형태를 만들 수 있다.2) autocomplete 속성: 자동 완성 기능검색창이나 로그인 창에 내

font-family 속성- 글꼴 지정하기body{ font-family:"맑은 고딕", 돋움, 굴림 }기본 글꼴윈도우 시스템: sans-serif, seif체 등한글 기본 글꼴: 굴림, 궁서, 돋움, 바탕@font-face 속성- 웹 폰트 사용하기웹 폰트: 웹 문서를

스타일 주석: /\* \*/스타일과 스타일 시트웹 문서 안에는 여러 개의 스타일 규칙이 사용되는 경우가 많다. 이런 스타일 규칙들을 한눈에 확인하고 필요할 때마다 수정하기 쉽도록 한 군데 묶어 놓은 것을 '스타일 시트'라고 한다.스타일 시트는 문서 안에서 사용할 스타일

웹 문서에서 색상을 표현하는 첫 번째 방법은 십진수|0|1|2|3|4|5|6|7|8|9|10|11|12|13|14|15\--\|--\|--\|--\|--\|--\|--\|--\|--\|--\|--\|--\|--\|--\|--\|--\|--16진수|0|1|2|3|4|5|