본문 바로가기

생활코딩4

[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]07장, 혁명적인 변화 [h1~h6: 제목을 나타내는 태그] ~ 태그의 기능을 확인하기 위해서 우리는 atom에 다음과 같이 작성할 것이다. Hypertext Markup language (HTML) is the standard markup language for creating web pages and web applications. W3C This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 atom에 다음과 같이 작성 후, 저장하고 실행하였다. 이와 같이 실행되는 것을 우리는 확인하였다. 이로인해 ~ 태그는 제목에 관여한다는 것을 알 수 있다. 코드를 보면 h 뒤에는 숫자가 붙고, 숫.. 2021. 1. 6.
[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.