1교시
-dbcut
-포토샵
Canvas Size
Edit-Content Aware Fill
Image Size
Stroke
Web해상도:72
RGB, CMYK(웹에서쓰는색상)
단축키: 브러쉬크기[], 손바닥으로변경spacebar, 그림크기ALT+마우스휠, 선택툴+Shift+선택: 추가선택/선택툴+Alt+선택: 선택빼기
HTML: Hypertext Markup Language 웹브라우저에 데이터를 표시해주는 언어
CSS: Cascading Style Sheet HTML 문서를 디자인 해주는 언어
*< >: 태그
!doctype html: html5 문서임을 선언
html lang="ko": html문서 시작을 알림 (한국어문서)
head: 문서에 대한 정보를 기술
title: 문서 제목
meta charset="utf-8"/: 관련 정보를 기술(meta태그) utf-8: 유니코드(전세계 언어를 표현하는 코드) eud-kr: 한국에서만쓰는
<meta/> 슬래쉬로 끝내준다
, <meta>는 꼭 써준다
body: 본문 내용 기술
h1~h6: 제목(굵은 글씨,자동 줄바꿈-두 줄 띄움)(글씨크기 1>>>6)
<html lang="ko"> <head> <title>처음 시작</title> <meta charset="utf-8"/> </head> <body> </body> </html>
**
~br: 줄바꿈
: 띄어쓰기
p: 문장 태그(편의상 명명) (자동 줄 바꿈-두 줄 띄움)
span: 글자(단어) 태그(편의상 명명)
*block 요소: 줄 바꿈 기능이 있는 태그(한 줄에 하나의 태그만 올 수 있다.)
inline 요소: 줄 바꿈 기능이 없는 태그(한 줄에 여러 개의 태그가 올 수 있다.)
hr: 줄 긋기 태그(내용 구분)
hr color="red": 속성(옵션);태그의 상태나 성질을 변경 (같음
)
(두 개 이상의 속성:
)
table: 테이블(표)
tr: 줄 만들기(세로)
td: 칸 만들기(가로)
border: 테두리
table border=1px align="center" cellspacing=0 cellpadding=0> ::테이블선굵기,테이블가운데정렬,테이블선간격,테이블안쪽여백
tr align="center" ::세로줄 가운데 정렬
td align="center" ::가로 가운데 정렬
<img src=" " width=100px alt="케익' title="롤케익 입니다.">
:: alt ->그림경로에 그림이 없을 때 나타나는 글씨
title -> 그림 타이틀(마우스를 올리면 나온다)
:::inline-style이라고 한다 >>>--------------------- **이미지크기가 table,td,tr크기보다 우선한다**
딸기케익 |
컵케익 |
|
|
| 딸기케익2 | 롤케익 |
|
|
ctrl+alt+커서드래그 : 동시에 수정 가능
