home__study

주요 태그에 대한 마지막 정리입니다. HTML은 정보를 표현하고 정보를 담아내는 것에 집중하도록 만들어져 있기에 정보에 중점을 두어 조치들이 취해집니다. 정보로서의 언어라 보는 것으로 HTML을 정보답게 하기 위해 어떠한 역할이 수행되는지 알아보겠습니다. 글꼴 : font 태그는 지금은 퇴출되어 사용되지 않습니다. 이 태그는 문자를 꾸며줄 수 있는데 font태그에 size속성 값이나 color 속성 값을 지정하여 문자의 크기를 1부터 7까지의 사이즈로 변화시키거나 색상을 변경할 수 있습니다. 그러나, 이러한 정보는 시각적으로만 나타나기에 문자의 정보를 보여줄 수 없는 태그입니다. 그렇기에 font태그의 문제점은 문자에 아무런 의미가 부여되지 않는다는 것입니다. HTML은 정보에 집중한 언어이기에 CSS언..

이제, 사용자가 입력한 정보를 서버로 전송할 때 사용하는 태그를 살펴보겠습니다. 사용자와 웹 사이트 간 서로 상호 작용하는 것에서 중요한 것으로 사용자가 웹 사이트에 정보를 전송하는 것을 허용하는 태그인 form태그에 대해 정리하겠습니다. form태그는 중첩 태그로 많이 사용이 되며 태그, 태그, 태그 태그에 대한 태그와 여러 가지 속성 지정이 존재합니다. 입력 양식 : 태그 우선, form태그를 만들기 위해 사용자로부터 정보를 입력받을 수 있는 것을 만듭니다. 입력받는 태그는 input 태그가 사용되는데 type 속성의 값을 text로 지정하여 문자를 입력받을 수 있는 창을 만듭니다. type 속성의 값을 password로 하여 문자가 입력되면 *로 출력되도록 만들 수 있기도 합니다. 입력받는 창을 모..

이번에는 주요한 태그에 대해 정리하겠습니다. HTML의 변화에 따른 태그의 사용은 http://www.martinrinehart.com/frontend-engineering/engineers/html/html-tag-history.html을 확인하면 태그들의 리스트들을 확인할 수 있습니다. 주요 태그 단락 : 태그 (paragraph), 줄 바꿈 : 태그 단락을 알리기 위해 문장의 시작과 끝에 아래와 같이 p태그로 감싸주어야 됩니다. 단락을 더 넓이기 위해 CSS언어를 이용하여도 되지만, 태그를 이용하여 간격을 더 넓일 수 있습니다. 여기서, br태그는 줄 바꿈 태그로 Void element입니다. 줄 바꿈 태그는 시각적인 표현일 뿐 어떠한 정보를 가지고 있지 않지만, 단락을 표현하는 p태그는 하나의 단..

안녕하세여~ 이번에는 간단한 웹 사이트를 만들기 위해 태그와 HTML구성에 대해 정리한 후 간단한 웹사이트를 만들어 보겠습니다. 태그의 중첩과 목록 태그를 중첩하여 사용하여야 하는 예로 목록을 웹 페이지에 표현하는 리스트 태그를 예로 들 수 있습니다. 리스트 태그는 항목을 리스트로 표현해주며, 태그를 사용합니다. li태그로 인해 항목들이 시각적으로 구분되어 보이며, 여기서 리스트 태그는 단독으로 사용되지 않는 태그입니다. 성격이 다른 항목이 있을 때, 시각적으로 구별할 필요가 있기 때문입니다. 성격이 같은 항목끼리 묶기 위해서는 태그, 태그로 묶어 구분할 수 있습니다. 위와 같이 성격이 같은 항목을 묶어 따로 표현하는 것이 가능합니다. 이렇듯 태그 안에 태그가 존재하여 선언될 수 있습니다. 중첩 태그라 ..

안녕하세여~ Hak2입니다. 이번에는 생활코딩에서 수업한 HTML에 대한 공부를 해볼 것입니다. 주소는 https://opentutorials.org/course/2039입니다. HTML의 소개 HTML은 HyperText Markup Language의 약자로서 링크를 제공하는 기능을 가지고 있으며, 마크업이라는 문법적인 특성을 가지고 있는 웹 페이지 개발언어입니다. 프로그래밍 언어는 컴퓨터를 제어하기 위해 필요한 것이며, 웹 브라우저에 표시되는 웹 페이지를 만들 때 컴퓨터가 이해할 수 있도록 요청하는 언어가 HTML입니다. 일반적으로 페이지 소스에 보이는 개발자 도구에서 확인할 수 있을 것입니다. 아래의 소스코드들이 해석되면서 우리가 보는 페이지로 만들어집니다. 기본 문법 HTML에서 중요한 문법은 태..