html5 [HTML] 14장, HTML 태그의 제왕 이번에는 본문의 HTML에 링크를 달 것이다. HTML의 기술 공식 사용 설명서를 링크 걸면 좋을 것 같다. 공식 사용 설명서를 링크 걸어보자! 링크 걸고 싶은 곳을 태그로 감싸면 된다. 페이지를 새로고침해 보면 링크가 걸리지 않은 것을 확인할 수 있다. 그 이유는 정보가 부족하기 때문이다. 이 링크가 어디에 닻을 내려야 할지 정보가 부족하다. 그래서 이동할 주소(https://www.w3.org/TR/html5/)를 복사해서 태그의 속성에 적는데, 앞에서 하이퍼텍스트는 링크이다. 하이퍼텍스트의 h와 웹 브라우저에게 이 페이지를 참조하라는 의미의 reference에서 앞의 세 글자인 href라고 하는 속성을 지정한다. Hypertext Markup Language (HTML) 위와 같이 수정하고 새로고침.. 2021. 1. 8. [HTML] 13장, 문서의 구조와 슈퍼스타들 다른 사이트는 내용을 잘 표현하는 제목을 표시하고 있는 반면 우리 예제는 파일명이 제목이다. 페이지의 제목을 "WEB1 - html"과 같이 만들고 싶다면 다음과 같은 태그를 이용하면 된다. 태그 안에 작성한 것처럼 제목에 표시된 것을 확인할 수 있다. 보다시피 이라는 태그를 사용하면 웹 페이지의 제목을 사용자에게 명시적으로 알려줄 수 있을 뿐더러 검색 엔진과 같은 기계들이 바로 이다. ' html이란 무엇인가? ' 라고 바꾸었을 때 0과 1을 어떻게 컴퓨터에 저장할 것인지에 관한 여러 가지 약속들이 있는데 이 약속 중 하나가 에디터 하단에 있는 UTF-8이다. 현재 우리가 작성한 파일은 UTF-8이란 방식으로 저장된 상태이다. 우리가 웹 브라우저에게 이 웹 페이지를 열 때 UTF-8로 열라고 지시할 때.. 2021. 1. 8. [HTML] 09장, 줄바꿈: <br> vs <p> 다음과 같이 보충 설명을 넣어 보자. HTML Hypertext Markup language (HTML) is the standard markup language for creating web pages and web applications. Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes the structure of a web page semantically included cues for the appearance of the document. HTML elements are the building blocks.. 2021. 1. 7. [HTML] 06장, 기본 문법과 태그 우리가 만들고자 하는 예제의 기획서이다. 한 번에 작성하기에는 어렵기 때문에 여러 조각으로 나눠서 하나씩 완성시킬 것이다. 먼저 화면에 표시할 부분은 'Hypertext Markup language ~' 부분이다. 화면에 있는 텍스트를 웹 브라우저에 표시할 것이다. Hypertext Markup language (HTML) is the standard markup language for creating web pages and web applications. 이 문장을 '1.html'이라는 파일에 붙여넣는다. 윈도우에서는 [Ctrl + S]를 누르면 변경사항이 저장되고, 브라우저를 새로고침하면 에디터에 작성한 내용이 원인으로 작동해서 브라우저의 웹 페이지가 만들어지는 것이다. 에디터에 작성된 내용은 코드.. 2021. 1. 6. [HTML] 05장, HTML 코딩과 실습 환경 준비 코딩을 하기 전에 필요한 준비물은 크게 두 가지이다. 하나는 웹 브라우저이다. 이건 웹 페이지니까 당연한 이야기이다. 또 하나는 HTML이라는 컴퓨터도 이해할 수 있고 사람도 이해할 수 있는 프로그래밍 언어의 문법에 맞게 코드를 작성해야 하는데 그 코드를 작성할 프로그램이 필요하다. 이러한 프로그램을 편집하는 프로그램이라는 뜻에서 에디터(editor)라 한다. https://atom.io/ 에서 html 코드를 작성할 프로그램을 다운로드 받는다. atom을 실행했을 때의 화면이다. 먼저 바탕화면에 web 파일을 생성한 후, atom으로 불러온다. [File] - [Open Folder] [마우스 오른쪽 버튼] - [New File]을 선택한 후, '1.html' 파일을 생성한다. 웹 페이지는 확장자가 '.. 2021. 1. 6. 이전 1 다음
