html
html+css
-브라저에 보여지는 언어(브라우저에서 사용하는 기본적인 형태)
-랜더링-브라우저가 html 언어를 인식하여 화면에 보여주는것
html+css기초
기본적인 문법과 태그를 화용하여 문서구조를 만드는 단계
정적인 형태의 웹사이트제작
html +css:활용
복잡한 형태의 웹문서를 제작할수 있고. css를 통하여 다양한
모션이나 동작을 수행할수 있는 단계
웹문서 -보여지는부분
웹문서 편집도구(ex메모장, 한글, MS워드, (텍스트편집기)
업타나, 서브라임텍스트, 에디트플러스, 노트패드, 아톰, 브라켓brakets,드림위버.. 등등
(하이퍼텍스트 편집기)
텍스트(문자):쓰기, 읽기
-하이퍼텍스트(진보된문자,초월한문자) : 쓰기, 읽기, 정보(데이터,속성)
HyperText Markup Language
최월된 문자를 표기하는 언어
객체(TAG)
제조사:ex나이키
제조국:ex한국
생산일:ex2018.12.10
세탁방법:드라이
F12프로그램볼수있다
클라우드- 원도우탐색기
-----------------------------------------------------------------------------
Brakets
Ctrl+N 새문서열기
Ctrl+S : 문서저장~ 반드시 확장자를 표기해야합니다.
day20-1_helloHtml.html
Ctrl +글자확장
Ctrl -글자축소
---------
Beautify/Brackets Icons/ Emmet/Indent Guides
--------
Brackets Power Mode 다양한테마들 (보기-테마)
'나눔고딕코딩글꼴',
코드힌트 (Ctrl+spaceber)
주석처리단축키 Ctrl +Shift +/
--
실시간미리보기 기능
F12(개발자모드)가 실행되면 실시간 미리보기는 정지됨
-개발자모드가 필요한 상황에서는 실시간 미리보기는 사용하지 않습니다.
-원래브라우저에 컨펌을 할껍니다.
--
! +tab
자동주석
--
zen coding 확장자에 추가
---
텍스트 형태 데이타
-본문을 표기하는 태그
-제목을 표기하는 태그
-목록을 표기하는 태그
-주석형 본문을 표기하는 태그
(영어사전)
이미지 형태 데이타
-이미지을 표기하는 태그
동영상 형태 데이타
동영상을 표기하는 태그
사운드 형태 데이타
사운드을 표기하는 태그
https://cafe.naver.com/webty
...
-----------------------------------------------------------------------------
Brakets
Ctrl+N 새문서열기
Ctrl+S : 문서저장~ 반드시 확장자를 표기해야합니다.
day20-1_helloHtml.html
Ctrl +글자확장
Ctrl -글자축소
---------
Beautify/Brackets Icons/ Emmet/Indent Guides
--------
Brackets Power Mode 다양한테마들 (보기-테마)
'나눔고딕코딩글꼴',
코드힌트 (Ctrl+spaceber)
주석처리단축키 Ctrl +Shift +/
--
실시간미리보기 기능
F12(개발자모드)가 실행되면 실시간 미리보기는 정지됨
-개발자모드가 필요한 상황에서는 실시간 미리보기는 사용하지 않습니다.
-원래브라우저에 컨펌을 할껍니다.
--
! +tab
자동주석
--
zen coding 확장자에 추가
---
텍스트 형태 데이타
-본문을 표기하는 태그
-제목을 표기하는 태그
-목록을 표기하는 태그
-주석형 본문을 표기하는 태그
(영어사전)
이미지 형태 데이타
-이미지을 표기하는 태그
동영상을 표기하는 태그
사운드을 표기하는 태그
https://cafe.naver.com/webty



Comments
Post a Comment