IT 개발 관련/HTML (4) 썸네일형 리스트형 HTML : Grouping HTML : Grouping Grouping 웹사이트를 구성할 때 깔끔하고 보기 좋은 웹페이지를 구성하기 위해선 초기 코드를 잘 짜야하는 것은 물론 이후를 위해서 유지보수 측면에서도 뛰어나야 한다. 그런 점에서 HTML에서의 Grouping은 중요한 요소 중 하나이다. Grouping이 잘 되어있는 웹사이트는 유지보수가 쉽고 빠르고 코드를 봤을 때 코드도 깔끔하다. 그럼 Grouping은 무엇인가? Grouping은 웹사이트에서 일정한 영역을 나눠주는 것이라고 생각하시면 됩니다. 말 그대로 일정 부분끼리 그룹을 만들어주는 것입니다. HTML 코드 Grouping div태그 활용 홈 소개 본문본문본문본문본문본문본문본문본문본문 본문본문본문본문본문본문본문본문본문본문 본문본문본문본문본문본문본문본문본문본문 경기도.. HTML : form HTML : form form form요소는 웹페이지에서 사용자로부터 입력을 받을 수 있습니다. input 요소들 회원가입 아이디 : 비밀번호 : 메일 수신여부 예 아니오 📃코드 해석 form의 기본적인 요소들이 있지만 일단 이해하기 쉬운 것들부터 알려드리면 input요소들을 먼저 이해하는 것입니다. 먼저 태그로 form을 만들어줍니다. 그리고 form에서 영역을 만들어서 그 안에 사용자에게 입력받고 싶은 내용들을 넣어주고 싶을 땐 태그를 사용합니다. fieldset태그의 이름은 태그로 붙입니다. 그리고 태그 내부에서 사용자에게 어떠한 형태의 입력값을 받을 것인지 태그를 활용해 만들어줍니다. -아이디 : 텍스트 형태의 값을 입력받겠다는 의미입니다. -비밀번호 : 비밀번호 형태의 값을 입력받겠다는 의미입니.. HTML : LIST, TABLE HTML : LIST, TABLE LIST LIST는 우리가 일상생활에서 많이 사용하듯 여러 요소들을 명단이나 목록으로 남기는 것을 의미한다. LIST에는 1. 순서가 있는 리스트 2. 순서가 없는 리스트 3. 정의 리스트 이렇게 세 가지가 있습니다. LIST 문법 1. 순서가 있는 리스트(ordered list) 목록 HTML CSS JavaScript Java JSP Oracle 순서가 있는 리스트는 로 작성하고 내부에 리스트 항목들은 로 작성해줍니다. 그럼 아래와 같은 결과가 나옵니다. 2. 순서가 없는 리스트(unordered list) 목록 HTML CSS JavaScript Java JSP Oracle 순서가 없는 리스트는 태그를 사용해줍니다. 리스트 내부 목록은 태그와 동일하게 를 사용합니다.. HTML : Paragraph, horizontal line HTML : Paragraph, horizontal line Paragraph 단락 요소이며, 단락을 표시할 때 사용합니다. Paragraph 문법 단락 요소 단락 요소의 특징 단락을 표시하는 p태그는 블록태그 이기 때문에, 줄 바꿈이 일어납니다. p태그는 내부에 인라인 요소를 여럿 가질 수 있지만 블록요소는 가질 수 없습니다. Pragraph 웹브라우저 웹브라우저가 생성된 후 사진을 보면서 태그 작성을 비교하면 알 수 있듯이 HTML에서 태그 내부에 줄바꿈을 넣는다고 하여서 실제 웹브라우저에서 줄 바꿈이 되진 않습니다. 따라서 태그(break line)를 사용하면 새로운 단락을 만들지 않고도 줄을 나눌 수 있습니다. Horizontal line HTML에서 단락을 나눌 때나 내용상의 구분을 표현하고자 .. 이전 1 다음
