본문 바로가기

Front 개발 기술/HTML

 (6)
HTML 문법(form) 아이디 : 비밀번호 : 성별 : 남 여 오늘 점심 : 한식 일식 중식 위의 코드는 form으로 나타낼 수 있는 간단한 양식이다. 이란? html에서 태그는 웹 페이지에서의 입력 양식을 의미합니다. ex) 게시판, 로그인 창, 회원가입 폼, 등 텍스트 필드에 글자를 입력하거나, 체크박스, 등 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 전달되어 정보를 처리하는 방식입니다. 에서 사용되는 속성들. name : 폼의 이름. action : 폼 데이터가 저장되는 백앤드 URL method : 폼 전송방식 : (GET(기존 URL에 표기되는 방식) / POST(URL에 표기되지 않고 숨겨짐) Input : 태그는 전체 양식을 의미하며 추상적이기 때문에 사용자가 데이터를 입력하기 위해서 이용하는 태그 type..
HTML 이미지삽입. : 이미지를 넣기 위한 태그. 단일로서 사용이 불가능하다. 닫힘태그가 없다. -속성- src : 코드가 들어있는 폴더에 이미지가 있을 경우 위 코드대로 추가, 또는 이미지 웹페이지가 있을경우 주소 첨부. width : 이미지의 넓이를 결정한다. 페이지 크기 비율에 맞추려면 n%를 입력하고 수동으로 조절하려면 ?px를 입력하면된다. height : 이미지의 높이를 결정한다. width와 동일 alt : 이미지가 깨졌을 경우 어떤 이미지 였는지 텍스트로 표기 할 수 있는 기능. title : 이미지에 마우스 커서를 가져다 댈 경우 어떤 이미지인지 텍스트로 표기.
HTML의 기본 문법(title, h1~h6, br, p, u, [ul, ol, li], strong, a) 속성 > Welcome To HTML! HTML에 오신 여러분을 환영합니다! 여기는 중요하기 때문에 밑줄을 긋습니다. 박보영은 너무 아름답다. 이호형 배예진누나 이학영 임태환 김 나 박 이 우선 이해를 돕기 위해 코드와 이미지를 첨부하였습니다. 맨 위부터 설명하자면 : 시작태그 : 닫힘태그 DOCTYPE html> : HTML은 한가지 버젼만 있는 것이 아니기에 html.5 버젼을 실행시키기 위해 선언한 선언문입니다. : html 에서 기본적으로 지원해주는 메타데이터 요소로 나타낼 수 없는 데이터들을 나타낼때 사용합니다. : 웹 페이지의 제목을 나타내는 태그입니다. 본문에는 보이지 않으면 브라우저의 탭에서 확인이 가능합니다. ~ : 지정된 글씨 크기, 굵기, 문단띄어쓰기를 사용 할수 있게 만들어진 태그입니다...
HTML 문서의 구조 이번에는 HTML의 기본적인 작성 구조에 대해서 알아보려고 합니다. 일단 제가 임시로 작성한 코드를 첨부하겠습니다. > Welcome To HTML! HTML에 오신 여러분을 환영합니다! HTML 문서의 구조를 설명하기 이전에 왜 이렇게 작성하느냐! 라고 의문을 가지실 수 있습니다. 위 코드와 같이 작성하는 이유는 코딩들 시작하기에 앞서 이 언어를 쓰기 위해서 정해놓은 '약속' 이라고 보시면 됩니다. 만약 이를 지키지 않고 작업을 하고 실행을 시킨다면 오류가 나지 않더라도 추후 수정에 있어서 불편함을 초래할 수 있고 다른 사람이 코드를 읽음에 있어서 불편함을 초래 할 수 있기 때문에 정해놓은 것이라고 할 수 있습니다. 이제 이 약속에 대해서 알아보면 크게 와 로 나눌 수 있습니다. 는 위 그림에서 보면 ..
HTML 이란 무엇인가?? HTML(HyperText Markup Language) HTML을 한국어로 설명한다면 하이퍼텍스트를 가장 중요한 특징으로 하는 마크업이라는 형식을 가진 프로그래밍 언어라고 할 수 있습니다. 그렇다면 여기서 하이퍼 텍스트는 무엇이고 마크업은 무엇이냐!! 라고 물으시는 분들이 반드시 있을 거라고 생각합니다. 여기서 HyperText는 링크 즉 참조를 통해서 1의 웹페이지를 읽고 있는 독자가 다른 웹 페이지로 즉시 접근 할 수 있도록 도와주는 텍스트입니다. Markup은 와 같은 태그 등을 이용하여 문서나 데이터를 기록하는 언어의 한 종류입니다. 그럼 설명한 내용을 토대로 다시 풀어서 적어보면 HTML이란 참조를 통해서 다른 웹페이지로 접글할 수 있도록 도와주는 텍스트를 가장 중요한 특징으로 문서나 데이터를..
HTML을 시작하며.... 오늘부터 웹 개발자를 목표로 공부를 시작합니다. 이전 게임 클라이언트 개발자로 공부하고 잠깐이지만 현업에서 근무했었던 기술들이 얼마나 적용이 될런지는 잘 모르겠지만 시작해보겠습니다! 필요한 언어???? 우선 웹개발자를 하기 위해서 필요한 지식이 뭔가... 를 고민한 결과 스터디원들의 도움으로 필요한 정보를 제공받았습니다. HTML, CSS, Java, JavaScript, JQuery, AJex, Spring FrameWork, DB, 등등 굉장히 많은 언어들과 프로그램에 대한 이해도가 필요하다는 사실에 충격을 먹었지만, 마음을 다 잡고 가장 빠르게 또한 먼저 해야하는 언어에 대해 상의한 결과 HTML이 우선적으로 시작이 되어야 한다고 가닥을 잡고 HTML 먼저 시작합니다. ps. 본 HTML 공부에 앞..

티스토리툴바