생활코딩(https://opentutorials.org/course/1)에서 공부하고 공부한 내용을 기록하는 형식으로 포스팅하겠습니다.
HTML 소개
HTML은 Hyper Text Markup Language의 줄임말입니다.
Hyper Text를 가장 중요한 특징으로 하는
Markup이라는 형식을 가진
Language라는 뜻 입니다.
프로그래밍 언어란 사람과 사람이 소통하듯 사람과 컴퓨터가 소통하기 위해(HTML은 특히 웹브라우저와 소통을) 만들어진 약속입니다. HTML을 사용하여 웹브라우저에게 요청을 할 수 있습니다.
브라우저를 켜고 아무 사이트에서 우클릭을 하여 익스플로러는 소스 보기, 크롬은 페이지 소스 보기를 클릭하면 나오는 것이 HTML 코드 입니다.
익스플로러에서 본 네이버의 HTML 코드
크롬에서 본 네이버의 HTML 코드
기본 문법
태그라는건 HTML에서 가장 중요한 문법이고, 가장 중요한 특징입니다. Hyper Text Markup Language에서 Markup이 태그와 밀접한 관계를 갖고 있기 때문에 태그는 HTML에서 너무나 중요합니다. 그리고 HTML은 다른 프로그래밍 언어보다 쉽습니다.
HTML 코드를 만들어서 웹브라우저로 읽어보기
메모장을 켜서 자신이 적고 싶은 문구를 적습니다. 그리고 상단에 [파일] → [다른 이름으로 저장]을 눌러줍니다.
그 다음 파일 이름을 마음대로 설정 해줍니다. 파일의 확장자는 꼭 .html로 해주고, 파일 형식은 모든 파일, 인코딩은 UTF-8로 바꿔서 저장 해줍니다.
생성된 파일을 열면 작성한 파일의 확장자가 html이기 때문에 웹페이지를 통해서 열리게 됩니다.
작성한 html파일을 그냥 더블클릭하면 웹페이지로 열리기 때문에 수정하기 위해서 [우클릭] → [연결 프로그램] → [메모장]을 클릭합니다.
< >, </ > 이것이 바로 html에서 가장 중요한 문법인 태그이며 각각 시작 태그, 닫히는 태그라고 부릅니다. 닫히는 태그에는 /(슬래시)가 있어야 합니다. 강조할 부분 양 옆에 <strong> </strong> 태그를 쓰고 저장을 하면 강조할 부분이 굵은 글씨로 웹페이지에 나오게 됩니다.
제목을 적고 싶으면 h1 태그를 사용하면 됩니다 h는 heading(제목)의 약자 입니다. <h1>오늘의 명언</h1>이라 적어주었더니 웹페이지에 오늘의 명언이라는 제목이 나타났습니다. 좀 더 작은 크기의 소제목을 사용하고 싶으면 h2 태그를 사용하면 됩니다.
html은 다양한 태그를 제공하고 있으므로 적절한 태그를 사용하여 원하는 웹페이지를 만들 수 있습니다.
'잡지식' 카테고리의 다른 글
[스피킹시험] 토스 vs 오픽 특징 비교 (0) | 2017.08.29 |
---|---|
하이퍼텍스트와 속성 (0) | 2017.08.09 |
자바란? + 이클립스 설치 (0) | 2017.07.29 |
2017년도 1회 정보처리기사 시험 후기 (실기 주관식으로 변경 후) (0) | 2017.07.22 |
프로그래밍이란? (0) | 2017.06.27 |