02.HTML 에디터 설치와 완전기초 feat.서브라임텍스트3
안녕하세요! 리듬입니다.
이번 글은요. 저번글에 이어서 HTML 완전기초입니다.
일단 먼저 에디터를 설치해볼건데요.
HTML 에디터는 여러가지가 있어요.
에디터가 뭐냐하면 저번글에서 아무것도 없는 상태에서는 메모장으로 했고
저 같은 경우에는 서브라임텍스트3 라는 에디터로 문서작성을 했지요!
다른거는 드림위버나 notepad++,에디트 플러스 등등 많습니다!
저는 개인적으로 서브라임텍스트가 깔끔해보이고 좋더라구요.
그래서 설치하는 방법 알려드릴게요!
서브라임텍스트 3 설치하기!
일단 링크로 들어갑니다. 링크!
운영체제에 맞는걸로 다운로드 받아주세요~
다운로드가 다 되었으면 설치파일 실행해줍니다.
Next - Next - Next - Install - Finish
끝입니다.
바탕화면에 아이콘이 없으면 시작에 있으니 찾아서 실행시켜주세요.
그러면 위같은 창이 뜨구요! 바로 위에 Preference - Setting 눌러줍니다.
위 빨간 부분에 밑 첨부해놓은 텍스트파일 받아서 복붙해주세요!
이거슨세팅.txt시작하기전 간단한 세팅입니다.
복붙하시고 Ctrl + S 로 저장해주세요. 그러면 세팅까지 끝입니다.
그리고 위처럼 따라가시면 태그에 따라 글씨색이 바뀌는데요! 테마라고 하면 될거같네요.
밑에처럼 배경색과 글씨색이 바뀝니다.
한번씩 다 써보시고 맘에 드시는걸로 하시면 될거 같습니다.
설치와 실행은 다 끝났구요.
이제 완전기초 조금씩 배워보겠습니다.
저번글에서는 기본구조와 태그 몇가지 배웠습니다.
기본적인 태그들 먼저 알아야할거 같네요.
기본적인 태그들 알아보기!
위에 <meta charset="UTF-8"> 이라는 태그가 있습니다.
HTML태그들을 사용해서 HTML문서를 작성을 하면
저희가 익숙하게 사용하고 있는 웹브라우저에서 표시가 되어야하죠?
그때 인코딩작업을 하게되는데 그 HTML문서가 어떠한 언어로 되어있는지 알 수 있어야해요.
문자코드셋이라고 합니다!
저 위 태그 없이 코딩을 하면 한글이 깨져보일 수가 있습니다.
아마 UTF-8이 모든언어 표기가 될거에요....
메모장으로 저장할때도 볼 수가 있어요.
메모장으로 코딩할땐 저장시 인코딩을 UTF-8로 저장해주는게 좋습니다.
그리고 휴먼랭귀지라는게 있는데요.
lang은 language, ko는 korean 이에요.
이게 뭐냐하면 '이 문서 콘텐츠는 한국어로 되어 있다' 라는 뜻이 돼요.
외국사이트나 네이버같은데 들어가셔서 Ctrl + U눌러보시면 익스플로러는 아래에,
크롬은 새창으로 뭐가 길게 뜰거에요.
그게 코드인데요. 다른거말고 <html>부분을 찾아보시면 대부분 휴먼랭귀지가 있을거에요.
bbc홈페이지랑 네이버 홈페이지 소스 첫부분이에요. 저런식으로 되어있지요~
en이니까 영어겠죠? 독일은 de로 되어있네요.
확인해보고싶으시면 해외 사이트 들어가셔서 확인해보세요!
마땅히 없다면 해외 축구클럽 홈페이지가 있습니다...
에디터 설치글을 쓰다보니 길어졌네요..
다음글에서 이어가야할것 같습니다..
다음글부터는 제대로 태그부터 차근차근 조심조심 사뿐사뿐 배워보도록 합시다!
다음글에서 뵈요~
:)
'HTML&CSS' 카테고리의 다른 글
| 03.HTML 완전기초 태그 (0) | 2017.07.28 |
|---|---|
| 01.HTML 초보 완전기초 (0) | 2017.07.26 |
