스마트웹디_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
모서리를 둥글게 만들기 위한 태그