본문 바로가기

전체 카테고리361

[HTML] 정보로서의 html 1. 글꼴 - font (퇴출) font태그는 쓰지 말라고 알려드리는 태그입니다. 이 font 태그가 퇴출됨으로써 html이 정보로서 중요하다라는 이야기를 하고 싶습니다. 하지만 이미 많은 곳에서 쓰고 있는 태그입니다. Size는 1~7까지 있고 기본 값은 3입니다. 그리고 color라는 속성을 통해 글자색을 지정할 수 있습니다. 여기서 생기는 문제는 font라는 것은 아무런 의미를 가지고 있지 않습니다. 시각적인 디자인일 뿐이지 이 Hello라는 정보에 대해서 어떠한 설명도 하지 않습니다. Html전체에서 디자인과 관련된 코드와 어떠한 의미를 가지고 있는(h1, li 등) 코드가 혼재되면서 이 웹 페이지를 해석하기가, 정보로서 가지는 가치가 떨어지는 문제를 갖습니다. 이 문제를 해결하기 위해서 font.. 2019. 5. 8.
[HTML] <form> 태그 1. 태그 사용자가 입력한 데이터를 서버로 데이터를 전송할 때 사용하는 태그입니다. 태그를 통해 사용자가 데이터를 입력 받을 수 있습니다. Type에 text, pass word를 통해 속성값을 지정해 줄 수 있으며, 서버로 전송할 떄 사용하는 버튼은 submit버튼으로 input태그의 type에 submit을 지정하여 서버로 데이터를 전송합니다. 우리가 입력한 정보가 어디에 있는 서버로, 어디에 전송을 할껀지 지정하는 태그가 form태그입니다. 이러한 정보를 form태그의 action 속성값에 지정합니다. 또한 각각의 컨트롤(필드)를 구별하기 위해 이름을 지정해줍니다. 예제는 action 속성값에 서버로 전송하는 부분이 있지만 이부분은 무시하고 html 코드만 보겠습니다. 아이디 : 비밀번호 : 주소 .. 2019. 5. 8.
[HTML] html table 1. 태그 웹페이지에 표를 넣는 방법에 대해서 알아보겠습니다. table의 data는 로 표현을 하고 표의 각각의 실제 데이터를 의미합니다. 이름, 성별, 주소가 하나의 행이되고, 최진혁, 남, 청주는 밑으로 내려가야합니다. table row의 약자인 태그를 통해 각각의 행들을 그룹핑 해줍니다. 그리고 이 태그들은 이라는 태그로 묶어주어야 합니다. 그리고 table의 속성에 border값을 설정하여 테두리를 설정합니다. 이름 성별 주소 최진혁 남 청주 최유빈 여 청주 2. 테이블의 정보를 가치있게 만들기 밑의 예제는 위의 예제와는 시각적으로 차이가 없습니다. 테이블의 데이터를 보면 성격이 다릅니다. 태그는 정보를 정의하는 녀석입니다. 어떤 웹페이지에 있는 정보를 좀 더 가치있게 만들려면 좀 더 구조화하는.. 2019. 5. 8.
[HTML] html 태그(p, br, img) 1. 태그 html은 공백(스페이스)과 엔터를 여러번 입력하더라도 하나의 공백으로만 인식합니다. 줄바꾸기 기능을 하는 가장 일반적인 태그는 태그와 태그입니다. 하나의 문단을 의미하는 태그는 태그 사이에 위치하는 내용으로 하나의 문단을 구성합니다. 첫번째 문단 두번째 문단 위와 같이 코딩을 하게 되면 다음과 같이 첫번째 문단과 두 번째 문단 사이에 공백라인이 들어갑니다. 2. 태그 br태그를 이용해서 간격을 조정할 수 있습니다. br태그는 우리가 흔히 아는 enter 연할을 합니다. 태그 하나에 줄바꿈 한줄 이라는 것입니다. 또한 태그는 다른 태그와 달리 가 없습니다. 첫번째 문단 두번째 문단 3. 태그 웹페이지에 이미지를 넣고 싶을 때 사용하는 태그 입니다. html파일과 같은 위치(같은 폴더)에 img.. 2019. 5. 2.
[HTML] html 문서의 구조 1. HTML 문서의 구조 HTML은 크게 태그는 문서의 탭에 나타나는 이름을 정하는 태그입니다. 또한 페이지에서 한글같은 글자가 깨질 떄가 있는데 이때 인코딩을 utf-8로 설정할때 태그와 charset 속성값을 사용합니다. 그리고, HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 여기서 맨에 코드를 보면 DOCTYPE이라는 것이 나옵니다. Document Type Declaration의 약자입니다. 자신이 작성한 html 코드가 어떤 방식의 html코드로 작성됐는지 브라우저에게 알려주는 문자입니다. 브라우저에게 어떠.. 2019. 5. 2.
[HTML] 태그의 중첩과 목록(리스트) 1. 리스트 각각의 항목들을 리스트로 표현해 보겠습니다. 이때 사용하는 태그가 입니다. 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 보통 이 태그는 혼자 사용되지 않습니다. 태그를 이용하여 그룹핑을 합니다. 여기서 알아두어야 할 것은 태그안에 태그가 있을 수 있다는 것 입니다. 또한 가독성을 높이기 위해서 보통 태그안에 태그들은 들여쓰기(띄어쓰기)를 해줍니다. 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 최진혁 최유빈 한이람 한이은 만약, 이 리스트에 순서를 부여하고 싶다면 태그를 사용하면 됩니다. ol은 ordered list의 약자이고, ul은 unordered list의 약자입니다. 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 최진혁 최유빈 한이람 한이은 2019. 5. 2.

티스토리툴바