Html & CSS

•HT: HyperText, 문서와 문서가 링크로 연결되어 있다.•M: Markup, 태그로 이루어져 있다.•L: Language, 언어를 뜻한다.메모장을 이용해서 아래의 소스코드를 작성하고“helloworld.html” 로 저장해보자.DOCTYPE은 html의 태그

주석 h1 ~ h6 h1 ~ h6 6단계로 제목을 나타냅니다. h1이 가장 크며 h6이 가장 작습니다. p 단락(문단)을 정의합니다. 단락이 끝나면 한줄이 띄워져 표시됩니다. ![](https://velog.velcdn.com/images/msnine/post/

표를 만들때 사용되는 태그 colspan, rowspan 를 사용해서 셀을 합칠 수 있습니다. 가로로 합칠 땐 colspan=“숫자” 를 사용합니다. 세로로 합칠 땐 rowspan=“숫자” 를 사용합니다.적절하게 colspan 과 rowspan 을 사용합니다.의미에 맞

block 형식으로 공간을 분할합니다.한줄을 차지하며 줄바꿈이 일어납니다.가로 세로 크기를 지정할 수 있습니다.4방향의 padding 값을 줄 수 있습니다.4방향의 margin 값을 줄 수 있습니다.inline 형식으로 공간을 분할합니다.컨텐츠 크기만큼 차지하며 줄바꿈

서버로 데이터 전송이 사용되는 태그input 태그에 여러 옵션을 붙일 수 있다.type명 : 설명text : 한줄짜리 텍스트 입력password : 비밀번호 입력(입력내용이 안 보임)hidden : 사용자에게 보이지 않음file : 파일첨부radio : 주어진 항목중

워드프로세스의 스타일 적용과 유사cascading : ‘계단형’ 의 의미로 스타일 적용에 특정도, 또는 우선순위가 있고 우선 순위가 정해지는 것이 계단식 스타일 시트라는 의미필요한 이유 : HTML에 직접 스타일을 적용함으로써 생기는 HTML문서 자체의 무거움을 줄일

인라인 방식 > 절대 권장사항이 아님!!!! 바로 스타일 적용이 확인 되기 때문에 테스트 용도 또는 웹메일을 전송할 때만 사용해야하고 그 외에는 절대 사용하지 말 것 인라인 방식 예시 태그에 직접 스타일을 적용하기 때문에 바로 확인이 가능 웹 표준 이전 방식

다양한 선택자는 CSS 핵심선택자 : 기본적으로 태그, 클래스, 아이디 선택자 등이 있으며 그 외에종속, 하위, 전체, 그룹선택자 등이 웹 개발 실무에서 많이 사용HTML 태그를 선택자로 사용하여 속성을 지정하는 방식제목(h2) 의 폰트크기를 50px로 변경하세요.fo

글꼴(폰트)을 정의하는 속성웹 문서의 글꼴은 사용자 OS의 글꼴을 이용해 웹 브라우저에 표시합니다.웹문서에 설정한 글꼴이 없는 경우 다른 글꼴로 표시됩니다.글꼴이름은 여러 개 지정하여 넣을 수 있다. font-family: “맑은 고딕”, 돋움;font-family 속

글자 색을 정의하는 속성빛의 삼원색(빨강, 초록, 파랑) 모두 더하면 밝아진다.투명도(0~1) 는 0에 가까울수록 투명하다.글자 선 표시 속성\*\*글자-글자 또는 단어-단어 간격 조절속성rem , rm 사용권장폰트가 커졌을때 간격도 같이 커짐

문단내에 텍스트 정렬 속성업로드중..

글자-글자 또는 단어-단어 간격 조절속성

width 와 height의 속성값은 %(퍼센트) 또는 px(픽셀 사용)첫번째 div : 클래스명 box-red, 배경색 두번째 div : 클래스명 box-blue, 배경색 p 요소에 .box-blue를 적용한 후 가로 세로 값을 확인하기.•최대(최소) width 와

박스의 선을 긋는 속성으로 가장 많이 사용되는 속성 중 하나이다

라운드 지정방법 (이전 버전의 브라우저에서는 안될 수 있음) 방법1. 방법2.

아름다운 페이지를 표현하는 제일 강력한 속성백그라운드 이미지를 사용하면 스타일만 제거했을 때 불필요한 이미지들이 대부분 사라짐\-> 프린트할 때 유용표준 웹 페이지 는 백그라운드 이미지로 이미지를 대부분 표현한다.백그라운드 이미지 지정방법

px(픽셀), %(퍼센트), em(엠) 이렇게 세가지 단위를 가장 많이 사용보통 모든 브라우저마다 마진 값이 기본적으로 지정되어 있다.브라우저 마다 그 값이 다르다. 그래서 초기화 해주는 것이 페이지 레이아웃 잡을 때 편리하다

박스 모델의 위치를 잡을 때 사용부유라는 의미로 박스 모델을 물에 띠워 오른쪽이나 왼쪽으로 보낸 다는 의미기본 사용법속성값 : (right, left, none)