Web Programing/생활코딩! HTML+CSS+자바스크립트11 [HTML] 11장, 최후의 문법 속성과 <img> 태그 지금까지 HTML의 가장 중요한 문법인 태그를 배웠다. 이번 시간에는 속성이라 하는 태그의 심화된 문법을 배울 것이다. 이제까지 글씨만 있으니 답답하다는 느낌이 들며 시각적 요소로 사진을 넣고 싶어진다. 사진을 넣는 방법을 살펴보자. [ : 이미지를 포함시킬 때 사용하는 태그 ] 위에 코드와 같이 태그를 삽입하고 새로고침을 해보면 사진은 보이지 않는다. 사진이 보이지 않는 이유는 그냥 img라고 한다면 어떤 이미지를 보여줄 것이라는 이야기가 없기 때문이다. 태그의 이름만으로는 정보가 부적할 때가 있다는 것이다. 그래서 이 태그라는 문법을 만든 컴퓨터 공학자들은 태그의 이름만으로는 정보가 부족하다는 것을 인식하고 고민 끝네 새로운 문법을 출현시킨다. 태그에 src 속성을 추가하였다. 어떤 이미지인지 알려주.. 2021. 1. 7. [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. 이전 1 2 다음
