스마트웹디_01
과제1_복습/정리
boranam
2021. 1. 10. 20:03
웹브라우저란
사용자가 웹 페이지를 검색하기 위해 사용하는 프로그램
HTML이란
- 웹 문서를 기술하기 위해 사용하는 국제 표준 언어
- 마크업(markup) 언어로서 태그(tag)를 사용하여 데이터의 구조를 표현
- HTML 문서의 확장명은 .htm 또는 .html이다.
CSS란 - HTML 문서 형태를 위한 언어로 스타일 시트 라고도 한다.
- 텍스트 스타일, 여백 형식, 페이지 요소들의 배치 등 웹 페이지 스타일과 관련된 제반 속성들을 지칭하는 것
- 스타일시트는 HTML 본문 안에 사용하는 내부(inline) 스타일 시트와 html 본문과는 별도로 작성하여 문서로 저장하는 외부(internal) 스타일 시트는 스타일 정보가 웹 페이지와 연결된 외부 파일에 있다.
태그
- 태그는 시작 태그와 종료 태그가 한 쌍을 이루어 사용된다.
- 종료 태그가 없는 태그도 있다.
- 태그 이름은 대소문자를 구문하지 않는다.
- 줄바꿈이나 빈칸을 인식하지 못하기 때문에 줄바꿈과 빈칸을 위해 지정된 태그를 사용하여 표현한다.
- h
제목 글자를 표현, n값은 1~6까지이며 작을수록 큰 글자로 나타냄
- br
줄 바꿈 태그
- em
글자를 강조해주는 태그
- i
글자를 이탤릭체로 처리
- b
글자를 굵게 처리
- strong
글자를 볼드체로 처리
- ul
순서가 없는 기호 목록 작성을 위한 태그
- ol
순서가 있는 숫자 목록 작성을 위한 태그
- style
웹문서의 디자인을 변경할 수 있는 태그
- div
웹사이트의 레이아웃을 만들때 사용하는 태그
display
block
줄을 바꾸지 않고 좌측부터 우측까지 모든 영역을 차지하게 되는 배치
inline
한 라인에서 하나씩 쌓이는 배치
inline-block
block으로 영역이 잡히지만 배치는 inline형태
css의 속성
id
이름 별로 스타일 지정
class
같은 태그라도 클래스 이름 별로 다른 스타일을 적용
width
넓이 설정
height
높이 설정
background, background-color
배경의 색을 바꿔주는 태그
background는 다양한 배경 속성을 한꺼번에 적용시킬 수 있다.
border-radius
모서리를 둥글게 만들기 위한 태그