태그의 조합을 이용해서 복잡한 문서를 여러가지 방법으로 표현하는 방법을 알아봅시다. 그리고 왜 중첩해서 태그를 사용해야 하는지 알아봅시다. 기술소개기본문법하이퍼텍스트와 속성리스트와 태그의 중첩미나리이미남나미남너미남 "~" 안에 묶인 경우에는 그룹핑이 되는 효과를 줄 수 있다. "~"를 단독으로만 사용하는 경우에는 태그안에 내용들을 따로 구분할 수 없지만 ul태그와 중첩해서 사용할 시에는 구분해서 보여지게 표현할 수가 있다. 아래와 같이 그룹핑이 되어서 표현된다. 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 미나리 이미남 나미남 너미남 시각적으로 표현하기 위해서 하위에 포함된 태그를 들여쓰기 해서 보여준다. 순서가 있는 경우의 리스트의 경우 태그가 아닌, 태그로 감싸주면 순서가 있는 리스트로..
HTML의 문법은 태그와 속성으로 구성되어 있다. 속성이라는 문법과 link라는 기능을 알아보도록 합시다. 오늘의 명언 우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 커누스) (도널드 커누스)에 대한 부분을 링크를 걸기 위해서 부분의 앞에 "~"를 붙여준다. 링크를 한 부분에 정보가 부족하면 나타나지 않지만 부족한 정보를 보완하기 위해서 속성을 이용한다. 속성1 : href를 사용하면 링크로 연결해 준다. 속성2 : target="_blank" 을 정의를 해주면 현재 문서가 아닌 다른 문서에서 링크가 나타난다. 속성3 : title을 사용해서 툴팁에 내용을 표시해 준다. a태그의 경우 anchor의 약자이다. 중요한 단어들은 단어가 짧다.(집, 밥, 잠....) a 태그의 경우도 ..
오늘의 명언 우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 카누스) 바탕화면에서 실습이라는 디렉토리를 만들고 메모장(textedit)에 내용을 쓴 뒤에 html으로 저장해 봅시다. a.html 파일의 이름을 만들고, 저장하기 파일을 만들고 웹브라우저에서 읽어오도록 실행을 하면 웹브라우저상에서 입력한 그대로 표시되어서 나온다. 편집기에 입력된 내용이 웹브라우저상에서 표시가 된다면 우리는 편집기를 편집해서 변화되는 내용을 웹브라우저상에서 확인을 할 수가 있다. 강조하고 싶은 내용의 시작과 끝 부분에 "~"으로 표시한다. 웹브라우저의 실행과정에서 처음부터 해석을 할 때에 strong이라는 태그에서 뒤에 따라오는 문자들을 진하게(강조) 표시하라는 명령을 실행해 준다. strong이 다시 ..
HTML - HyperText Markup LanguageHyperText - 하이퍼텍스트를 가장 중요한 특징으로 하는Markup - 마크업이라는 형식을 가진Language - 컴퓨터 프로그래밍 언어언어의 핵심은 약속에 있다. 나와 상대방이 여러가지 말과 단어에 의미를 부여하고, 그 의미를 같은 뜻으로 사용하자고 약속함으로 상호간에 소통이 이뤄지게 된다. 컴퓨터 언어도 마찬가지로 어떤 약속이 존재해야 한다는 것이다. 사람과 기계가 소통하기 위한 일종의 약속이 컴퓨터 언어 또는 컴퓨터 프로그래밍이라고 한다. HTML은 웹브라우저에 표시되는 웹페이지를 만들어 달라고 요청하는 언어를 이야기한다. 작성하는 사람도 이해할 수 있고, 기계도 이해할 수 있도록 작성하는 것을 말한다. 웹브라우저 상에서 우리가 자주 사..
요즈음 내가 하고 있는 것? 웹 애플리케이션 만들기 생활코딩이라는 페이지를 통해서 재밌게 공부를 하고 있다. html에서 부터 css, javascript, php 그리고 다양한 멀티미디어 기술들을 사이트에서 배우고 있다. 해야할 것은 많은데 어떤거 부터 해야 할지 고민을 하지만 하나씩 시나브로 열심히 배우고 있다. 아니 열심히 하나하나 익혀야겠다. 웹 애플리케이션 만들기라는 코딩야학 1기를 마치고, 계속 이어서 나 나름대로 정리를 하고 내것으로 만들어야 하는데, 마음같이 파닥파닥(?) 진행이 되지는 않는다. 스크래치를 통한 코블?? 학원에서 하고 있는 스크래치를 통한 코블놀이(?) 레고 블록은 아니고 듀플러블록으로 만드는 것이라 조금은 촌스럽기는 하지만 그 기능들이 재밌다. 조이스틱처럼 움직일 수 있는..