Html 맛보기

코딩 
웹브라우저을 만들어 내는 작업입니다.

하이퍼텍스트=코드=태그Tag
hypertext 초월한(뛰어난) 글자(문자를 초월했다)
문자가 가진 기능
1.쓰기
2.일기
3.정보(명령..)



html 
h하이퍼 t텍스트 m마크 l랭귀지
Hypertext Mark-up Language
<>로 하이퍼=여는 태그(텍스트를 만듬)
HTML은 문법이 존재한다.

</html> 
/슬라시가 끝내는 명령 

<head>=
body의
생각.명령
제어.설정
 머리의 역활

<body>
행동 
웹브러져에서 보여지는 부분

data
 정보을 묶어 놓은

metadata =개별의 정보
<meta> 끝내는 태그가 필요없다
왜?오픈태그, 열려있는 태그이기 때문에! 
 규칙이다 
끝나는 태그가 있을시 작동안함 

character set
간단명령어 char +set 캐릭터 셋 

유닉스 코드
extended Unix code
euc-jp. 
euc-kr 
euc- 나라코드 

2bit 영어
1bit 중국어
8bit=한국어

 --------------------------------------------
유니코드 텍스트 폼 8bit


메모장에서 웹으로 저장 방법
메모에서 파일저장
ctrl+s


저장된 파일이 

안열릴 경우 크롬을 다운받아
크롬으로 바꾸주길 바란다.

마우스 오른쪽-연결프로그램 크롬선택
또는 속성에서 바꾸기




저장한 인터넷을 열어

F12


data 
개별의 정보을 보은것

metadata 
개별의 정보
<meta> 끝내는 태그가 필요없다
왜?오픈태그, 열려있는 태그이기 때문에! 
 규칙이다 
끝나는 태그가 있을시 작동안함 

<meta name="viewport" content="width=device-width"> 
viewport-보임창(창문)
 content-내용물 
device-장치
 width-넓이 

<meta name="viewport" content="width=device-width"> 
웹에서 이정보가 없음면
스마트기기에서 볼때 글자가 지맘대로예요
그래서 이코딩을 넣으면 스마트기기에서도
꽉찬 글씨를 볼수있죠


간략 html 발전설명

html 1~4개발 
html4-90년대 초반 HTML4개발
xhtml -표준마크업언어

html5 -2세대 표준마크업언어
xhtml2- MS언어개발 근데 어려워 개발자들이 사용하기 어려워 등돌림

끝

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

메모장 코딩 힘드니까 ㅎㅎㅎ



확장기능관리사 에서
설치
Emmet
Beautity
Brackets icons
Indent Guides
위에 4개를 설치해 주세요

여기서 사이트를 만드는거죠.

사진 설명은 없어요 ㅠㅠ

웹사이트를 만든다=웹프로젝트를한다.
사이트란>웹문서(html) >content>section>article>segment>paragraph
content 내용
section 부문
article 글
segment 부분
paragraph 단락
사이트란 책>종이(문서)>내용  

cantal -n
새폴더
저장 index.html 저장 
!
키보드 tab

주석 코멘트
<!-- --> 
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

로컬사이트(Localsite) : 제한된 범위안에서 볼수 있는 사이트
웹사이트(Website) : 제한된 범위가 아닌 다수가 볼수 있는 사이트
웹사이트를 공개적으로 사용하고싶다면
서버구매(엄청비싸다고 들음)
임대료=(호스팅hosting)

호스팅사이스 추천
https://www.dothome.co.kr/


가입후 무료호스팅 만들기


 파일 프로토걸 파일
FTP 계정아이디 비밀번호 기억하기

마이닷홈 클릭
닷홈웹FTP


html 파일안에 3개 삭제 후 index 파일 불러오기
폴더 드래그 해서 가져 와도되요.



포토폴리오 보기 
홍시디자인
더좋은
하이미디어



Comments

Post a Comment

Popular Posts